@charset "UTF-8";
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* ------------------------------------- RESET ------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form,legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
font: inherit;
font-size: 100%;
border: 0;

vertical-align: baseline; }

html {
line-height: 1; }

ol, ul {
list-style: none; }

table {

border-spacing: 0; }

caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }

q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }

a img {
border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }

/* ------------------------------------- FONT AWESOME ------------------------------ */
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fa-ul > li {
position: relative; }

.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714em; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }

.fa-music:before {
content: "�?"; }

.fa-search:before {
content: ""; }

.fa-envelope-o:before {
content: ""; }

.fa-heart:before {
content: ""; }

.fa-star:before {
content: ""; }

.fa-star-o:before {
content: ""; }

.fa-user:before {
content: ""; }

.fa-film:before {
content: ""; }

.fa-th-large:before {
content: ""; }

.fa-th:before {
content: ""; }

.fa-th-list:before {
content: ""; }

.fa-check:before {
content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"; }

.fa-search-plus:before {
content: ""; }

.fa-search-minus:before {
content: "�?"; }

.fa-power-off:before {
content: ""; }

.fa-signal:before {
content: ""; }

.fa-gear:before,
.fa-cog:before {
content: ""; }

.fa-trash-o:before {
content: ""; }

.fa-home:before {
content: url("../images_11/home.png"); }

.fa-file-o:before {
content: ""; }

.fa-clock-o:before {
content: ""; }

.fa-road:before {
content: ""; }

.fa-download:before {
content: url("../images_11/download.png");font-size:12px;}

.fa-arrow-circle-o-down:before {
content: ""; }

.fa-arrow-circle-o-up:before {
content: ""; }

.fa-inbox:before {
content: ""; }

.fa-play-circle-o:before {
content: "�?"; }

.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }

.fa-refresh:before {
content: ""; }

.fa-list-alt:before {
content: ""; }

.fa-lock:before {
content: ""; }

.fa-flag:before {
content: ""; }

.fa-headphones:before {
content: ""; }

.fa-volume-off:before {
content: ""; }

.fa-volume-down:before {
content: ""; }

.fa-volume-up:before {
content: ""; }

.fa-qrcode:before {
content: ""; }

.fa-barcode:before {
content: url("../images_11/barcode.png"); }

.fa-tag:before {
content: ""; }

.fa-tags:before {
content: ""; }

.fa-book:before {
content: ""; }

.fa-bookmark:before {
content: ""; }

.fa-print:before {
content: ""; }

.fa-camera:before {
content: ""; }

.fa-font:before {
content: ""; }

.fa-bold:before {
content: ""; }

.fa-italic:before {
content: ""; }

.fa-text-height:before {
content: ""; }

.fa-text-width:before {
content: ""; }

.fa-align-left:before {
content: ""; }

.fa-align-center:before {
content: ""; }

.fa-align-right:before {
content: ""; }

.fa-align-justify:before {
content: ""; }

.fa-list:before {
content: ""; }

.fa-dedent:before,
.fa-outdent:before {
content: ""; }

.fa-indent:before {
content: ""; }

.fa-video-camera:before {
content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }

.fa-pencil:before {
content: "�?�"; }

.fa-map-marker:before {
content: "�??"; }

.fa-adjust:before {
content: "�?�"; }

.fa-tint:before {
content: "�?�"; }

.fa-edit:before,
.fa-pencil-square-o:before {
content: "�?�"; }

.fa-share-square-o:before {
content: "�?�"; }

.fa-check-square-o:before {
content: "�?�"; }

.fa-arrows:before {
content: "�?�"; }

.fa-step-backward:before {
content: "�?�"; }

.fa-fast-backward:before {
content: "�?�"; }

.fa-backward:before {
content: "�?�"; }

.fa-play:before {
content: "�?�"; }

.fa-pause:before {
content: "�?�"; }

.fa-stop:before {
content: "�??"; }

.fa-forward:before {
content: "�?�"; }

.fa-fast-forward:before {
content: "�??"; }

.fa-step-forward:before {
content: "�?�"; }

.fa-eject:before {
content: "�?�"; }

.fa-chevron-left:before {
content: "�?�"; }

.fa-chevron-right:before {
content: "�?�"; }

.fa-plus-circle:before {
content: "�?�"; }

.fa-minus-circle:before {
content: "�?�"; }

.fa-times-circle:before {
content: "�?�"; }

.fa-check-circle:before {
content: "�?�"; }

.fa-question-circle:before {
content: "�?�"; }

.fa-info-circle:before {
content: url("../images_11/tooltip.png"); }

.fa-crosshairs:before {
content: "�?�"; }

.fa-times-circle-o:before {
content: "�?�"; }

.fa-check-circle-o:before {
content: "�??"; }

.fa-ban:before {
content: "�?�"; }

.fa-arrow-left:before {
content: "�?�"; }

.fa-arrow-right:before {
content: "�?�"; }

.fa-arrow-up:before {
content: "�?�"; }

.fa-arrow-down:before {
content: "�?�"; }

.fa-mail-forward:before,
.fa-share:before {
content: "�?�"; }

.fa-expand:before {
content: "�?�"; }

.fa-compress:before {
content: "�?�"; }

.fa-plus:before {
content: "�?�"; }

.fa-minus:before {
content: "�?�"; }

.fa-asterisk:before {
content: "�?�"; }

.fa-exclamation-circle:before {
content: "�?�"; }

.fa-gift:before {
content: "�?�"; }

.fa-leaf:before {
content: "�?�"; }

.fa-fire:before {
content: "�?�"; }

.fa-eye:before {
content: "�?�"; }

.fa-eye-slash:before {
content: "�?�"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
content: "�?�"; }

.fa-plane:before {
content: "�?�"; }

.fa-calendar:before {
content: "�?�"; }

.fa-random:before {
content: "�?�"; }

.fa-comment:before {
content: "�?�"; }

.fa-magnet:before {
content: "�?�"; }

.fa-chevron-up:before {
content: "�?�"; }

.fa-chevron-down:before {
content: "�?�"; }

.fa-retweet:before {
content: "�?�"; }

.fa-shopping-cart:before {
content: "�?�"; }

.fa-folder:before {
content: "�?�"; }

.fa-folder-open:before {
content: "�?�"; }

.fa-arrows-v:before {
content: "�?�"; }

.fa-arrows-h:before {
content: "�?�"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }

.fa-twitter-square:before {
content: "�?"; }

.fa-facebook-square:before {
content: ""; }

.fa-camera-retro:before {
content: ""; }


.fa-key:before {
content: url("../images_11/change_password.png");
}

.fa-gears:before,
.fa-cogs:before {
content: ""; }

.fa-comments:before {
content: ""; }

.fa-thumbs-o-up:before {
content: ""; }

.fa-thumbs-o-down:before {
content: ""; }

.fa-star-half:before {
content: ""; }

.fa-heart-o:before {
content: ""; }

.fa-sign-out:before {
content: url("../images_11/logout-icon.png");  }

.fa-linkedin-square:before {
content: ""; }

.fa-thumb-tack:before {
content: "�?"; }

.fa-external-link:before {
content: ""; }

.fa-sign-in:before {
content: "�?"; }

.fa-trophy:before {
content: ""; }

.fa-github-square:before {
content: ""; }

.fa-upload:before {
content: ""; }

.fa-lemon-o:before {
content: ""; }

.fa-phone:before {
content: ""; }

.fa-square-o:before {
content: ""; }

.fa-bookmark-o:before {
content: ""; }

.fa-phone-square:before {
content: url("../images_11/contact_us.png"); } 

.fa-twitter:before {
content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }

.fa-github:before {
content: ""; }

.fa-unlock:before {
content: ""; }

.fa-credit-card:before {
content: "�?"; }

.fa-feed:before,
.fa-rss:before {
content: ""; }

.fa-hdd-o:before {
content: ""; }

.fa-bullhorn:before {
content: ""; }

.fa-bell:before {
content: ""; }

.fa-certificate:before {
content: ""; }

.fa-hand-o-right:before {
content: ""; }

.fa-hand-o-left:before {
content: ""; }

.fa-hand-o-up:before {
content: ""; }

.fa-hand-o-down:before {
content: ""; }

.fa-arrow-circle-left:before {
content: ""; }

.fa-arrow-circle-right:before {
content: ""; }

.fa-arrow-circle-up:before {
content: ""; }

.fa-arrow-circle-down:before {
content: ""; }

.fa-globe:before {
content: ""; }

.fa-wrench:before {
content: ""; }

.fa-tasks:before {
content: ""; }

.fa-filter:before {
content: ""; }

.fa-briefcase:before {
content: ""; }

.fa-arrows-alt:before {
content: ""; }

.fa-group:before,
.fa-users:before {
content: ""; }

.fa-chain:before,
.fa-link:before {
content: "�?"; }

.fa-cloud:before {
content: ""; }

.fa-flask:before {
content: ""; }

.fa-cut:before,
.fa-scissors:before {
content: ""; }

.fa-copy:before,
.fa-files-o:before {
content: ""; }

.fa-paperclip:before {
content: ""; }

.fa-save:before,
.fa-floppy-o:before {
content: ""; }

.fa-square:before {
content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }

.fa-list-ul:before {
content: ""; }

.fa-list-ol:before {
content: ""; }

.fa-strikethrough:before {
content: ""; }

.fa-underline:before {
content: "�?"; }

.fa-table:before {
content: ""; }

.fa-magic:before {
content: "�?"; }

.fa-truck:before {
content: ""; }

.fa-pinterest:before {
content: ""; }

.fa-pinterest-square:before {
content: ""; }

.fa-google-plus-square:before {
content: ""; }

.fa-google-plus:before {
content: ""; }

.fa-money:before {
content: ""; }

.fa-caret-down:before {
content: ""; }

.fa-caret-up:before {
content: ""; }

.fa-caret-left:before {
content: ""; }

.fa-caret-right:before {
content: ""; }

.fa-columns:before {
content: ""; }

.fa-unsorted:before,
.fa-sort:before {
content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
content: "�?"; }

.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }

.fa-envelope:before {
content: url("../images_11/email.png"); 
}

.fa-linkedin:before {
content: url("../images_11/user-icon.png"); 
}
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }

.fa-legal:before,
.fa-gavel:before {
content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }

.fa-comment-o:before {
content: ""; }

.fa-comments-o:before {
content: ""; }

.fa-flash:before,
.fa-bolt:before {
content: ""; }

.fa-sitemap:before {
content: ""; }

.fa-umbrella:before {
content: ""; }

.fa-paste:before,
.fa-clipboard:before {
content: ""; }

.fa-lightbulb-o:before {
content: ""; }

.fa-exchange:before {
content: ""; }

.fa-cloud-download:before {
content: ""; }

.fa-cloud-upload:before {
content: ""; }

.fa-user-md:before {
content: ""; }

.fa-stethoscope:before {
content: ""; }

.fa-suitcase:before {
content: ""; }

.fa-bell-o:before {
content: ""; }

.fa-coffee:before {
content: ""; }

.fa-cutlery:before {
content: ""; }

.fa-file-text-o:before {
content: ""; }

.fa-building-o:before {
content: ""; }

.fa-hospital-o:before {
content: ""; }

.fa-ambulance:before {
content: ""; }

.fa-medkit:before {
content: ""; }

.fa-fighter-jet:before {
content: ""; }

.fa-beer:before {
content: ""; }

.fa-h-square:before {
content: ""; }

.fa-plus-square:before {
content: ""; }

.fa-angle-double-left:before {
content: ""; }

.fa-angle-double-right:before {
content: "�?"; }

.fa-angle-double-up:before {
content: ""; }

.fa-angle-double-down:before {
content: ""; }

.fa-angle-left:before {
content: ""; }

.fa-angle-right:before {
content: ""; }

.fa-angle-up:before {
content: ""; }

.fa-angle-down:before {
content: ""; }

.fa-desktop:before {
content: ""; }

.fa-laptop:before {
content: ""; }

.fa-tablet:before {
content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }

.fa-circle-o:before {
content: ""; }

.fa-quote-left:before {
content: "�?"; }

.fa-quote-right:before {
content: ""; }

.fa-spinner:before {
content: "�?"; }

.fa-circle:before {
content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
content: ""; }

.fa-github-alt:before {
content: ""; }

.fa-folder-o:before {
content: ""; }

.fa-folder-open-o:before {
content: ""; }

.fa-smile-o:before {
content: ""; }

.fa-frown-o:before {
content: ""; }

.fa-meh-o:before {
content: ""; }

.fa-gamepad:before {
content: ""; }

.fa-keyboard-o:before {
content: ""; }

.fa-flag-o:before {
content: "�?"; }

.fa-flag-checkered:before {
content: ""; }

.fa-terminal:before {
content: ""; }

.fa-code:before {
content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }

.fa-location-arrow:before {
content: ""; }

.fa-crop:before {
content: ""; }

.fa-code-fork:before {
content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }

.fa-question:before {
content: ""; }

.fa-info:before {
content: url("../images_11/Facturacion.png"); }

.fa-exclamation:before {
content: ""; }

.fa-superscript:before {
content: ""; }

.fa-subscript:before {
content: ""; }

.fa-eraser:before {
content: ""; }

.fa-puzzle-piece:before {
content: ""; }

.fa-microphone:before {
content: ""; }

.fa-microphone-slash:before {
content: ""; }

.fa-shield:before {
content: ""; }

.fa-calendar-o:before {
content: ""; }

.fa-fire-extinguisher:before {
content: ""; }

.fa-rocket:before {
content: ""; }

.fa-maxcdn:before {
content: ""; }

.fa-chevron-circle-left:before {
content: ""; }

.fa-chevron-circle-right:before {
content: ""; }

.fa-chevron-circle-up:before {
content: ""; }

.fa-chevron-circle-down:before {
content: ""; }

.fa-html5:before {
content: ""; }

.fa-css3:before {
content: ""; }

.fa-anchor:before {
content: ""; }

.fa-unlock-alt:before {
content: ""; }

.fa-bullseye:before {
content: ""; }

.fa-ellipsis-h:before {
content: "�?"; }

.fa-ellipsis-v:before {
content: ""; }

.fa-rss-square:before {
content: ""; }

.fa-play-circle:before {
content: ""; }

.fa-ticket:before {
content: ""; }

.fa-minus-square:before {
content: ""; }

.fa-minus-square-o:before {
content: ""; }

.fa-level-up:before {
content: ""; }

.fa-level-down:before {
content: ""; }

.fa-check-square:before {
content: ""; }

.fa-pencil-square:before {
content: ""; }

.fa-external-link-square:before {
content: ""; }

.fa-share-square:before {
content: "�?"; }

.fa-compass:before {
content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "�?"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }

.fa-euro:before,
.fa-eur:before {
content: ""; }

.fa-gbp:before {
content: ""; }

.fa-dollar:before,
.fa-usd:before {
content: ""; }

.fa-rupee:before,
.fa-inr:before {
content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }

.fa-won:before,
.fa-krw:before {
content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
content: ""; }

.fa-file:before {
content: ""; }

.fa-file-text:before {
content: ""; }

.fa-sort-alpha-asc:before {
content: "�?"; }

.fa-sort-alpha-desc:before {
content: ""; }

.fa-sort-amount-asc:before {
content: ""; }

.fa-sort-amount-desc:before {
content: ""; }

.fa-sort-numeric-asc:before {
content: ""; }

.fa-sort-numeric-desc:before {
content: ""; }

.fa-thumbs-up:before {
content: ""; }

.fa-thumbs-down:before {
content: ""; }

.fa-youtube-square:before {
content: ""; }

.fa-youtube:before {
content: ""; }

.fa-xing:before {
content: ""; }

.fa-xing-square:before {
content: ""; }

.fa-youtube-play:before {
content: ""; }

.fa-dropbox:before {
content: ""; }

.fa-stack-overflow:before {
content: ""; }

.fa-instagram:before {
content: ""; }

.fa-flickr:before {
content: ""; }

.fa-adn:before {
content: ""; }

.fa-bitbucket:before {
content: ""; }

.fa-bitbucket-square:before {
content: ""; }

.fa-tumblr:before {
content: ""; }

.fa-tumblr-square:before {
content: ""; }

.fa-long-arrow-down:before {
content: ""; }

.fa-long-arrow-up:before {
content: ""; }

.fa-long-arrow-left:before {
content: ""; }

.fa-long-arrow-right:before {
content: ""; }

.fa-apple:before {
content: ""; }

.fa-windows:before {
content: ""; }

.fa-android:before {
content: ""; }

.fa-linux:before {
content: ""; }

.fa-dribbble:before {
content: ""; }

.fa-skype:before {
content: ""; }

.fa-foursquare:before {
content: ""; }

.fa-trello:before {
content: "�?"; }

.fa-female:before {
content: ""; }

.fa-male:before {
content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
content: ""; }

.fa-sun-o:before {
content: ""; }

.fa-moon-o:before {
content: ""; }

.fa-archive:before {
content: ""; }

.fa-bug:before {
content: ""; }

.fa-vk:before {
content: ""; }

.fa-weibo:before {
content: ""; }

.fa-renren:before {
content: ""; }

.fa-pagelines:before {
content: ""; }

.fa-stack-exchange:before {
content: "�?"; }

.fa-arrow-circle-o-right:before {
content: ""; }

.fa-arrow-circle-o-left:before {
content: "�?"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }

.fa-dot-circle-o:before {
content: ""; }

.fa-wheelchair:before {
content: ""; }

.fa-vimeo-square:before {
content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
content: ""; }

.fa-plus-square-o:before {
content: ""; }

.fa-space-shuttle:before {
content: ""; }

.fa-slack:before {
content: ""; }

.fa-envelope-square:before {
content: ""; }

.fa-wordpress:before {
content: ""; }

.fa-openid:before {
content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "�?"; }

.fa-yahoo:before {
content: ""; }

.fa-google:before {
content: ""; }

.fa-reddit:before {
content: ""; }

.fa-reddit-square:before {
content: ""; }

.fa-stumbleupon-circle:before {
content: ""; }

.fa-stumbleupon:before {
content: ""; }

.fa-delicious:before {
content: ""; }

.fa-digg:before {
content: ""; }

.fa-pied-piper:before {
content: ""; }

.fa-pied-piper-alt:before {
content: ""; }

.fa-drupal:before {
content: ""; }

.fa-joomla:before {
content: ""; }

.fa-language:before {
content: ""; }

.fa-fax:before {
content: ""; }

.fa-building:before {
content: ""; }

.fa-child:before {
content: ""; }

.fa-paw:before {
content: ""; }

.fa-spoon:before {
content: ""; }

.fa-cube:before {
content: ""; }

.fa-cubes:before {
content: ""; }

.fa-behance:before {
content: ""; }

.fa-behance-square:before {
content: ""; }

.fa-steam:before {
content: ""; }

.fa-steam-square:before {
content: ""; }

.fa-recycle:before {
content: ""; }

.fa-automobile:before,
.fa-car:before {
content: ""; }

.fa-cab:before,
.fa-taxi:before {
content: ""; }

.fa-tree:before {
content: ""; }

.fa-spotify:before {
content: ""; }

.fa-deviantart:before {
content: ""; }

.fa-soundcloud:before {
content: ""; }

.fa-database:before {
content: ""; }

.fa-file-pdf-o:before {
content: "�?"; }

.fa-file-word-o:before {
content: ""; }

.fa-file-excel-o:before {
content: ""; }

.fa-file-powerpoint-o:before {
content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }

.fa-file-code-o:before {
content: ""; }

.fa-vine:before {
content: ""; }

.fa-codepen:before {
content: ""; }

.fa-jsfiddle:before {
content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "�?"; }

.fa-circle-o-notch:before {
content: ""; }

.fa-ra:before,
.fa-rebel:before {
content: "�?"; }

.fa-ge:before,
.fa-empire:before {
content: ""; }

.fa-git-square:before {
content: ""; }

.fa-git:before {
content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }

.fa-tencent-weibo:before {
content: ""; }

.fa-qq:before {
content: ""; }

.fa-wechat:before,
.fa-weixin:before {
content: ""; }

.fa-send:before,
.fa-paper-plane:before {
content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }

.fa-history:before {
content: ""; }

.fa-circle-thin:before {
content: ""; }

.fa-header:before {
content: ""; }

.fa-paragraph:before {
content: "�?"; }

.fa-sliders:before {
content: ""; }

.fa-share-alt:before {
content: ""; }

.fa-share-alt-square:before {
content: ""; }

.fa-bomb:before {
content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }

.fa-tty:before {
content: ""; }

.fa-binoculars:before {
content: ""; }

.fa-plug:before {
content: ""; }

.fa-slideshare:before {
content: ""; }

.fa-twitch:before {
content: ""; }

.fa-yelp:before {
content: ""; }

.fa-newspaper-o:before {
content: ""; }

.fa-wifi:before {
content: ""; }

.fa-calculator:before {
content: ""; }

.fa-paypal:before {
content: ""; }

.fa-google-wallet:before {
content: ""; }

.fa-cc-visa:before {
content: ""; }

.fa-cc-mastercard:before {
content: ""; }

.fa-cc-discover:before {
content: ""; }

.fa-cc-amex:before {
content: ""; }

.fa-cc-paypal:before {
content: ""; }

.fa-cc-stripe:before {
content: ""; }

.fa-bell-slash:before {
content: ""; }

.fa-bell-slash-o:before {
content: ""; }

.fa-trash:before {
content: ""; }

.fa-copyright:before {
content: ""; }

.fa-at:before {
content: ""; }

.fa-eyedropper:before {
content: ""; }

.fa-paint-brush:before {
content: ""; }

.fa-birthday-cake:before {
content: ""; }

.fa-area-chart:before {
content: ""; }

.fa-pie-chart:before {
content: ""; }

.fa-line-chart:before {
content: "�?"; }

.fa-lastfm:before {
content: ""; }

.fa-lastfm-square:before {
content: ""; }

.fa-toggle-off:before {
content: ""; }

.fa-toggle-on:before {
content: ""; }

.fa-bicycle:before {
content: ""; }

.fa-bus:before {
content: ""; }

.fa-ioxhost:before {
content: ""; }

.fa-angellist:before {
content: ""; }

.fa-cc:before {
content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }

.fa-meanpath:before {
content: ""; }

.fa-buysellads:before {
content: "�?"; }

.fa-connectdevelop:before {
content: ""; }

.fa-dashcube:before {
content: "�?"; }

.fa-forumbee:before {
content: ""; }

.fa-leanpub:before {
content: ""; }

.fa-sellsy:before {
content: ""; }

.fa-shirtsinbulk:before {
content: ""; }

.fa-simplybuilt:before {
content: ""; }

.fa-skyatlas:before {
content: ""; }

.fa-cart-plus:before {
content: ""; }

.fa-cart-arrow-down:before {
content: ""; }

.fa-diamond:before {
content: ""; }

.fa-ship:before {
content: ""; }

.fa-user-secret:before {
content: ""; }

.fa-motorcycle:before {
content: ""; }

.fa-street-view:before {
content: "�?"; }

.fa-heartbeat:before {
content: ""; }

.fa-venus:before {
content: ""; }

.fa-mars:before {
content: ""; }

.fa-mercury:before {
content: ""; }

.fa-intersex:before,
.fa-transgender:before {
content: ""; }

.fa-transgender-alt:before {
content: ""; }

.fa-venus-double:before {
content: ""; }

.fa-mars-double:before {
content: ""; }

.fa-venus-mars:before {
content: ""; }

.fa-mars-stroke:before {
content: ""; }

.fa-mars-stroke-v:before {
content: ""; }

.fa-mars-stroke-h:before {
content: ""; }

.fa-neuter:before {
content: ""; }

.fa-genderless:before {
content: ""; }

.fa-facebook-official:before {
content: ""; }

.fa-pinterest-p:before {
content: ""; }

.fa-whatsapp:before {
content: ""; }

.fa-server:before {
content: ""; }

.fa-user-plus:before {
content: ""; }

.fa-user-times:before {
content: ""; }

.fa-hotel:before,
.fa-bed:before {
content: ""; }

.fa-viacoin:before {
content: ""; }

.fa-train:before {
content: ""; }

.fa-subway:before {
content: ""; }

.fa-medium:before {
content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
content: ""; }

.fa-optin-monster:before {
content: ""; }

.fa-opencart:before {
content: ""; }

.fa-expeditedssl:before {
content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "�?"; }

.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }

.fa-mouse-pointer:before {
content: ""; }

.fa-i-cursor:before {
content: ""; }

.fa-object-group:before {
content: ""; }

.fa-object-ungroup:before {
content: ""; }

.fa-sticky-note:before {
content: ""; }

.fa-sticky-note-o:before {
content: ""; }

.fa-cc-jcb:before {
content: ""; }

.fa-cc-diners-club:before {
content: ""; }

.fa-clone:before {
content: "\f24d"; }

.fa-balance-scale:before {
content: ""; }

.fa-hourglass-o:before {
content: "�?"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }

.fa-hourglass:before {
content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }

.fa-hand-scissors-o:before {
content: ""; }

.fa-hand-lizard-o:before {
content: ""; }

.fa-hand-spock-o:before {
content: ""; }

.fa-hand-pointer-o:before {
content: ""; }

.fa-hand-peace-o:before {
content: ""; }

.fa-trademark:before {
content: ""; }

.fa-registered:before {
content: "�?"; }

.fa-creative-commons:before {
content: ""; }

.fa-gg:before {
content: ""; }

.fa-gg-circle:before {
content: ""; }

.fa-tripadvisor:before {
content: ""; }

.fa-odnoklassniki:before {
content: ""; }

.fa-odnoklassniki-square:before {
content: ""; }

.fa-get-pocket:before {
content: ""; }

.fa-wikipedia-w:before {
content: ""; }

.fa-safari:before {
content: ""; }

.fa-chrome:before {
content: ""; }

.fa-firefox:before {
content: ""; }

.fa-opera:before {
content: ""; }

.fa-internet-explorer:before {
content: ""; }

.fa-tv:before,
.fa-television:before {
content: ""; }

.fa-contao:before {
content: ""; }

.fa-500px:before {
content: ""; }

.fa-amazon:before {
content: ""; }

.fa-calendar-plus-o:before {
content: ""; }

.fa-calendar-minus-o:before {
content: ""; }

.fa-calendar-times-o:before {
content: ""; }

.fa-calendar-check-o:before {
content: ""; }

.fa-industry:before {
content: ""; }

.fa-map-pin:before {
content: ""; }

.fa-map-signs:before {
content: ""; }

.fa-map-o:before {
content: ""; }

.fa-map:before {
content: ""; }

.fa-commenting:before {
content: ""; }

.fa-commenting-o:before {
content: ""; }

.fa-houzz:before {
content: ""; }

.fa-vimeo:before {
content: ""; }

.fa-black-tie:before {
content: ""; }

.fa-fonticons:before {
content: ""; }

.fa-reddit-alien:before {
content: "�?"; }

.fa-edge:before {
content: ""; }

.fa-credit-card-alt:before {
content: ""; }

.fa-codiepie:before {
content: ""; }

.fa-modx:before {
content: ""; }

.fa-fort-awesome:before {
content: ""; }

.fa-usb:before {
content: ""; }

.fa-product-hunt:before {
content: ""; }

.fa-mixcloud:before {
content: ""; }

.fa-scribd:before {
content: ""; }

.fa-pause-circle:before {
content: ""; }

.fa-pause-circle-o:before {
content: ""; }

.fa-stop-circle:before {
content: "�?"; }

.fa-stop-circle-o:before {
content: ""; }

.fa-shopping-bag:before {
content: "�?"; }

.fa-shopping-basket:before {
content: ""; }

.fa-hashtag:before {
content: ""; }

.fa-bluetooth:before {
content: ""; }

.fa-bluetooth-b:before {
content: ""; }

.fa-percent:before {
content: ""; }


/* ------------------------------------- BASIC STYLES ------------------------------ */



@font-face {
font-family: 'DINPro';
font-style: normal;
src: url("../fonts/DINPro.eot");
src: url("../fonts/DINPro.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro.woff") format("woff"), url("../fonts/DINPro.ttf") format("truetype"), url("../fonts/DINPro.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro';
font-style: normal;
src: url("../fonts/DINPro.eot");
src: url("../fonts/DINPro.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro.woff") format("woff"), url("../fonts/DINPro.ttf") format("truetype"), url("../fonts/DINPro.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-Bold';
font-style: normal;
src: url("../fonts/DINPro-Bold.eot");
src: url("../fonts/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold.ttf") format("truetype"), url("../fonts/DINPro-Bold.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-Cond';
font-style: normal;
src: url("../fonts/DINPro-Cond.eot");
src: url("../fonts/DINPro-Cond.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Cond.woff") format("woff"), url("../fonts/DINPro-Cond.ttf") format("truetype"), url("../fonts/DINPro-Cond.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-CondBlack';
font-style: normal;
src: url("../fonts/DINPro-CondBlack.eot");
src: url("../fonts/DINPro-CondBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-CondBlack.woff") format("woff"), url("../fonts/DINPro-CondBlack.ttf") format("truetype"), url("../fonts/DINPro-CondBlack.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-CondBold';
font-style: normal;
src: url("../fonts/DINPro-CondBold.eot");
src: url("../fonts/DINPro-CondBold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-CondBold.woff") format("woff"), url("../fonts/DINPro-CondBold.ttf") format("truetype"), url("../fonts/DINPro-CondBold.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-CondMedium';
font-style: normal;
src: url("../fonts/DINPro-CondMedium.eot");
src: url("../fonts/DINPro-CondMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-CondMedium.woff") format("woff"), url("../fonts/DINPro-CondMedium.ttf") format("truetype"), url("../fonts/DINPro-CondMedium.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-Light';
font-style: normal;
src: url("../fonts/DINPro-Light.eot");
src: url("../fonts/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Light.woff") format("woff"), url("../fonts/DINPro-Light.ttf") format("truetype"), url("../fonts/DINPro-Light.svg#wf") format("svg"); }
@font-face {
font-family: 'DINPro-Medium';
font-style: normal;
src: url("../fonts/DINPro-Medium.eot");
src: url("../fonts/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Medium.woff") format("woff"), url("../fonts/DINPro-Medium.ttf") format("truetype"), url("../fonts/DINPro-Medium.svg#wf") format("svg"); }

/* ------------------------------------- BANNER STYLES ------------------------------ */

@font-face {
font-family: 'MarkPro';
font-style: normal;
src: url("../fonts/MarkPro.eot");
src: url("../fonts/MarkPro.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro.woff") format("woff"), url("../fonts/MarkPro.ttf") format("truetype"), url("../fonts/MarkPro.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Black';
font-style: normal;
src: url("../fonts/MarkPro-Black.eot");
src: url("../fonts/MarkPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Black.woff") format("woff"), url("../fonts/MarkPro-Black.ttf") format("truetype"), url("../fonts/MarkPro-Black.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Bold';
font-style: normal;
src: url("../fonts/MarkPro-Bold.eot");
src: url("../fonts/MarkPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Bold.woff") format("woff"), url("../fonts/MarkPro-Bold.ttf") format("truetype"), url("../fonts/MarkPro-Bold.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Book';
font-style: normal;
src: url("../fonts/MarkPro-Book.eot");
src: url("../fonts/MarkPro-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Book.woff") format("woff"), url("../fonts/MarkPro-Book.ttf") format("truetype"), url("../fonts/MarkPro-Book.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-ExtraLight';
font-style: normal;
src: url("../fonts/MarkPro-ExtraLight.eot");
src: url("../fonts/MarkPro-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-ExtraLight.woff") format("woff"), url("../fonts/MarkPro-ExtraLight.ttf") format("truetype"), url("../fonts/MarkPro-ExtraLight.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Hairline';
font-style: normal;
src: url("../fonts/MarkPro-Hairline.eot");
src: url("../fonts/MarkPro-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Hairline.woff") format("woff"), url("../fonts/MarkPro-Hairline.ttf") format("truetype"), url("../fonts/MarkPro-Hairline.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Heavy';
font-style: normal;
src: url("../fonts/MarkPro-Heavy.eot");
src: url("../fonts/MarkPro-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Heavy.woff") format("woff"), url("../fonts/MarkPro-Heavy.ttf") format("truetype"), url("../fonts/MarkPro-Heavy.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Light';
font-style: normal;
src: url("../fonts/MarkPro-Light.eot");
src: url("../fonts/MarkPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Light.woff") format("woff"), url("../fonts/MarkPro-Light.ttf") format("truetype"), url("../fonts/MarkPro-Light.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Medium';
font-style: normal;
src: url("../fonts/MarkPro-Medium.eot");
src: url("../fonts/MarkPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Medium.woff") format("woff"), url("../fonts/MarkPro-Medium.ttf") format("truetype"), url("../fonts/MarkPro-Medium.svg#wf") format("svg"); }
@font-face {
font-family: 'MarkPro-Thin';
font-style: normal;
src: url("../fonts/MarkPro-Thin.eot");
src: url("../fonts/MarkPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkPro-Thin.woff") format("woff"), url("../fonts/MarkPro-Thin.ttf") format("truetype"), url("../fonts/overpass-Thin.svg#wf") format("svg"); }
/* ------------------------------------- New CSS ------------------------------ */

@font-face {
  font-family: 'overpass-bold'; /* Choose any name for your font family */
  src: url('../fonts/overpass-bold.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-bold-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-bold-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-extrabold'; /* Choose any name for your font family */
  src: url('../fonts/overpass-extrabold.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-extrabold-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-extrabold-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-extralight'; /* Choose any name for your font family */
  src: url('../fonts/overpass-extralight.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-extralight-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-extralight-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-heavy'; /* Choose any name for your font family */
  src: url('../fonts/overpass-heavy.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-heavy-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-heavy-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-heavy-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-heavy-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-light'; /* Choose any name for your font family */
  src: url('../fonts/overpass-light.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-light-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-light-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass'; /* Choose any name for your font family */
  src: url('../fonts/overpass-regular.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-semibold'; /* Choose any name for your font family */
  src: url('../fonts/overpass-semibold.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-semibold-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-semibold-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-thin'; /* Choose any name for your font family */
  src: url('../fonts/overpass-thin.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
@font-face {
  font-family: 'overpass-thin-italic'; /* Choose any name for your font family */
  src: url('../fonts/overpass-thin-italic.otf') format('opentype'); /* Specify the correct path and format */
  font-style: normal;
}
/* ------------------------------------- BANNER STYLES ------------------------------ */
@media (max-width: 768px) {
.PayslipBanner{
margin-top:-5px;
}
.AttentionBanner{
height:95px !important;
}
.blue-bar {
background-color: #f5f5f5;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100px;
z-index: 0;
width: 100%;
top: 142px;
font-family: overpass;	
}
.banner_txt{
color: black;
font-family: overpass;
font-weight: bold;
font-size:20px;
text-align:center;
height:100%;
display: flex;
align-items: center;
justify-content: center;

}
.banner_txt_child {
color:#fff;
padding-top:1%;
padding-left:0%;
font-weight: bold;
font-size:14px;
font-family: overpass-bold;
}

.banner_dt{
color: black;
font-size:13px;
text-transform: none;
position: absolute;
margin-top: 35px;
padding: 2px;    
}
 .banner1{
        margin-top:-30px
    }
}



@media (min-width: 768px) {
.banner_txt{
        color: #000;
        font-family: overpass;
        font-weight: 900;
        font-size: 27px;
text-align:center;
height:100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 
}
.blue-bar {

background: #F5F5F5;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100px;
z-index: 0;
width: 100%;
top: 150px;
font-family: overpass;

}
.banner_txt_child {

color:#ffffff;;
padding-top:1%;
padding-left:0%;
font-weight: bold;
font-size: 14px;
font-family: overpass;
}

.banner_dt{
color: #000;
        font-size: 13px;
        text-transform: none;
        position: absolute;
        margin-top: 55px;
        padding: 2px;
}
.banner1{
        margin-top:0px;
        color: #000000;
    }
}
/* ------------------------------------- subheading STYLES ------------------------------ */

.subheading-summary
{
color:#505050;
font-family: overpass;
font-size:16px;
margin-left:1.0%;
}
h1 {
text-transform: none;
font-family: overpass-bold;
font-size: 20px;
color: #000000;
line-height: 32px;
margin: 0 0 12px 0;
}

/* ------------------------------------- BASIC STYLES ------------------------------ */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

#skip {
display: none; }

.clearfix {
*zoom: 1; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }

body {
background: -webkit-linear-gradient(#ffffff, #ffffff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #ffffff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #ffffff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffff, #ffffff);
font-family: overpass;
font-size: 16px;
color: #000000;
line-height: 25px;
font-weight: 400;
backgroud:#ffffff;
}

::selection {
color: #000000;
background: #808285;
?}

form {
margin: 0px;
padding: 0px;
border: 0px solid #ff0000; }

img {
border: 0px; }

a i:before {
margin: 0 0.5rem 0 0;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
a:hover i:before {
margin: 0 0.25rem 0 0.25rem; }

.input {
border: 1px solid #505050;
font-size: 14px;
font-family:overpass;
padding: 0.25rem 0.5rem;
width: 137px;
margin-bottom: 6px; }

input[type="text"]:disabled {
background:#FCFCFC;
border:1px solid #DBE2E5;}

input[type="text"]:readonly {
background: none !important;
border: none !important; }
.info-msg
{
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
}


.bg-dark {
background:#F6F7F9;
font-family: overpass;
color: #808285; }
.bg-dark a {
color: #808285; }
.bg-dark a:hover {
color: #808285; }

.bg-dark-footer{
background:#000000;
font-family: overpass;
color: #ffffff;
height: 128px;
;
line-height: 1.4;
 }
 
.bg-dark-footer a {
cursor: pointer;
color: #ffffff;
font-size:11px;
text-decoration:none;
margin-left: 12px;
}

.bg-dark-footer a:hover {
color: #ffffff; 
font-weight: normal;
font-size:11px;
text-decoration:none;}
.bg-dark-disclaimer
{
background: #000000 ;
font-family: overpass;
color: #f6f7f9;
width:100%;
border-bottom: 1px solid #afb7bc;
}
.bg-dark-disclaimer a {
color: #f6f7f9;
font-size:11px;
text-decoration:none;
position: relative;
display: block;
margin-bottom: -1px;
background-color: transparent;
border: 0px solid rgba(0,0,0,0.125);
text-transform:uppercase;
}
.bg-dark-disclaimer a:hover {
color: #ffffff; 
font-weight: normal;
font-size:11px;
}	  
	  
.button {
display: inline-block;
text-transform: uppercase;
font-weight: bold;
position: relative;
border-radius: 0px;
border: 0px;
font-family: overpass;
padding: 0.5rem 0.5rem 0.4rem 0.75rem;
font-size: 14px;
line-height: 1rem;
background: #505050;
color: #fff;
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer; }
.button i:before {
margin-left: 0.5rem;
margin-right: 0.25rem;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.button:hover {
background: #808285;
text-decoration: none; }
.button:hover i:before {
margin-left: 0.75rem;
margin-right: 0; }
.button.primary {
background: #7F7F7F;
}
.button.primary i {
color: #ffffff; }
.button.primary:hover {
/* background: #ffe52b;*/ }
.button.primary:hover i {
color: #fff; }
.button.small {
font-size: 14px;
line-height: 0.875rem; }
.zeroborder{
border-bottom:0px solid #DBE2E5;    
}
/* ------------------------------------- HEADER STYLES ----------------------------- */
/* PAGEHEADER Styles  */
#pageheader {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 14px;
font-family: overpass;
background:#fff;
}
#pageheader .logo {
padding: 0.5rem 0;
float: left;
}
#pageheader .brand {
padding: 2.0rem 0;
float: left;
}

#pageheader .user-menu {
float: right;
    margin-top: 12px;
}
#pageheader .user-menu a {
display: inline-block;
line-height: 48px;
margin-left: 0.5rem; 
margin-bottom: 0.5rem;
margin-right: 0.0rem;
margin-top: 1.0rem;
font-size:14px;
color:#505050;
text-decoration: none;}
#pageheader .user-menu a:hover {
text-decoration: none;
color:#000000;
font-size:14px;
}

/* END PAGEHEADER Styles  */
/* ------------------------------------- FOOTER STYLES ----------------------------- */
/*   FOOTER Styles    */
.captcha-padding{
    padding-bottom:128px;
}
#login-footer {
position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 0.75rem;
    font-family: overpass;

}
#login-footer img {
height: 45px !important;
width: auto;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0; }
#login-footer table {
width: 100%; 
font-family: overpass;
}
#login-footer table td {
padding: 0.5rem 0; }
#login-footer a:hover {
text-decoration: none; }
#login-footer #footerdisplay {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100px;
    gap: 0;
    column-gap: 0;
    color: #4A4D52;
    padding-top: 25px;
    margin-left: 112px;
    width: 215px;
    color: white;
}
.small-toggle #footerwrapper img {
height: 20px; }
.small-toggle #login-footer img {
height: 20px; }
/*   END FOOTER Styles    */
/* ------------------------------------- BREADCRUMBS STYLES ------------------------ */
/* BREADCRUMBS Styles  */
#breadcrumbs {

background: #DBE2E5;
font-size: 14px;
line-height: 1.875rem;
font-weight: bold;
margin-top:-40px;
left: 0;
width: 100%;
position:fixed;
font-family: overpass;

}
#breadcrumbs #welcomeuser > * {
display: block;
float: left;
color: #000;
}
#breadcrumbs a {
font-weight: normal;
background: url("../images_14/breadcrumb-separator.png") no-repeat;
background-position: top right;
padding-right: 1rem;
margin-right: 0.75rem;
color: #000;
font-family: overpass;
font-weight:900;
}
#breadcrumbs a:hover {
color: #000000; }
#breadcrumbs a.button-home i:before {
font-size: 1rem;
line-height: 1.875rem; }
#breadcrumbs a.button-home span {
display: none; }
#reg_breadcrumbs {
font-family: overpass;
background: #DBE2E5;
font-size: 14px;
line-height: 1.875rem;
position: fixed;
top: 3.6rem;
left: 0;
width: 100%;
color:#fff;
margin-top:5px;}
#reg_breadcrumbs #welcomeuser > * {
display: block;
float: left; }
#reg_breadcrumbs a {
font-weight: normal;
background: url("../images_11/breadcrumb-separator.png") no-repeat;
background-position: top right;
padding-right: 1rem;
margin-right: 0.75rem;
color: #505050; }
#reg_breadcrumbs a:hover {
color: #505050; }
#reg_breadcrumbs a.button-home i:before {
font-size: 1rem;
line-height: 1.875rem; }
#reg_breadcrumbs a.button-home span {
display: none; }



/* END BREADCRUMBS Styles  */
/* ------------------------------------- NAVIGATION STYLES ------------------------- */
/* MainNavigation Styles  */
#MainNavigation {

font-size: 14px;
line-height: 2.125rem;
top: 0.0rem;
left: 0;
width: 100%; 
font-family: overpass;
text-align:center;
font-weight:bold;
}


/* END MainNavigation Styles  */
/* ------------------------------------- CONTENT STYLES ---------------------------- */
/* CONTENT Basic Styles  */
.lovmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* lovmodal Content */
@media (max-width: 768px) {
.lovmodal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.lovmodal-content-state {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#pageheader .logo {
padding: 1.5rem 0;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 768px) {
.lovmodal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.lovmodal-content-state {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 25%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
#pageheader .logo {
padding: 1.5rem 0;
float: left;
}
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color:#000000;
    float: right;
    font-size: 16px;
    font-weight: normal;
}

.close:hover,
.close:focus {
    color: #505050;
    text-decoration: none;
    cursor: pointer;
}

.lovmodal-header {
    padding: 30px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
    background: #f5f5f5;
    color:#000000;
    text-align:center;
    font-weight:bold;
    border-radius:0px solid #ffffff;
    font-size: 18px;
}

.lovmodal-body {
    padding: 2px 16px;
}

.lovmodal-footer {
    padding: 2px 16px;
    background-color: #ffffff;
    color: #000;
}
a{
color:#0956FF;
}
a:hover 
{ 
color: #000;
}
#contentwrapper {
height: auto;
min-height: 579px !important;
padding: 3.075rem 0 0rem; 
font-family: overpass;
font-size: 14px;
backgroud:#0956FF;
padding-bottom:194px;
}

body.navigation #contentwrapper {

font-family:overpass;
font-size: 14px;
backgroud:#0956FF;
}
#contentwrapper-summary {
padding: 6.775rem 0 3.5rem; 
font-family: overpass;
font-size: 14px;
}

body.navigation #contentwrapper-summary {

font-family:overpass;
font-size: 14px;
}

.innertube {
padding: 0.0rem 0.0rem 0 0.0rem;
font-size: 14px;
font-family:overpass;
}
.innertube .half {
width: 50%; }
.innertube .half.left {
float: left;
padding-right: 1.75rem; }
.innertube .half.right {
float: right;
padding-left: 1.75rem; }

.innertube .link a {
color: #505050;
font-weight:normal;
text-align:left;}
.innertube .link i {
color: #000000; }
.innertube .link:hover {
text-decoration: none;
color: #000000; }
.innertube .progress-txt {
color: #ffffff;
font-weight:bold;}
.innertube .progress-txt i {
color: #ffffff; }
.innertube .progress-txt:hover {
text-decoration: none;
color: #ffffff; }
.innertube .BOLDGREY {
font-weight: bold; 
width:50%}
.innertube .BOLDRED {
font-weight: bold;
color: #c9162c; }
.innertube table {
    display: table;
 }
.innertube table thead, .innertube table tfoot {
background:#F6F7F9;
background: linear-gradient(#F6F7F9, #F6F7F9);
background: -moz-linear-gradient(top, #F6F7F9, #F6F7F9);
background: -webkit-gradient(linear, left top, left bottom, from(#F6F7F9), to(#F6F7F9));
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
font-family: overpass;
}
.innertube table thead th, .innertube table tfoot th {
font-weight: bold;
text-transform: uppercase; }
.innertube table.primary thead {
background: #F6F7F9;
color:#505050;
font-family: overpass;
}
.link-txt {
color:#808285;	  }
link-txt a{
color:#58595B;
font-weight:normal;
}
.link-txt a:hover{
color:#58595B;
font-weight:normal;
}
.progress-txt {
color:#ffffff;	  }
progress-txt a{
color:#ffffff;
font-weight:normal;
}
.progress-txt a:hover{
color:#ffffff;
font-weight:normal;
}
.innertube table.small thead th {
font-size: 14px;
text-transform: none; }
.innertube table td, .innertube table th {
/*padding: 0.75rem 1rem; */}
.innertube table.table tbody tr.even, .innertube table.form tbody tr.even {
background: #F6F7F9; }
.innertube table.table tbody tr.odd, .innertube table.form tbody tr.odd {
background: #fff; }
.innertube table.table tbody tr:hover, .innertube table.form tbody tr:hover {
}
.innertube table .CONTENTTABLE3 td {
border-bottom: 1px solid #505050; }
.innertube .actions {
margin: -1rem 0 2rem 0;
float: right; }

#note {
padding: 0 0.875rem; }

/* END CONTENT Basic Styles  */
.download-screen{
background: #808285;
background: linear-gradient(#808285, #505050);
background: -moz-linear-gradient(top, #808285, #505050);
background: -webkit-gradient(linear, left top, left bottom, from(#808285), to(#505050));
color:#fff;
font-family: overpass;
}
@media (min-width: 1200px) {
#contentwrapper-account-overview {
padding: 2.275rem 0 3.5rem; 
font-family: overpass;
font-size: 14px;
}

body.navigation #contentwrapper-account-overview {

font-family: overpass;
font-size: 14px;
}
}
@media (max-width: 1200px) {
#contentwrapper-account-overview {
padding: 2.775rem 0 3.5rem; 
font-family:overpass;
font-size: 14px;
}

body.navigation #contentwrapper-account-overview {

font-family: overpass;
font-size: 14px;
}
}
@media (max-width: 768px) {
#contentwrapper-account-overview {
padding: 2.775rem 0 3.5rem; 
font-family:overpass;
font-size: 14px;
}

body.navigation #contentwrapper-account-overview {

font-family:overpass;
font-size: 14px;
}
}
@media (min-width: 768px) {
.content_tbl3 {

font-family:overpass;
border:1px solid #DBE2E5;
color:#505050;
width:100%;
background: #F6F7F9;
}
.content_tbl3 tr:nth-child(even) {background: #F6F7F9}
.content_tbl3 tr:nth-child(odd) {background: #ffffff}

.content_tbl3 thead tr th{
text-align:center;
padding: 14px 5px 14px 5px;
word-break:  keep-all;
vertical-align:middle;
color:#505050;
background: #F6F7F9;
font-size:14px;
font-weight:bold;
border-right:1px solid #DBE2E5; 
line-height:24px;
text-transform:none;
}
.content_tbl3 thead tr td
{
text-align:center;
padding: 14px 5px 14px 5px;
word-break:  keep-all;
vertical-align:middle;
color:#505050;
background: #F6F7F9;
font-size:14px;
font-weight:bold;
line-height:24px;
border-bottom: 0px solid #DBE2E5;
}
.content_tbl3 tbody tr td{

/* box-shadow: 2px 2px 1.0px #DBE2E5;*/
text-align:center;
padding: 14px 5px 14px 5px;
word-break:  keep-all;
vertical-align:middle;
color:#505050;
font-size:14px;
font-weight:Book;
line-height:22px;
border-right:1px solid #DBE2E5;
border-top:1px solid #DBE2E5;
border-bottom: 0px solid #DBE2E5;
}
.content_tbl3 tbody tr td{
padding: 0.075rem 0.875rem 0 0.875rem;
font-size:12px;
color:#4A4D52;
font-weight:bold;
border-right:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
text-align:center;
height:50px;
}
.content_tbl3  tbody  td:last-child  {
border-left:0px solid #E6E6E6;
}
.content_tbl3  tbody  td:last-child  {
border-right:0px solid #E6E6E6;
}
.content_tbl3  thead  th:last-child  {
border-right:0px solid #E6E6E6;
}
.repayment {

font-family:overpass;
border:0px solid #E6E6E6;
color:#77787B;
width:100%;
}

.repayment tbody tr td{
padding: 0.075rem 0.875rem 0 0.875rem;
font-size:15px;
color:#77787B;
font-weight:bold;
text-align:center;
border-top:1px solid #E6E6E6;
height:50px;
}
.repayment  tbody  tr:first-child td  {
border-top:0px solid red;
}
#pageheader .img {
padding-top: 5px;
}
#footerwrapper {
/*display: none !important;*/
position:fixed ;
bottom:0;
left: 0;

font-size: 0.75rem; 
font-family: overpass;

}
#footerwrapper img {
height: 39px;
width: auto;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0; }
#footerwrapper table {
width: 100%; 
font-family:overpass;
}
#footerwrapper table td {
padding: 0.5rem 0; }
#footerwrapper a:hover {
text-decoration: none; }
#footerwrapper #disclaimerdisplay {
text-align: left;
color:#fff;
font-size: 14px;	
}
}
@media (max-width: 1000px) {
.content_tbl3 {

font-family:overpass;
width:100%;
font-size: 14px;
color:#505050;
border-radius:2px;
}
.content_tbl3 thead tr th{
font-family:overpass;
text-align:center;
padding: 14px 5px 14px 5px;
color:#505050;
word-break:  keep-all;
vertical-align:middle;
border-right: 1px solid #DBE2E5;
font-weight:bold;
background-color:#F6F7F9;
font-size: 14px;
text-transform: none;
}
.content_tbl3 thead tr td{
font-family:overpass;
text-align:center;
padding: 14px 5px 14px 5px;
color:#505050;
word-break:  keep-all;
vertical-align:middle;
font-weight:bold;
text-transform:uppercase;
/*border-right: 1px solid #E6E6E6;*/
height:50px;
font-size: 14px;
}
.content_tbl3 tbody tr td{
font-family:overpass;
padding: 14px 5px 14px 5px;
border-right: 1px solid #DBE2E5;
border-top: 1px solid #DBE2E5;
text-align:center;
font-weight:book;
height:50px;
align-items: center;
justify-content: center;
font-size: 14px;
}
.content_tbl3 tr:nth-child(even) {background: #F6F7F9}
.content_tbl3 tr:nth-child(odd) {background: #FFF}

.repayment {
font-family:overpass;
border:0px solid #E6E6E6;
color:#7778B;
width:100%;
}

.repayment tbody tr td{
padding: 0.075rem 0.875rem 0 0.875rem;
font-size:15px;
color:#7778B;
font-weight:bold;
text-align:center;
border-top:1px solid #E6E6E6;
height:50px;
}
.repayment  tbody  tr:first-child td  {
border-top:0px solid red;
}
#footerwrapper {
position:fixed ;
bottom:0;

font-size: 14px; 
font-family: overpass;

}
#footerwrapper img {
height: 39px;
width: auto;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0; }
#footerwrapper table {

font-family:overpass;
}
#footerwrapper table td {
padding: 0.5rem 0; }
#footerwrapper a:hover {
text-decoration: none; }
#footerwrapper #disclaimerdisplay {
text-align: left;
color:#fff;
font-size: 14px;	
}
}
.banner-spacing
{
margin-top:0px;
margin-bottom:28px;  
}
.banner-spacing-without-login
{
margin-top:0px;
margin-bottom:00px;    
}
.clearboth{
margin-top:40px;
margin-bottom:40px;
}
.clearbottom{
margin-bottom:30px;
}
.clear-twenty{
margin-top:20px;
margin-bottom:20px;
}
.clear-fifteen{
margin-top:13px;
margin-bottom:13px;
}
.margin-both{
margin-top:12px;
margin-bottom:12px;
}
.margin-one{
margin-top:30px;
}
/*box-txt is for links in css_italy and box-txt is for account-summary link only */
.box-txt,
.box-text{
font-size: 14px;
font-weight: 600;
text-transform: none;
padding: 2px 6px;
margin: 0 0px;
line-height: 27px;
color: #000000;
}
.box-txt:before,
.box-text:before {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;


left: 0px;
}
.box-txt:hover,
.box-text:hover {
color: #505050;

}
.box-txt:hover:before,
.box-text:hover:before {
left: 2px;
color: #505050;
}

.box-txt,
.box-text{

font-weight: 600;
text-transform: none;
padding: 2px 6px;
margin: 0 0px;
text-decoration: none !important;
color: #000000;
}
.box-txt:before,
.box-text:before {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 0.8em;
color: #000000;
margin-right: 5px;

left: 0px;
}
.box-txt:hover,
.box-text:hover {
color: #505050;
;
}
.box-txt:hover:before,
.box-text:hover:before {
left: 2px;
color: #505050;
}

.link{
color:#000;
}
.tbl_class {
width: 750px;
table-layout: fixed;
border-collapse: collapse;
}
.tbl_class th {
text-decoration: none;
border-right:1px solid #fff;
}
.tbl_class th,
.tbl_class td {
padding: 5px;
text-align: center;

}
.tbl_class td:nth-child(1),
.tbl_class th:nth-child(1) {
width:10%
}
.tbl_class td:nth-child(2),
.tbl_class th:nth-child(2) {
width:25%
}
.tbl_class td:nth-child(3),
.tbl_class th:nth-child(3) {
width:40%
}
.tbl_class td:nth-child(4),
.tbl_class th:nth-child(4) {
width:25%
}
.tbl_class thead {
background-color: #505050;
color: #fdfdfd;

}
.tbl_class thead tr {
vertical-align:middle;
position: relative;
}

.tbl_class tbody tr:nth-child(even) {
background-color: #fff;
}
.old_ie_wrapper {
height: 200px;
width: 100%
overflow-x: hidden;
overflow-y: auto;
}
.old_ie_wrapper tbody {
height: auto;
}
.Repayment-screen thead {
width: 100%;
height:55px;
}
.Repayment-screen tbody {
height: 230px;
overflow-y: auto;
width: 100%;
}
.Repayment-screen thead, .Repayment-screen tbody, .Repayment-screen tr, .Repayment-screen td, .Repayment-screen th {
display: block;
}
@media (min-width: 1200px) {
.Repayment-screen thead > tr> th {
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:14.28%;
border-left: 0px solid #ddd;
padding-left:15px;
padding-top:20px;
}
.Repayment-screen tbody td{
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:14.28%;
border-left: 0px solid #ddd;
padding-left:10px;
padding-top:20px;
}
.Repayment-screen thead > tr>th:nth-child(2) {
padding-left:20px;
}
}
@media (min-width: 767px)and (max-width:1200px) {
.Repayment-screen tbody td, .Repayment-screen thead > tr> th {
float: left;
width:20%;
min-height:60px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
@media (min-width: 0px)and (max-width:767px) {
.Repayment-screen tbody td, .Repayment-screen thead > tr> th {
float: left;
width:50%;
min-height:70px;
max-height:100px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
.Repayment-screen tbody td:last-child {
    border-left: 0px solid #ddd;
}
.Repayment-screen thead > tr> th {
}
.floatingPLR-screen thead {
width: 100%;
height:55px;
}
.floatingPLR-screen tbody {
max-height: 230px;
overflow-y: auto;
width: 100%;
}
.floatingPLR-screen thead, .floatingPLR-screen tbody, .floatingPLR-screen tr, .floatingPLR-screen td, .floatingPLR-screen th {
display: block;
}
@media (min-width: 1200px) {
.floatingPLR-screen thead > tr> th {
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:20%;
border-left: 0px solid #ddd;
padding-left:15px;
padding-top:20px;
}
.floatingPLR-screen tbody td{
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:20%;
border-left: 0px solid #ddd;
padding-left:10px;
padding-top:20px;
}
.floatingPLR-screen thead > tr>th:nth-child(2) {
padding-left:20px;
}
}
@media (min-width: 767px)and (max-width:1200px) {
.floatingPLR-screen tbody td, .floatingPLR-screen thead > tr> th {
float: left;
width:20%;
min-height:60px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
@media (min-width: 0px)and (max-width:767px) {
.floatingPLR-screen tbody td, .floatingPLR-screen thead > tr> th {
float: left;
width:50%;
min-height:70px;
max-height:100px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
.floatingPLR-screen tbody td:last-child {
    border-left: 0px solid #ddd;
}
.floatingPLR-screen thead > tr> th {
}
.insurance-screen thead {
width: 100%;
height:55px;
}
.insurance-screen tbody {
max-height: 230px;
overflow-y: auto;
width: 100%;
}
.insurance-screen thead, .insurance-screen tbody, .insurance-screen tr, .insurance-screen td, .insurance-screen th {
display: block;
}
@media (min-width: 1200px) {
.insurance-screen thead > tr> th {
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:14.28%;
border-left: 0px solid #ddd;
padding-left:15px;
padding-top:20px;
}
.insurance-screen tbody td{
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:14.28%;
border-left: 0px solid #ddd;
padding-left:10px;
padding-top:20px;
}
.insurance-screen thead > tr>th:nth-child(2) {
padding-left:20px;
}
}
@media (min-width: 767px)and (max-width:1200px) {
.insurance-screen tbody td, .insurance-screen thead > tr> th {
float: left;
width:20%;
min-height:60px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
@media (min-width: 0px)and (max-width:767px) {
.insurance-screen tbody td, .insurance-screen thead > tr> th {
float: left;
width:50%;
min-height:70px;
max-height:100px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
.insurance-screen tbody td:last-child {
    border-left: 0px solid #ddd;
}
.insurance-screen thead > tr> th {
}
.demortage-screen thead {
width: 100%;
height:55px;
}
.demortage-screen tbody {
max-height: 230px;
overflow-y: auto;
width: 100%;
}
.demortage-screen thead, .demortage-screen tbody, .demortage-screen tr, .demortage-screen td, .demortage-screen th {
display: block;
}
@media (min-width: 1200px) {
.demortage-screen thead > tr> th {
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:14.28%;
border-left: 0px solid #ddd;
padding-left:15px;
padding-top:20px;
}
.demortage-screen tbody td{
float: left;
min-height:60px;
border-bottom: 1px solid #DDD;
width:14.28%;
border-left: 0px solid #ddd;
padding-left:10px;
padding-top:20px;
}
.demortage-screen thead > tr>th:nth-child(2) {
padding-left:20px;
}
}
@media (min-width: 767px)and (max-width:1200px) {
.demortage-screen tbody td, .demortage-screen thead > tr> th {
float: left;
width:20%;
min-height:60px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
@media (min-width: 768px) and (max-width: 998px){
.activeContract thead tr th:nth-child(4) {
display:none;
} 
.activeContract tbody tr td:nth-child(4) {
display:none;
}
}
@media (max-width: 767px){
.activeContract thead tr th:nth-child(3) {
display:none;
} 
.activeContract tbody tr td:nth-child(3) {
display:none;
}
.activeContract thead tr th:nth-child(4) {
display:none;
} 
.activeContract tbody tr td:nth-child(4) {
display:none;
}
.activeContract tbody tr td {
width:50%;
}
}
.payslip {
width: 100%;

}
.payslip tbody tr:first-child td{
border-top:0px solid #ddd;
}
.payslip td{
padding-top:15px;
width:15%;
padding-bottom:15px;
text-align:center;
border-right:0px solid #ddd;
border-top:1px solid #ddd;
}
.payslip th{
width:15%;
text-align:center;
font-weight:bold;
padding-right:10px;
}
.payslip th:first-child{
width:15%;
text-align:center;
font-weight:bold;
padding-right:0px;
}
@media (max-width: 1024px) and (min-width: 800px)  {
.payslip th:first-child{
padding-top:1px;
}
}
@media (max-width: 800px) and (min-width: 650px)  {
.payslip th:first-child{
padding-top:10px;
}
}
@media (min-width: 0px)and (max-width:767px) {
.demortage-screen tbody td, .demortage-screen thead > tr> th {
float: left;
width:50%;
min-height:70px;
max-height:100px;
border-bottom: 1px solid #DDD;
padding-left:10px;
padding-top:20px;
}
}
.demortage-screen tbody td:last-child {
    border-left: 0px solid #ddd;
}
.demortage-screen thead > tr> th {
}
.table-fixed {
max-width:100%;
table-layout:fixed;
margin:auto;
}
.table-fixed table th, td {
padding:5px 10px;
}
.table-fixed  thead {

display:table;
width:100%;
width:calc(100% - 18px);
}
.table-fixed  tbody {
max-height:300px;
overflow:auto;
overflow-x:hidden;
display:block;
width:100%;
scrollbar-width:thin;

}
.table-fixed table tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
table.table-fixed tbody::-webkit-scrollbar {
width: 18px; 

}
::-webkit-scrollbar-thumb {
background:#ebf2f6;
}
table.table-fixed tbody{
scrollbar-width: thin;
    overflow: auto;    
}

    
.table-fixed tbody, .table-fixed tr{
display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
float: left;
border-bottom-width: 0;
}
 .table-fixed  tr:nth-child(odd) td {
    background: #ffffff;
}

.md-total{
background: #E6E6E6;
}
.payslip  td:last-child{
padding-top:15px;
width:15%;
padding-bottom:15px;
text-align:center;
border-right:0px solid #ddd;
}
@media (min-width: 1200px) {
/* Corner Effect */
.corners { 
background: #FFF;
max-height: 500px;

max-width: 500px;
line-height:25px;
position: relative;
width: 80%;
font-family:overpass;
font-size:14px; font-weight:bold; padding:10px; padding-top:40px;
-webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
-moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
}

.corners:after,
.corners:before {
background: #ffffff;
content: '';
height: 50px;
position: absolute;
top: -25px;
width: 100px;
-webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
-moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.corners:after {
left: -50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.corners:before {
right: -50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.Address-corners { 
background: #FFF;
max-height: 300px;
max-width: 250px;
line-height:25px;
position: relative;
width: 80%;

font-size: 14px; 

padding:10px; 
padding-top:20px;
-webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
-moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
}

/* Corner Effect */
.Address-corners:after,
.Address-corners:before {
background: #ffffff;
content: '';
height: 50px;
position: absolute;
top: -25px;
width: 100px;
-webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
-moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.Address-corners:after {
left: -50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.Address-corners:before {
right: -50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.reg-corners { 
background: #FFF;
max-height: 300px;
max-width: 350px;
line-height:25px;
position: relative;
width: 80%;

font-size: 14px; 

padding:10px; 
padding-top:20px;
-webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
-moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
}

/* Corner Effect */
.reg-corners:after,
.reg-corners:before {
background: #ffffff;
content: '';
height: 50px;
position: absolute;
top: -25px;
width: 100px;
-webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
-moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.reg-corners:after {
left: -50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.reg-corners:before {
right: -50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}


}
.innertube .shadowbox {
overflow-x: hidden;
/*overflow-y: hidden;*/
font-family: overpass;
}
@media (min-width: 768px) {

tbl_design{
width:50%;
color:#505050;
padding-left:20px;
height:40px;
font-size:14px;
bacground:#F6F7F9;
word-break: break-word;    
}
.tbl_design tr td{
width:50%;
color:#505050;
padding: 14px 5px 14px 5px;
font-size:14px;
word-break: break-word;
}
.tbl_design tbody tr td:last-child {
    border-left: 1px solid #dbe2e5;
}
.tbl_design tr:nth-child(even) {
}
.tbl_design tr:nth-child(odd) {
	background:#ffffff;

}

}


@media (max-width: 767px) {


.tbl_design tr td{
word-break: break-word;
height:50px; 
vertical-align:middle;
width:50%;
color:#505050;
padding: 14px 5px 14px 5px;
border-right:1px solid #dbe2e5;
}
.tbl_design tr:nth-child(odd) {
	background:#ffffff;
}
.tbl_design tr:nth-child(even) {
}
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images_11/Preloader_2.gif) center no-repeat #fff;
}
.btn-alert {
background: #0956FF;
text-transform: uppercase;
font-weight: bold;
border-radius: 1px;
border: 0px;
padding: 10px 20px 10px 20px;
font-size: 14px;
line-height: 1.0;
color: #ffffff;
font-family:overpass;
font-size: 14px;
outline: none;
}
.btn-alert a{
color: #fff;
}
@media only screen and (max-width: 480px) {
.btn-alert {
white-space: normal;
}
}
.btn-alert:before,
.btn-alert:after {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font: normal normal normal 12px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 0.9em;
color: #ffffff;
margin-left: 10px !important;
margin-right: 5px !important;
outline: none;
}
.btn-alert:before {
display: none;
float: left;
margin-left: 5px !important;
margin-right: 10px !important;
line-height: 1.5;
position: relative;
top: 3px;
content: "ï?“" !important;
outline: none;
}
.btn-alert:hover {
color: #ffffff !important;
background: #0956FF;
}
.btn-alert:hover:after,
.btn-alert:hover:before {
color: #ffffff;
margin-left: 15px !important;
margin-right: 0 !important;
}
.btn-alert:hover:before {
margin-left: 0 !important;
margin-right: 15px !important;
outline: none;
}
.btn-alert:active {
color: #fff !important;
background: #0956FF;
box-shadow: none !important;
}

@media (min-width: 768px) {
.btnN:hover {
    color: #ffffff !important;
    background: #388BFF;
    border: 2px solid #388BFF;
    cursor: pointer;
    outline: none;
}
.btn {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
background: #0956FF;
font-weight: 400;
border-radius: 4px;
line-height:24px;
color: #ffffff;
letter-spacing:1px;
font-family:overpass;
font-size:16px;
outline: none;
height: 40px;
}
.btnN {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        background: #0956FF;
        font-weight: 400;
        border-radius: 4px;
        line-height: 24px;
        color: #ffffff;
        letter-spacing: 1px;
        font-family: overpass;
        font-size: 16px;
        outline: none;
        height: 52px;
        border: none;
        width: 355px;
        margin-top: -20px;
                margin-left: -25px;

    }
.btnR {
transition: none !important;
        background: #ffffff;
        font-weight: 400;
        border-radius: 4px;
        line-height: 24px;
        color: #0956FF;
        letter-spacing: 1px;
        font-family: overpass;
        font-size: 16px;
        outline: none;
        height: 52px;
        width: 355px;
        border: 1px solid #0956FF;
        margin-left: -25px;
    }

.btn1 {
background:#1A1A1A;
text-transform: none;
font-weight: bold;
border-radius: 0px;
border-width: 3px;
border-color: #0956FF;
padding: 10px 20px 10px 20px;
font-size:12px;
line-height: 1.0;
font-family: Louis-Regular;
font-size:12px;
color:#fff;
}
}
@media (max-width: 767px) {
.btn {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;

background: #0956FF;

font-weight: bold;
border-radius: 4px;
padding: 16px;;
line-height:6px;
color: #ffffff;
letter-spacing:0.75px;
font-family:overpass-bold;
font-size:13px;
width:100%;
margin-top:5px;
outline: none;
}
.btn1 {
background:#1A1A1A;
text-transform: none;
font-weight: bold;
border-radius: 0px;
border-width: 3px;
border-color: #0956FF;
padding: 10px 20px 10px 20px;
font-size:12px;
line-height: 1.0;
font-family: Louis-Regular;
font-size:12px;
width:100%;
margin-top:5px;
color:#fff;
}
}
@media (min-width: 768px) {

.btn-secondary {
border: 1px solid #388BFF;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
background: transparent;
font-weight: 400;
border-radius: 4px;
line-height:24px;
color: #0956FF;
letter-spacing:1px;
font-family:overpass;
font-size:16px;
outline: none;
height: 40px;
 margin-right: 12px;
}

}
@media (max-width: 767px) {
.btn-secondary {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
background: transparent;
font-weight: 400;
border-radius: 4px;
padding: 16px;
line-height:6px;
color: #0956FF;
letter-spacing:0.75px;
font-family:overpass-bold;
font-size:13px;
width:100%;
margin-top:5px;
outline: none;
}
}
.btn a{
color: #fff;
}

.btn1 a{
color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.btn{
padding: 10px 10px 10px 10px;
}
.btn1{
padding: 10px 10px 10px 10px;
}
}
@media only screen and (max-width: 480px) {
.btn {
white-space: normal;
}
.btn1 {
white-space: normal;
}
}
.btn:before,
.btn:after {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font: normal normal normal 12px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 0.9em;
color: #ffffff;
margin-left: 10px !important;
margin-right: 5px !important;
outline: none;
}
.btn:before {
display: none;
float: left;
margin-left: 5px !important;
margin-right: 10px !important;
line-height: 1.5;
position: relative;
top: 3px;
content: "ï?“" !important;
outline: none;
}
.btn:hover {
color: #ffffff !important;
background: #388BFF;
border: 2px solid #388BFF;
cursor:pointer;
outline: none;
}
.btn-secondary:hover {
color: #388BFF !important;
border-radius: 4px;
border: 2px solid #388BFF;
background: transparent;
cursor:pointer;
outline: none;
}
.btn:active {
color: #ffffff !important;
background: #388BFF;
border: 2px solid #388BFF;
box-shadow: none !important;
}
.btn-secondary:active {
color: #388BFF !important;
background: transparent;
border-radius: 4px;
border: 2px solid #388BFF;
box-shadow: none !important;
}
.btn:disabled {
color: #ffffff !important;
background: #747474;
cursor:pointer
}
.btn:hover:after,
.btn:hover:before {
color: #ffffff;
margin-left: 15px !important;
margin-right: 0 !important;
outline: none;
}
.btn:hover:before {
margin-left: 0 !important;
margin-right: 15px !important;
outline: none;
}

.btn.btn-sm,
.btn.btn-small {
padding: 3px 8px 3px 8px;
margin-left: 0;
font-size: 14px;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
outline: none;
}
.btn.btn-sm:after,
.btn.btn-sm:before,
.btn.btn-small:after,
.btn.btn-small:before {
font-size: 11px;
margin-left: 5px;
display: inline-block;
font-weight: normal;
font-family: FontAwesome;
outline: none;
}
.btn.btn-sm:before,
.btn.btn-small:before {
display: none;
}
.btn.btn-back:after {
display: none;
}
.btn.btn-back:before {
display: block;
}
.btn.btn-lrg {
padding: 13px 20px;
font-size: 20px;
}
.btn1:before,
.btn1:after {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font: normal normal normal 12px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 0.9em;
color: #ffffff;
margin-left: 10px !important;
margin-right: 5px !important;
}
.btn1:before {
display: none;
float: left;
margin-left: 5px !important;
margin-right: 10px !important;
line-height: 1.5;
position: relative;
top: 3px;
content: "ï?“" !important;
}
.btn1:hover {
color: #FFF !important;
background: #0956FF;
cursor:pointer;
outline: none;
}
.btn1:hover:after,
.btn1:hover:before {
color: #ffffff;
margin-left: 15px !important;
margin-right: 0 !important;
}
.btn1:hover:before {
margin-left: 0 !important;
margin-right: 15px !important;
}
.btn1:active {
color: #ffffff !important;
background: #0956FF;

box-shadow: none !important;
}
.btn1.btn1-sm,
.btn1.btn1-small {
padding: 3px 8px 3px 8px;
margin-left: 0;
font-size:12px;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
}
.btn1.btn1-sm:after,
.btn1.btn1-sm:before,
.btn1.btn1-small:after,
.btn1.btn1-small:before {
font-size: 11px;
margin-left: 5px;
display: inline-block;
font-weight: normal;
font-family: FontAwesome;
}
.btn1.btn1-sm:before,
.btn1.btn1-small:before {
display: none;
}
.btn1.btn1-back:after {
display: none;
}
.btn1.btn1-back:before {
display: block;
}
.btn1.btn1-lrg {
padding: 13px 20px;
font-size: 20px;
}
@media only screen and (max-width: 480px) {
.btn.btn-lrg {
font-size: 17px;
white-space: normal;
line-height: 1.1;
padding: 10px 10px;
}
}
.btn.btn-lrg:before {
padding: 15px 16px 13px 20px;
font-size: 28px;
left: -59px;
}
/*------------------------------- */
.btn-signin {
background: #7F7F7F;
text-transform: uppercase;
font-weight: bold;
border-radius: 1px;
border: 0px;
padding: 10px 20px 10px 20px;
font-size:12px;
line-height: 1.0;
color: #ffffff;
font-family: Louis-Regular;
font-size:12px;
}
.btn-signin  a{
color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.btn-signin {
padding: 10px 10px 10px 10px;
}
}
@media only screen and (max-width: 480px) {
.btn-signin {
white-space: normal;
}
}
.btn-signin:before,
.btn-signin:after {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font: normal normal normal 12px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 0.9em;
color: #ffffff;
margin-left: 10px !important;
margin-right: 5px !important;
}
.btn-signin:before {
display: none;
float: left;
margin-left: 5px !important;
margin-right: 10px !important;
line-height: 1.5;
position: relative;
top: 3px;
content: "ï?“" !important;
}
.btn-signin:hover {
color: #1A1A1A !important;
background: #0956FF;
cursor:pointer;
outline: none;
}
.btn-signin:hover:after,
.btn-signin:hover:before {
color: #ffffff;
margin-left: 15px !important;
margin-right: 0 !important;
}
.btn-signin:hover:before {
margin-left: 0 !important;
margin-right: 15px !important;
}
.btn-signin:active {
color: #ffffff !important;
background: #0956FF;
box-shadow: none !important;
}
/*------------------------------- */

.margin-top-five{
margin-top:5px;
}
.margin-top-ten{
margin-top:10px;
}
.margin-top{
margin-top:-30px;
}
.disclaimer-hyperlink{

text-decoration:underline;
}
.margin-top-fourty{
margin-top:-40px;
}

#myProgress {

width: 100%;
height: 5px;
background-color: #ebf2f6;
}



#myProgress1 {

width: 100%;
height: 5px;
background-color: #ddd;
}

#myBar1 {

width: 50%;
height: 5px;
background-color: #000000;
}
.breadcrumb-link{
color:#7F7F7F;
text-decoration:underline;
}
.text-box {
border:2px solid #e6e66;
border-radius:10px;
height: 35px;
width: 230px;
}
@media (min-width: 768px) {

.tbl{width:90%;}
.tbl1{width:80%;}
.round-corner {
border-radius:2px;
border: 1px solid #dbe2e5;
text-align:left;
}
/*.round-corner tbody td{
border: 2px solid #6E6E6E;
}
*/
.detail-corner {
border-radius:2px;
border: 1px solid #e6e6e6;
text-align:center;
}
.table-corner {
border-radius:2px;
border: 1px solid #e6e6e6;
text-align:left;
}
/*.table-corner tbody td{
border: 2px solid #6E6E6E;
}*/
round-corner tbody td{
border: 2px solid #6E6E6E;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.tbl{margin-left:50px;}
}
@media (max-width: 767px) {
.round-corner {
border-radius: 2px;
border: 1px solid #e6e6e6;
text-align:left;
}
/*.round-corner tbody td{
border: 1px solid #6E6E6E;
}*/
.detail-corner {
border-radius: 2px;
border: 1px solid #e6e6e6;
text-align:center;
}
.detail-corner tbody td{
border: 0px solid #6E6E6E;
}
.table-corner {
border-radius: 2px;
border: 1px solid #e6e6e6;
text-align:left;
}
/*.table-corner tbody td{
border: 1px solid #6E6E6E;
}*/
}

.BOLD{
font-weight:bold; 
font-family:overpass;   
}
.fifty{
width:50%; 
}

@media (min-width: 1120px) {
#menu-outer {
margin-bottom: 10px;
}

.table {
display: table;

}

ul#horizontal-list {
min-width: 696px;
list-style: none;

}
ul#horizontal-list li {

color:#000;
margin: 15px 15px;
}
ul#vertical-list li:hover {
color:#000;
background:#f6f7f9;
}
ul#horizontal-list li:first-child {
color:#000;
margin-left:0px;
}
ul#vertical-list li:first-child {
color:#000;
margin-left:20px;
}
}
.disclaimer{
padding:20px;
padding-bottom:88px;
}

.imp_info_msg{
color:#4A4D52;
}
.imp_info{
color:#505050;
}
.chat-box-user {
	display: inline-block;
  
	
}

.chat-box-user .chat-box-user-text {
     visibility: visible;
    background-color: #0956FF;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 11px 0;
    position: relative;
    z-index: 1;
	
	
	padding-left:15px;
	padding-right:15px;
	
	
}

.chat-box-user .chat-box-user-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #0956FF transparent transparent transparent;
}

.chat-box-user:hover .chat-box-user-text {
    visibility: visible;
}
.chat-box-admin-user{
	display: inline-block;
   
	
}
.chat-box-admin-user .chat-box-admin-user-text {
    visibility: visible;
    background-color: #E6E6E6;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: relative;
    z-index: 1;

	
	
	padding-left:10px;
	padding-right:10px;
	
	
}

.chat-box-admin-user .chat-box-admin-user-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #E6E6E6 transparent transparent transparent;
}

.chat-box-admin-user:hover .chat-box-admin-user-text {
    visibility: visible;
}
.info_msg{
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
@media (min-width: 768px) 
{
.clear-left{
margin-left:15px;
}
.clear {
margin-left:5px;
margin-right:5px;
}
}
@media (max-width: 767px) 
{
.clear-left
{
margin-left:0px;
}}
@media (min-width: 1200px) {
.css-label{
font-size:36px;
color:#ffffff;
text-align:center;
font-weight:bold;
vertical-align:middle;

}
.login-logo{
text-align:center;    
}

}
@media (min-width: 768px)and (max-width: 1199px) {
.css-label{
font-size:30px;
color:#ffffff;
text-align:center;
font-weight:bold;
padding-top:30%;
line-height:35px;
}
}
@media (max-width: 768px) {
.css-label{
font-size:24px;
color:#505050;
text-align:center;
font-weight:bold;
line-height:15px;
}
.myaccount{
padding-top: 45px;
padding-bottom: 50px;
font-family: overpass;
font-stretch:condensed;
font-weight:bold;
}
}

@media (min-width: 900px)and (max-width: 1199px) {
.css-label{
font-size:30px;
color:#ffffff;
text-align:center;
font-weight:bold;
padding-top:30%;
line-height:35px;
}
.myaccount{
margin-top:10%;
color:#000;
font-family: overpass;
font-stretch:condensed;
font-weight:bold;
}
    .logo-footer.hidden-xs {
        margin-left: 805px !important;
    }
}
@media (min-width: 768px)and (max-width: 900px) {
.css-label{
font-size:30px;
color:#ffffff;
text-align:center;
font-weight:bold;
padding-top:30%;
line-height:35px;
}
.myaccount{
margin-top:0%;
color:#000;
font-family: overpass;
font-stretch:condensed;
font-weight:bold;
}
}
@media (max-width: 768px) {
.table-fixed table th, td {
    padding: 5px 8px;
}
.css-label{
font-size:24px;
color:#505050;
text-align:center;
font-weight:bold;
line-height:15px;
}
.myaccount{
padding-top: 45px;
padding-bottom: 50px;
font-family: overpass;
font-stretch:condensed;
font-weight:bold;
}
}
@media (min-width: 1200px) 
{
.form-group.floating-group.login-form {
           width: 430px;
        margin-left: 124px;
}

    .css-label{
           height: 100vh;
        font-size:36px;
        color:#000000;
        text-align:center;
        font-weight:bold;
        vertical-align:middle;
    }
    .login-logo{
        text-align:center;    
} 
       .myaccount {
        margin-top: 40%;
        margin-bottom: 10px;
        font-family: overpass;
        font-stretch: condensed;
        font-weight: bold;
        line-height: 1.2;
        font-size: 40px;
    }
}
.compatibility
{
    color:#000000 ;
    margin-top:5%;
    font-size:10px;
    text-align:center;
    font-weight:bold;
    vartical-align:bottom;
    font-family:overpass;

    line-height:20px;
}
/*form ul li {
    margin:10px 20px;

}
*/



#pswd_info {
    position : absolute;
	z-index : 9999;
    color:#953400;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #FFFFFF;
    padding:10px;
    margin-bottom:15px;
    background-color:#FFFFFF;
    
}
#pswd_info h4 {
    margin:10 0 15px 0;
    padding:0;
    font-weight:normal;
    color: #003e72;
}

@media (min-width: 768px){
#pswd_info::before {
    content: "\25C0";
    position:absolute;
    top:50%;
    left:-15px;
    font-size:26px;
    line-height:14px;
    color:#fff;
    text-shadow:none;
    display:block;
}
}
@media (max-width: 768px){
.table-fixed table th, td {
    padding: 5px 8px;
}
#pswd_info::before {

    position:absolute;
    top:100%;
    left:45%;
    font-size: 14px;
    line-height:14px;
    color:#ffffff;
    text-shadow:none;
    display:block;
}
#user_info::before {
    content: "\25BC";
    position:absolute;
    top:100%;
    left:45%;
    font-size:12px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}
}
@media (min-width: 768px) 
{
.left-right
{
margin-left:0px;
margin-right:0px;
}
}
@media (max-width: 767px) 
{
.left-right
{
margin-left:-10px;
}}
@media (min-width:801px) {
.left-right
{
margin-left:-10px;
}
}
@media (min-width:1025px) {
.left-right
{
margin-left:0px;
margin-right:0px;
}
}

@media (max-width: 767px)
{
.left
{
margin-left:0px;
}}
.invalid {

    padding-left:22px;
    line-height:24px;
    color:#953400;
}
.invalid:before {

    font: normal normal normal 14px/1 FontAwesome;
    padding-left:22px;
    padding-right:5px;
    line-height:24px;
    color:#953400;
}
.valid {
    padding-left:22px;
    line-height:24px;
    color:#006333;
}
.valid:before {
  
    font: normal normal normal 14px/1 FontAwesome;
    padding-left:22px;
    padding-right:5px;
    line-height:24px;
    color:#006333;
}
#user_info {
    position : absolute;
    background:#ffffff;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    padding:10px;
    margin-bottom:15px
}
#user_info h4 {
    margin:10 0 15px 0;
    padding:0;
    font-weight:normal;
    color:#003e72
}
@media (min-width: 768px){
#user_info::before {
   
    position:absolute;
    top:50%;
    left:-15px;
    font-size:26px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}}
.underline{
text-decoration: underline !important ;
color: #0956FF !important;
}
@media (max-width: 767px){
#user_info::before {
  
    position:absolute;
    top:100%;
    left:45%;
    font-size: 14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}
}
@media (min-width: 0px) and (max-width: 1119px) {
.top-arrow
{
text-align:center;
color:#0956FF;
border-top:1px solid #505050;
padding-top:10px;
}}
.link-text {
   color: #000000 !important;
   font-size:14px;
}
.link-text:before
{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size:14px;
  color: #505050;
  margin-left: 6px !important;
  margin-right: 3px !important;
  text-decoration: none;  
}

.link-text:hover {
   color: #505050 !important;
}
.link-text:hover:after,
.link-text:hover:before {
   color: #505050;
  margin-left: 9px !important;
  margin-right: 0 !important;
}
.link-text:hover:before {
  margin-left: 0 !important;
  margin-right: 9px !important;
}
.link-text a{
color:#0956FF;
text-decoration: underline;
font-size:14px;
}
.link-text a:hover{
color:#505050;
text-decoration: underline;
}
.link-text a:active{
color:#505050;
text-decoration: underline;
}
.zero-padding{
padding:0px;  
}
@media (max-width: 768px){
.link-decoration {
   color: #505050 !important;
   font-size:14px;
}
.link-decoration:before
{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /*content: "\f054";*/
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size:14px;
  color: #505050;
  margin-left: 6px !important;
  margin-right: 3px !important;
  text-decoration: none;  
}
.link-decoration:hover {
   color: #505050 !important;
}
.link-decoration:hover:after,
.link-decoration:hover:before {
   color: #505050;
  margin-left: 9px !important;
  margin-right: 0 !important;
}
.link-decoration:hover:before {
  margin-left: 0 !important;
  margin-right: 9px !important;
}
.link-decoration a{
color:#505050;
text-decoration: underline;
font-size:14px;
font-weight:bold;
}
.link-decoration a:hover{
color:#505050;
text-decoration: underline;
}
.link-decoration a:active{
color:#505050;
text-decoration: underline;
}
.link-text{
text-decoration: none;  
font-size:12px;
color:#ffffff;
}
.link-text a{
color:#0956FF;
text-decoration: none;
}
.link-text a:hover{
color:#0956ff;
text-decoration: none;
}
.link-text a:active{
color:#0956ff;
text-decoration: none;
}
.zero-padding{
padding:0px;  
}
.radio{
margin-left:40px;
margin-right:40px;
padding-top:20px;
}
.left-forty{
margin-left:40px;    
}
.right-forty{
margin-left:40px;    
}
.msg-heading{
color:red;    
}
.msg-body{
color:000000;    
}
.helptext
{
    color:#0956FF;
}
.errormsg {
margin: .5em 0 0;
display: block;
color: #953400;
line-height: 16px;
font-size: 12px;
letter-spacing: 0.2px;
font-family:overpass;
}
}
@media (max-width:767px){
.left20Dsktop
{
    margin-left:20px;
}
}

@media (min-width: 768px)  {
.left20Dsktop
{
    margin-left:0px;
}
.helptext
{
    color:#0956FF;
}
.errormsg {
margin: .5em 0 0;
display: block;
color: #953400;
line-height: 16px;
font-size: 12px;
letter-spacing: 0.2px;
font-family:overpass;
}
}
@media (max-width: 768px) {
.errormsg {
    margin: .5em 0 0;
    display: block;
    color:#E25959;
    line-height: 17px;
}
}
.view-pdf{
    color:Black;
}
#overdue_progressbar {
width: 100%;
background-color: #b4bbbf;
}
#overdueprogress {
height: 15px;
background-color:#953400;
}
#nextdue_progressbar {
width: 100%;
background-color: #0956FF;
}
#nextdueprogress {
height: 15px;
background-color:#b4bbbf;
}
@media (min-width: 0px) and (max-width: 1119px) {
.hidden-header-footer,
tr.hidden-header-footer,
th.hidden-header-footer,
td.hidden-header-footer {
display: block!important
    } 
.visible-header-footer,
tr.visible-header-footer,
th.visible-header-footer,
td.visible-header-footer {
display: none!important
    } 
}
@media (min-width: 1120px) {
.hidden-header-footer,
tr.hidden-header-footer,
th.hidden-header-footer,
td.hidden-header-footer {
display: none!important
    } 
.visible-header-footer,
tr.visible-header-footer,
th.visible-header-footer,
td.visible-header-footer {
display: block!important
    } 
} 
@media (min-width: 0px) and (max-width: 1119px) {
.disclaimer{
padding:20px;
padding-bottom:20px;
}
.hidden-header-footer.top-arrow {
    display: block !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #0956FF;
    border-top: 1px solid #505050;
    padding-top: 10px;
    width: 100% !important; /* Ensures the container spans the full width to allow centering */
}

.top-arrow
{
text-align:center;
color:#0956FF;
border-top:1px solid #505050;
padding-top:10px;

}}
.margin_side_both
{
    margin-left:20px;
    margin-right:20px;
}
.lovmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* lovmodal Content */
@media (max-width: 768px) {
.lovmodal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.lovmodal-content-state {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 95%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
}
@media (min-width: 768px) {
.lovmodal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.lovmodal-content-state {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 25%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color:black;
    float: right;
    font-size: 22px;
    font-weight: bold;
    margin-top:-8px;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}

.lovmodal-header {
    padding: 30px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
    background: #f5f5f5;
    color:#000;
    text-align:center;
    font-weight:bold;
    border-radius:0px solid #ffffff;
    font-size: 18px;
}

.lovmodal-body {
    padding: 2px 16px;
}

.lovmodal-footer {
    padding: 2px 16px;
    background-color: #ffffff;
    color: #ffffff;
}
@media (min-width: 1025px)
{.msg-pos {
    margin-left: 45px;
    margin-right: 50px;
}}

@media (max-width: 767px)
{.msg-pos {
    margin-left: 0px;
}}

@media (min-width: 768px)
{.msg-pos {
    margin-left: 50px;
    margin-right: 45px;
}}

@media (min-width: 768px) 
{
.left-aligned
{
margin-left:58px;
margin-right:50px;
}
}
@media (max-width: 767px) 
{
.left-aligned
{
margin-left:0px;
}}
@media (min-width:801px) {
.left-aligned
{
margin-left:7px;
}
}
@media (min-width:1025px) {
.left-aligned
{
margin-left:58px;
margin-right:50px;
}
}

@media (min-width:1000px)and (max-width: 1199px) {
.left-aligned
{
margin-left:7px;
margin-right:50px;
}
}
.direct-chat-text {
    position: relative;
    padding: 5px 10px;
    margin: 5px 0 0 10px;
    color: #444;
    float:left;
    max-width:100%;
}
.menuColor
{
    color:#000000;
    border-bottom: 2px solid #000000;
    padding-bottom: 10px;
}
.welcome-msg
{
color:#fff;
font-size:20px;
padding-top:80px;
line-height:25px;
}
@media (min-width: 768px) 
{
.clear-left-Mandate
{
margin-left:15px;
}
}
@media (max-width: 767px) 
{
.clear-left-Mandate
{
margin-left:15px;
}}



@media (min-width: 768px) 
{
.left-right3
{
margin-left:55px;
margin-right:50px;
}
}
@media (max-width: 767px) 
{
.left-right3
{
margin-left:0px;
}}
@media (min-width:801px) {
.left-right3
{
margin-left:-0px;
}
}
@media (min-width:1025px) {
.left-right3
{
margin-left:55px;
margin-right:50px;
}
}
/* tablets portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) { 
.input-sm-search {
font-size: 8px;
}
}
@media (min-width: 768px) {

.tbl_height{
height:40px;
vertical-align:middle;
padding-left:20px;
}
.tbl_design1 tr td{
color:#58595B;
padding-left:20px;
height:40px;
word-break: break-word;
}
.tbl_design1 tr:nth-child(even) {
}
.tbl_design1 tr:nth-child(odd) {


}

}

   .modal-bodyMinimize {
    position: relative;
    background:#ffffff;
    height:180px;
    overflow:auto;
    padding:40px 32px;
    }
 
    .modal-sm-Notice {
        width: 600px;
    }
    
    
   @media (min-width: 767px) {
    .min{
        width: 100%; 
        height: 35px;
        overflow: hidden !important;
        padding: 0px !important;
        margin: 10px;    

        float: left;  
        position: static !important; 
      }
      }
      
      @media (max-width: 767px) {
        .min{
        width: 350px; 
        height: 35px;
        overflow: hidden !important;
        padding: 0px !important;
        margin: 0px;    

        float: left;  
        position: static !important; 
      }
      }
    
    @media (max-width: 767px) {
    .min .modal-dialog, .min .modal-content{
        height: 100%;
        width: 66%;
        margin: 0px !important;
        padding: 0px !important; 
      }
     }
     
     @media (min-width: 769px) {
    .min .modal-dialog, .min .modal-content{
        height: 100%;
        width: 70%;
        margin: 0px !important;
        padding: 0px !important; 
      }
     }
     
     @media (min-width: 768px)and (max-width:768px) {
    .min .modal-dialog, .min .modal-content{
        height: 100%;
        width: 88%;
        margin: 0px !important;
        padding: 0px !important; 
      }
     }
     
    .min .modal-header{
        height: 100%;
        width: 100%;
        margin: 0px !important;
        padding: 3px 5px !important; 
      }

    .display-none{display: none;}

    button .fa{
        font-size: 16px;
        margin-left: 10px;
      }


    .min .menuTab{display: none;}

    button:focus { outline: none; }

    .minmaxCon{
      
      bottom: 1px;
      left: 1px;
      position: fixed;
      right: 1px;
      z-index: 9999;
    }
 
 @media (min-width: 768px){   
    .modalPos{
    
    margin-top : 20%; 
    margin-left :20%;
    }
    }
     
    @media (min-width: 800px){   
    .modalPos{
    
    margin-top : 60%; 
    margin-left :13%;
    }
    }
     
    @media (min-width: 1000px){   
    .modalPos{
    
    margin-top : 25%; 
    margin-left :21%;
    }
    }
    
    @media (min-width: 1200px){   
    .modalPos{
    
    margin-top : 12%; 
    margin-left :30%;
    }
    }
    
     @media (min-width: 1200px) and (min-height: 800px){   
    .modalPos{
    
    margin-top : 25%; 
    margin-left :30%;
    }
    }
   
    
    @media (max-width: 768px){   
    .modalPos{
    margin-top : 12%;
    margin-left :12%;
    width:80%;
    }
    }   
    
    @media (max-width: 400px){   
    .modalPos{
    margin-top : 58%;
    margin-left :12%;
    width:80%;
    }
    
    .modal-sm-Notice {
        width: 75%;
    }
    
    
    }  
    
    @media (min-width: 767px)and (max-width:769px) {
    .modalPos{
    margin-top : 45%;
    margin-left :16%;
    width:70%;
    }
    } 

.survey-button
{
    margin:-10px 0px 10px 15px;
}

/* The Close Button for site survey*/
.closeSurvey {
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: bold;
}

.closeSurvey:hover,
.closeSurvey:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 768px) {
.survey-title
{
    text-align: center;
    font-size:20px;
}
}

@media (min-width: 768px) {
.survey-title
{
    text-align: center;
    font-size:24px;
}
} 


@media (min-width: 768px) {
.cssBatchModal
{
v-align:center;
top:35%;
bottom:35%;
right:-5%;
left:-5%;
}
} 

@media (max-width: 768px) {
.cssBatchModal
{
v-align:center;
top:25%;
bottom:25%;
right:-5%;
left:-5%;
}
} 

.cssBatchModalContent{
    width:100%;
    height:0%;
}
@media (max-width: 768px) {
.closereq{
    font-size: 11px;
    margin-left: 1%;
    margin-right: 5%;
	padding: 10px;
    }
 .cust{
        padding: 0px; 
        margin-left:0%;
    }
 .rating > label:before {
    margin: 5px;
   }
}
@media (max-width: 351px) {
.closereq{
    width: 100%;
    font-size: 11px;
    padding: 10px;
    }
 .followup{
    width: 100%;
    font-size: 11px;
    padding: 10px;
    margin-top : 1%;
    }
    
 .cust{
        padding: 0px; 
      
    }
 .rating > label:before {
    margin: 5px;
   }
}
@media (min-width: 768px) {
.closereq{
    width:45%; 
    font-size:12px;
    margin-left:1%;
    margin-right:4%;
    }
 .followup{
    width:45%;
    font-size:12px;
     }
.cust{
padding: 10px; 

}

.rating > label:before {
margin: 2px;
} 

}


@media (min-width : 400px){
.contactRating
{
    font-size: 1.8rem; padding: 10px;
}
}

@media (max-width : 400px) {
.contactRating
{
    font-size: 1.25em; padding: 10px;
}
}

@media (min-width : 400px) {
.contactBlock {
    padding:25px;
}
}
@media (max-width : 400px) {
.contactBlock {
    padding:15px;
}
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #808285;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #808285;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #808285;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #808285;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #808285;
}
@media (min-width : 1200px){
.minimizeModal
{
margin-left:7%;
margin-right:7%;    
}
}
@media (min-width : 1024px)  and (max-width : 1200px){
.minimizeModal
{
margin-left:0%;
margin-right:7%;    
}
}
@media (min-width : 768px) and (max-width : 900px) {
.minimizeModal
{
margin-left:0%;
margin-right:7%;    
}
}
@media  (max-width : 767px)  {
.minimizeModal
{
margin-left:0%;
margin-right:7%; 
margin-top:5%;
width:100%;
}
}
@-webkit-keyframes blinker {
  from {opacity: 3.0;}
  to {opacity: 0.8;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 1.0s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
.inputText
{
width:350px;
text-align:left;
}
.header-bold
{
font-weight:bold;
width:20%;
border-right:1px solid #ddd;
}

.imp-msg{
color:#0956FF;    
}
.asterisk-symobol{
color:#0956FF;    
}
.bar-graph-font
{
text-align:left-right;
font-size:14px;   
}
.progress-graph
{
  text-align:left;
  font-size:14px;  
}
@media (max-width: 768px) {
.clear-button{
padding-top:10px;    
}
.visible-mob-button{
display:block;    
}
}
.clear-button{
    padding-top:10px;
}
.logout-text {
   color:#ffffff !important;
   font-size:14px;
}
.logout-textt:before
{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size:14px;
  color:#ffffff;
  margin-left: 6px !important;
  margin-right: 3px !important;
  text-decoration: none;  
}
.logout-text:hover {
   color:#ffffff!important;
}
.logout-text:hover:after,
.logout-text:hover:before {
  color:#ffffff;
  margin-left: 9px !important;
  margin-right: 0 !important;
}
.logout-text:hover:before {
  margin-left: 0 !important;
  margin-right: 9px !important;
}
.logout-text a{
color:#0956FF;
text-decoration: none;
font-size:14px;
}
.logout-text a:hover{
color:#ffffff;
text-decoration: none;
}
.logout-text a:active{
color:#ffffff;
text-decoration: none;
}
.margin-left-zero{
    float:left;
}
.margin-right-zero{
    float:right;
}
.astr
{
color:#E25959;
font-weight:bold;
font-size:11px;
}
@media (min-width: 768px) {
.clear-button{
padding-top:10px;    
}
.visible-mob-button{
display:none;    
}
.padding-left-30{ padding-left:30px;}
.padding-left-15{ padding-left:15px;}
.padding-left-10{ padding-left:10px;}
.padding-left-twenty{ padding-left:20px;}
.lg-padding-right-20{ padding-right:20px;}
.chk-avail-button{ margin-top:40px;}
.sq-grid-width {
width:90%;
}
}
@media (max-width: 768px) {
.padding-top-30{ padding-top:30px;}
.padding-top-15{ padding-top:15px;}
/*.padding-left-20{ padding-left:20px;}*/
.padding-top-40{ padding-top:40px;}
.padding-left-zero{ padding-left:0px;}
}
.link-decoration{
text-decoration: none;  
font-size:14px;
color:#0956FF;
}
.link-decoration:hover{
text-decoration: none;  
font-size:14px;
color:#0956FF;
}
.div-text {
    font-size: 14px;
}
#contmsg{
color:#003e72;
font-family: overpass;
font-size:14px;
line-height:22px;
letter-spacing:0px;
background:#F0F9FD;
padding:20px 20px 20px 20px;
/*-moz-box-shadow: 0 0 5px #ebf2f6;
-webkit-box-shadow: 0 0 5px #ebf2f6;
box-shadow: 0 0 5px #ebf2f6;*/
}
#contmsg:before{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
/*content: "\f05a";*/
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size:14px;
color: #505050;
margin-left: 6px !important;
margin-right: 3px !important;
text-decoration: none; 
}
.general-notification{
color:#000000;
font-family: overpass;
font-size:14px;
line-height:22px;
letter-spacing:0px;
background: #F3F8FF;
    padding: 20px 20px 20px 20px;
    border: 1px solid #0072CE;
border-radius: 4px;
/*-moz-box-shadow: 0 0 5px #ebf2f6;
-webkit-box-shadow: 0 0 5px #ebf2f6;
box-shadow: 0 0 5px #ebf2f6;*/
}
.general-notification:before
{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
/*content: "\f05a";*/
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size:14px;
color: #505050;
text-decoration: none; 
}
.general-notification a{
color:#006333;
text-decoration: underline;
}
.general-notification a:hover{
color:#006333;
text-decoration: underline;
}
.general-notification a:active{
color:#006333;
text-decoration: underline;
}
.error-notification{
color:#953400;
font-family: overpass;
font-size:14px;
line-height:22px;
letter-spacing:0px;
background:#FFF5F0;
padding:20px 20px 20px 20px;
/*-moz-box-shadow: 0 0 5px #ebf2f6;
-webkit-box-shadow: 0 0 5px #ebf2f6;
box-shadow: 0 0 5px #ebf2f6;*/
}

.error-notification-lr{
color:#006333;
font-family: overpass;
font-size:14px;
line-height:22px;
letter-spacing:0px;
background:#F0FFF4;
padding:20px 20px 20px 20px;
/*-moz-box-shadow: 0 0 5px #ebf2f6;
-webkit-box-shadow: 0 0 5px #ebf2f6;
box-shadow: 0 0 5px #ebf2f6;*/
}
.link-decoration:before
{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size:10px;
  color: #595959;
  margin-left: 6px !important;
  margin-right: 3px !important;
  text-decoration: none;  
}
.link-decoration a{
color:#0956FF;
text-decoration: none;
}
.link-decoration a:hover{
color:#0956FF;
text-decoration: none;
}
.link-decoration a:active{
color:#0956FF;
text-decoration: none;
}
}
@media (max-width: 768px){

.link-decoration{
text-decoration: none;  
font-size:12px;
color:#0956FF;
}
.link-decoration:hover{
text-decoration: none;  
font-size:12px;
color:#ffffff;
}
.link-decoration a{
color:#0956FF;
text-decoration: none;
}
.link-decoration a:hover{
color:#ffffff;
text-decoration: none;
}
.link-decoration a:active{
color:#ffffff;
text-decoration: none;
}
}
.adminmenupadding{
  padding-top:5.775rem !important;
}
.infoFont{
        font-size: 24px;
    width: 18px;
    height: 18px;
    background-color: black;
    border-radius: 14px;
    color: white;
    margin: 10px 10px 10px 10px;
    rotate: 180deg;
    position: relative;
}

.valid:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 0px;
    padding-right: 5px;
    content: "\f00c";
    line-height: 24px;
    color: #006333;
    text-align: left;
}
.ab{
    color:#000000;
    }
    
body {
  /*height: 100%; margin: 0;*/
  min-height: 100%;
    margin: 0;
    position: relative;
    overflow: auto;
    padding-bottom: 160px;
}

a {
    color: #007bff;
    text-decoration: none;
}
button:focus,
input:focus{
  outline: none;
  box-shadow: none;
}
a,
a:hover{
  text-decoration: none;
}
.form-area {
    background-color: #fff;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
    padding: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-area .form-inner {
    width: 100%;
}
.form-group{
    position: relative;
    margin-bottom: 15px;
}
.form-group.focused .pswd{
    opacity: 1;
    color: #505050;
    font-size: 12px;
    top:-15px !important;
    padding-left:10px;
}
.form-group.focused .old{
    opacity: 1;
    color: #505050;
    font-size: 12px;
    top:-5px !important;
    padding-left:10px;
}
.form-group.focused .new{
    opacity: 1;
    color: #505050;
    font-size: 12px;
    top:-15px !important;
    padding-left:10px;
}
.form-group.focused .confrm{
    opacity: 1;
    color: #505050;
    font-size: 12px;
    top:-15px !important;
    padding-left:10px;
}
.form-group.focused .floating-label {
    opacity: 1;
    color: #505050;
    font-size: 12px;
    top:-14px;
    padding-left:10px;
}
.floating-label {
-webkit-font-smoothing: antialiased;
    padding: 11px;
    font-size: 14px;
    font-weight: 600;
    margin: 0px !important;
    color: #505050;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: 240ms;
    z-index: 1;
    letter-spacing:0px;
}
.floating-diff .floating-label{
    opacity: 0;
}
.floating-diff.focused .floating-label{
    opacity: 1;
}


@media (min-width: 768px) {

.accordion-box {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.accordion-box h1 {
    background: #f7f7f7;
    padding: 12px 15px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: background 0.3s ease;
}
.accordion-box h1:hover {
    background: #eeeeee;
}
.accordion-box .glyphicon {
    float: right;
    transition: transform 0.3s ease;
}
.accordion-box [id^="a_"] {
    padding: 15px;
    background: #ffffff;
}
.accordion-box [id^="a_"]:empty {
    padding: 0;
    border: none;
}


}

@media (max-width: 767px) {
.btnN {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        background: #0956FF;
        font-weight: 400;
        border-radius: 4px;
        line-height: 24px;
        color: #ffffff;
        letter-spacing: 1px;
        font-family: overpass;
        font-size: 16px;
        outline: none;
        height: 52px;
        border: none;
        width: 305px;
        margin-top: -20px;
        margin-left: 0px;
    }
.btnR {
transition: none !important;
        background: #ffffff;
        font-weight: 400;
        border-radius: 4px;
        line-height: 24px;
        color: #0956FF;
        letter-spacing: 1px;
        font-family: overpass;
        font-size: 16px;
        outline: none;
        height: 52px;
        width: 305px;
        border: 1px solid #0956FF;
        margin-left: 0px;
    }
#login-footer {
position: fixed;
height: 40px;
}
.glyphicon-chevron-up:before {
    content: "\e113";
    color: #5f75a1; 
    font-size: 16px;
}
}

@media (min-width: 390px) and (max-width: 896px) {

.upload-box {
  display: block;
  border: 2px dashed #999;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease;
  background: #fafafa;
    height: 240px;
    width:100% !important;
}
.AttentionBanner{
height: 70px;
}
.NewBanner{
padding:4px 0px 12px 0px;
}





    .btnR {
        transition: none !important;
        background: #ffffff;
        font-weight: 400;
        border-radius: 4px;
        line-height: 24px;
        color: #0956FF;
        letter-spacing: 1px;
        font-family: overpass;
        font-size: 16px;
        outline: none;
        height: 52px;
        width: 100%;
        border: 1px solid #0956FF;
        margin-left: 0px;
    }
    .btnN {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        background: #0956FF;
        font-weight: 400;
        border-radius: 4px;
        line-height: 24px;
        color: #ffffff;
        letter-spacing: 1px;
        font-family: overpass;
        font-size: 16px;
        outline: none;
        height: 52px;
        border: none;
        width: 100%;
        margin-top: -20px;
        margin-left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
.upload-box {
    display: block;
    border: 2px dashed #999;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease;
    background: #fafafa;
    width: 100% !important;
    height: 240px;
}
   .logo-footer.hidden-xs {
    margin-top: -80px !important;
    margin-left: 550px !important;
    }
    .hidden-header-footer.top-arrow {
        display: none !important;
    }

}

.file-btn {
 display: inline-block;
    padding: 10px 18px;
    background: #007bff;
    color: #fff;
    border-radius: 999px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'overpass-bold';
    transition: background 0.3s ease;
    width: 173px;
    height: 48px;
    border: 2px solid #08498A;
    background: white;
    color: #08498A;
}
/*.upload-content{
    margin-top: 45px;
}*/
.file-btn:hover {
  background: #007bff;
    color: white;
}
.upload-container {
margin-right: 0px !important;
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
}

.upload-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center;
}



.upload-box:hover {
  border-color: #007bff;
  background: #f0f7ff;
}

.upload-content p {
  margin: 0;
  font-size: 16px;
  color: #333;
}

.upload-content span {
  display: block;
  margin: 10px 0;
  color: #777;
}

.choose-btn {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

.choose-btn:hover {
  background: #0056b3;
}
.file-input {
  display: none !important;
}
@media screen
  and (min-width: 1024px)
  and (max-width: 1366px)
  and (pointer: coarse) { 
   .style-4 input[type="text"] {
    height: auto;
    background: transparent;
    padding: 10px 10px 10px 10px;
    border: solid 1px #505050;
    border-radius: 4px;
    transition: border 0.3s;
    width: 100%;
    font-size: 14px;
    width: 355px;
    margin-left: 30px;
}
.style-4 input[type="password"] {
    height: auto;
    background: transparent;
    padding: 10px 10px 10px 10px;
    border: solid 1px #505050;
    border-radius: 4px;
    transition: border 0.3s;
    width: 100%;
    font-size: 14px;
    width: 355px;
    margin-left: 30px;
}
.floating-label {
    -webkit-font-smoothing: antialiased;
    padding: 11px;
    font-size: 14px;
    font-weight: 600;
    /* margin: 0px !important; */
    color: #505050;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: 240ms;
    z-index: 1;
    letter-spacing: 0px;
    margin-left: 30px !important;
}
.ab {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 25px !important;
    padding-bottom: 6px;
}
    .css-label {
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        padding-top: 15%;
        line-height: 35px;
    }
}