/*	RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* FONTS */ 
@font-face {
	font-family: 'San Francisco';
	src: url('fonts/SFUIDisplay-Regular.eot');
	src: url('fonts/SFUIDisplay-Regular.woff2') format('woff2'),
		url('fonts/SFUIDisplay-Regular.woff') format('woff'),
		url('fonts/SFUIDisplay-Regular.ttf') format('truetype'),
		url('fonts/SFUIDisplay-Regular.svg#SFUIDisplay-Regular') format('svg'),
		url('fonts/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'San Francisco';
	src: url('fonts/SFUIDisplay-Semibold.eot');
	src: url('fonts/SFUIDisplay-Semibold.woff2') format('woff2'),
		url('fonts/SFUIDisplay-Semibold.woff') format('woff'),
		url('fonts/SFUIDisplay-Semibold.ttf') format('truetype'),
		url('fonts/SFUIDisplay-Semibold.svg#SFUIDisplay-Semibold') format('svg'),
		url('fonts/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'sf_ui_displaythin';
    src: url('fonts/sfdisplay-thin-webfont.woff2') format('woff2'),
         url('fonts/sfdisplay-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* GOOGLE METERIAL https://material.io/icons/ & http://google.github.io/material-design-icons/ */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('https://fonts.gstatic.com/s/materialicons/v34/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2') format('woff2');
}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; /* Support for IE. */ font-feature-settings: 'liga'; vertical-align: middle; margin-top: -0.125em; font-size: 1.70em; line-height: 0.7rem; }
.small .material-icons, .big .material-icons { line-height: 1rem; left: 16px; }
.material-icons.left { position: absolute; left: 16px; top: 13px; }
.material-icons.right { position: absolute; right: 12px; top: 13px; }
.small .material-icons.left, .small .material-icons.right { top: 6px; }
.big .material-icons.left, .big .material-icons.right { top: 16px; }

/* GLOBAL */
body { font-family: 'San Francisco', Helvetica, Sans-serif; font-size: 15px;  }
::selection      { background: #002245; color: #ffffff; }
::-moz-selection { background: #002245; color: #ffffff; }
#page_content { background-color: #fff; padding-top: 60px; padding-bottom: 60px; }
#page_content.nopadding { padding: 0px; }

/* PREHEADER */
#preheader { background-color: #363636; padding-top: 5px; padding-bottom: 4px; font-size: 13px; color: #c4c4c4; overflow: hidden; }
#preheader a, #preheader a:link { text-decoration: none; color: #b7b7b7; }
#preheader a:hover { color: #f99d45; }
/* #preheader_dropdown_menu.hiddenresponsive { display: block; } */
#preheader #preheader_links a { margin-right: 35px; }
#preheader #preheader_links a#preheader_links_icon_menu { display: none; }
#preheader #preheader_langs { float: right; }
#preheader #preheader_langs span { margin-left: 2px; margin-right: 2px; }
#preheader #preheader_langs a.selected { color: #f99d45; }

/* HEADER */
#header { background: #002245; height: 82px; color: #fff; }
#header_logo { float: left;padding-top:21px; }
#header_logo img { /*width: 325px; height: 60px;*/ }
#header_login { text-align: right; font-size: 16px; }
#header_login a, #header_login a:link { display: inline-block; padding: 30px 28px 28px 28px; text-decoration: none; color: #fff; font-weight:700;}
#header_login a:hover { /*background:#ffffff;color:#002245;*/ }
#header_login .separator { display: inline-block; background-color: #0074E8; width: 1px; height: 82px; position: absolute; }
#header_client_logged { display: inline-block; }
#header_client_logged #header_client_icon { display: inline-block; padding: 20px 10px 18px 28px; font-size: 30px; line-height: 1em; position: relative; top: 5px; }
#header_client_logged #header_client_pseudo { display: inline-block; font-size: 15px; padding-right: 28px; position: relative; top: 7px; font-weight: bold; text-align: left; }
#header_client_logged #header_client_pseudo.header_client_pseudo_empty { top: -3px; }
#header_client_logged #header_client_logout { display: block; position: relative; font-weight: normal; font-size: 12px; padding: 0px; }
#header_login_optional_links {
	display:inline;
}

a.elems-header { position:relative; top:-20px;}









@media screen and (max-width:768px) {
	a.elems-header {
		top:0;
	}
}

/* FOOTER */
#footer { background: #002245; height: 75px; padding-bottom:30px; }
#footer #footer_logo { float: left; }
#footer #footer_logo img { height: 21px; width: 200px; margin-top: 17px; }
#footer #footer_links { float: right; font-size: 15px; color: #ebebeb; margin-top: 17px; }
#footer #footer_links a, #footer #footer_links a:link { text-decoration: none; color: #ebebeb; }
#footer #footer_links a:hover { text-decoration: underline }

/* FORMATTING */
h1 { font-weight: bold; font-size: 28px; margin-bottom: 1em; }
h2 { font-weight: bold; font-size: 20px; margin-bottom: 0.4em; }
h3 { font-weight: normal; font-size: 20px; margin-bottom: 0.4em; color: #002245; }
h4 { font-weight: bold; font-size: 16px; margin-bottom: 0.4em; }
p { margin-bottom: 1em; }
a, a:link, a:visited { color: inherit; text-decoration: none; }
a:hover, a:link:hover, a:visited:hover { text-decoration: underline; }
a.link, a.link:link, a.link:visited { color: #002245; text-decoration: none; }
a.link:hover, a.link:link:hover, a.link:visited:hover { text-decoration: underline; }
a.link.underline, a.link.underline:link, a.link.underline:visited { color: #002245; text-decoration: underline; }
a.link.underline:hover, a.link.underline:link:hover, a.link.underline:visited:hover { text-decoration: none; }
.light { font-family: 'sf_ui_displaythin', Arial, Helvetica, Sans-serif; letter-spacing: 0.01em; font-size:14px; }
.strong { font-weight: bold; }
.nostrong { font-weight: normal; }
.small { font-size: 0.8em; }
.big { font-size: 1.2em; }
.ultrabig { font-size: 1.6em; }
.i { font-style: italic; }
.white, a.white { color: #fff; }
.black, a.black { color: #000; }
.green, a.green { color: #002245; }
.lightgrey, a.lightgrey { color: #555555; }
.grey, a.grey { color: #737373; }
.red, a.red { color: #a00d0e; }
.orange, a.orange { color: #ed7a21; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.floatleft { display: inline; float: left; }
.floatright { display: inline; float: right; }
.clear { clear: both; }
.hover { cursor: pointer; }
.success, .error, #phone_error, .info { text-align: center; padding: 20px 20px 20px 20px; margin: 20px 0px 20px 0px; font-weight: bold; font-size: 16px; color: #333; background-position: center 20px; background-repeat: no-repeat; background-size: 35px 35px; }
.success {  background-color: #d6edd3; }
.error, #phone_error {  background-color: #f8eaea; }
.info { background-image: url('/images/ui/alert-icon-info.png'); background-color: #f7ede3; }
.info.neutral { background-image: url('/images/ui/alert-icon-neutral.png'); background-color: #f7f7f7; }
.success .details, .error .details, .info .details { margin-top: 10px; font-weight: normal; font-size: 13px; }
.success.small, .error.small, .info.small { padding: 8px; background-image: none; font-size: 13px; margin: 8px 0px 8px 0px; }
.success .alert_close, .error .alert_close, .info .alert_close { position: absolute; top: 7px; right: 7px; text-align: right; font-size: 11px; background: #fff; border-radius: 10px; padding: 3px 8px 2px 8px; text-transform: uppercase; color: #737373; cursor: pointer; }
.success .alert_close:hover, .error .alert_close:hover, .info .alert_close:hover { background: #737373; color: #fff; }
.margintop-30 { display: block; margin-top: -30px; }
.margintop-20 { display: block; margin-top: -20px; }
.margintop-15 { display: block; margin-top: -15px; }
.margintop-10 { display: block; margin-top: -10px; }
.margintop-5 { display: block; margin-top: -5px; }
.margintop0 { display: block; margin-top: 0px; }
.margintop5 { display: block; margin-top: 5px; }
.margintop10 { display: block; margin-top: 10px; }
.margintop15 { display: block; margin-top: 15px; }
.margintop20 { display: block; margin-top: 20px; }
.margintop25 { display: block; margin-top: 25px; }
.margintop30 { display: block; margin-top: 30px; }
.margintop35 { display: block; margin-top: 35px; }
.margintop40 { display: block; margin-top: 40px; }
.margintop50 { display: block; margin-top: 50px; }
.margintop60 { display: block; margin-top: 60px; }
.marginbot0 { display: block; margin-bottom: 0px; }
.marginbot5 { display: block; margin-bottom: 5px; }
.marginbot10 { display: block; margin-bottom: 10px; }
.marginbot15 { display: block; margin-bottom: 15px; }
.marginbot20 { display: block; margin-bottom: 20px; }
.marginbot25 { display: block; margin-bottom: 25px; }
.marginbot30 { display: block; margin-bottom: 30px; }
.marginbot35 { display: block; margin-bottom: 35px; }
.marginbot40 { display: block; margin-bottom: 40px; }
.marginbot50 { display: block; margin-bottom: 50px; }
.marginbot60 { display: block; margin-bottom: 60px; }
.marginbot200 { display: block; margin-bottom: 200px; }
.marginleft10 { display: block; margin-left: 10px; }
.marginleft20 { display: block; margin-left: 20px; }
.marginleft30 { display: block; margin-left: 30px; }
.marginleft40 { display: block; margin-left: 40px; }
.marginleft50 { display: block; margin-left: 50px; }
.marginright10 { display: block; margin-right: 10px; }
.marginright20 { display: block; margin-right: 20px; }
.marginright30 { display: block; margin-right: 30px; }
.marginright40 { display: block; margin-right: 40px; }
.marginright50 { display: block; margin-right: 50px; }


/* .col-padding { padding-left: 15px; padding-right: 15px; } */
.block { /* border-radius: 10px; */ background-color: #fff; padding: 35px; border: 1px solid #bebfb8; }
.block.noborder { border: 0px; }
.block.nopadding { padding: 0px; }
.block.reducedpadding { padding: 14px 16px 14px 16px; }
.block .block_padding { padding: 35px; }
.block .block_padding.block_bggrey { background-color: #f7f7f7; }
.bggreen { background-color: #002245; color: #fff; }

/* FORMS & BUTTONS */
.button { display: inline-block; font-size: 13px; background-color: #fff; font-weight: bold; text-align: center; border: 2px solid #000; color: #000; border-radius: 6px; padding: 4px 14px 3px 14px; vertical-align: middle; cursor: pointer; white-space: nowrap; }
a.button, a.button:link { color: inherit; text-decoration: none; }
.button.big, a.button.big { font-size: 16px; padding: 7px 14px 7px 14px; }
.button.small, a.button.small { font-size: 11px; padding: 2px 8px 1px 8px; }
.button.fullwidth { display: block; width: 100%; }
.button:hover { background-color: rgba(0, 0, 0, 0.05); }
.button.transparent, a.button.transparent { border: 2px solid #fff; color: #fff; background-color: transparent; }
.button.transparent:hover { background-color: rgba(255, 255, 255, 0.05); }
.button.white, a.button.white { border: 2px solid #fff; color: #fff; }
.button.white:hover { background-color: rgba(255, 255, 255, 0.05); }
.button.grey, a.button.green { border: 2px solid #737373; color: #737373; }
.button.grey:hover { background-color: rgba(115, 115, 115, 0.05); }
.button.orange, a.button.orange { border: 2px solid #ed7a21; color: #ed7a21; }
.button.orange:hover { background-color: rgba(238, 122, 33, 0.05); }
.button.green, a.button.green { border: 2px solid #002245; color: #002245; }
.button.green:hover { background-color: rgba(53, 123, 43, 0.05); }
.button.red, a.button.red { border: 2px solid #a00d0e; color: #a00d0e; }
.button.red:hover { background-color: rgba(161, 13, 13, 0.05); }
.button.bgwhite, a.button.bgwhite, .button.bgwhite.noclick:hover { border: 2px solid #fff; background-color: #fff; color: #000; }
.button.bgblack, a.button.bgblack { border: 2px solid #000; background-color: #000; color: #fff; }
.button.bgorange, a.button.bgorange { border: 2px solid #ed7a21; background-color: #ed7a21; color: #fff; }
.button.bggreen, a.button.bggreen { border: 2px solid #002245; background-color: #002245; color: #fff; }
.button.bgred, a.button.bgred { border: 2px solid #a00d0e; background-color: #a00d0e; color: #fff; }
.button.bgwhite:hover, .button.bgblack:hover, .button.bgorange:hover, .button.bggreen:hover, .button.bgred:hover { opacity: 0.85; }
.button.inline { display: inline; }
.button.noclick:hover { background-color: #fff; cursor: default; opacity: 1; }
.button.bgwhite.noclick:hover { background-color: #fff; }
.button.bgblack.noclick:hover { background-color: #000; }
.button.bgorange.noclick:hover { background-color: #ed7a21; }
.button.bggreen.noclick:hover { background-color: #002245; }
.button.bgred.noclick:hover { background-color: #a00d0e; }
.bg-light-green{ background: #f0f7f2; }
/*
.button.icon { padding-left: 30px; background-image: url('/images/tmp/icon-add.png'); background-repeat: no-repeat; background-size: 16px 16px; background-position: 8px 6px; }
.button.big.icon { padding-left: 48px; background-size: 27px 27px; background-position: 12px 10px; }
.button.icon.add { background-image: url('/images/tmp/icon-add.png'); }
*/
.button.icon { background: red; }
.button .material-icons { padding-right: 5px; }

/* BOOTSTRAP TRICKING */
.form-group { margin-bottom: 0px; }
.btn.btn-default.minwidth { padding-left: 0px; padding-right: 0px; }
.input.inline { display: inline; width: auto; }
.input-group-addon.bgtransparent { background-color: transparent; border: 0px; padding: 6px 0px 6px 6px; cursor: help; }
.badge { background-color: #002245; }

/*
.input.big { background: red; }
.input.small { background: red; }
.input.fullwidth { background: red; }
*/
/*
.input { background: #fff; color: #000; padding: 8px 8px 7px 8px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 6px; font-family: 'San Francisco'; font-size: 16px; -webkit-appearance: none; -webkit-font-smoothing: antialiased; }
.input::-webkit-input-placeholder { color: #aaa; opacity: 1; }
.input:-moz-placeholder { color: #aaa; opacity: 1; }
.input::-moz-placeholder { color: #aaa; opacity: 1; }
.input:-ms-input-placeholder { color: #aaa; opacity: 1; }
.input:focus { border-color: #bbb; }
.input.fullwidth { display: block; width: 100%; }
*/
.input { font-size: 13px; padding: 5px 12px 4px 12px;  height: auto; vertical-align: middle; }
.input.big { font-size: 16px; padding: 6px 14px;width:100%; }
.input.halfbig { font-size: 16px; padding: 8px 14px;width:50%; }
.input.small { font-size: 12px; padding: 2px 8px 1px 8px; }
.select { display: inline-block; width: 220px; padding: 4px 14px 3px 14px; font-family: 'San Francisco'; font-size: 13px; height: 29px; line-height: 1.5; color: #000; vertical-align: middle; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDM5MTUyRjkxM0RCMTFFNkFBNDdBMEVDMUQ5QzgwMEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDM5MTUyRkExM0RCMTFFNkFBNDdBMEVDMUQ5QzgwMEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzkxNTJGNzEzREIxMUU2QUE0N0EwRUMxRDlDODAwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMzkxNTJGODEzREIxMUU2QUE0N0EwRUMxRDlDODAwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkspHkIAAACESURBVHjazJLtCoAgDEVt+L4+Qt4nL4oEXfvQ9aeBqOA5yO62Ukoyan92aA+yA9fuLkpoEq7db1wBh00JTcKqhBZgUUKL8EuSA3AvuQWwcvaK0sf6h+BqxhFctQkiTUQTpIAELUZiuWIFlproScCHjpQJwwxsxcgl0MY9e7MunIc6BRgAvgcsciqwB3cAAAAASUVORK5CYII=') no-repeat right 12px center; background-color: #fff; background-clip: padding-box; background-size: 8px 10px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none \9; font-family: 'San Francisco'; cursor: pointer; }
.select:hover { background-color: #fcfcfc; }
.select:focus { outline: 0; border-color: #ababab; }
.select:disabled { color: #e0e0e0; background-color: #f7f7f7; cursor: not-allowed; }
.select.grey { color: #868686; border-color: #e6e6e6; background-color: #e6e6e6; }
.select.grey:hover { border-color: #eeeeee; background-color: #eeeeee; }
.select.fullwidth { width: 100%; }
.select.big { font-size: 16px; padding: 7px 14px 7px 14px; height: auto; }
.select.small { font-size: 12px; padding: 1px 8px 1px 8px; height: auto; }

/* TABLES */
.table-responsive { border: none; }
.table { width: 100%; border: 1px solid #dddddd; }
.table.noborder tr td { border: 0px; }
.table thead { font-size: 11px; border-top: 0; color: #737373; }
.table thead td { }
.table thead td.sorting { padding-top: 18px; padding-bottom: 18px; vertical-align: middle; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { line-height: 3em; }
.table td { padding: 4px 0px; vertical-align: middle !important; }
.table td.minwidth { width: 1%; white-space: nowrap; }
.table.morepadding tr td { padding: 10px; }
.table.lesspadding tr td { padding: 4px; }
.table.valign tr td { vertical-align: middle; }
.table.valigntop tr td { vertical-align: top; }
.table_hover:hover { background: #f4f4f4; }
.table tr.nopadding, .table tr.nopadding td { padding: 0px 8px; }
.table_actions_over_selected_items { display: none; background: #002245; padding: 19px 10px 17px 25px; color: #fff; font-weight: normal; font-size: 0.9em; position: absolute; margin-top: -50px; z-index: 30; width: 100%; }
table tr td.showonhoveronly a { opacity: 0; }
table tr:hover td.showonhoveronly a { opacity: 1; }
table.dataTable thead tr td { border-bottom: 1px solid #dddddd; white-space: nowrap; }
table.dataTable tbody td { /*border: none;*/ }
table tr.findasolution:hover { background-color: #a00d0e !important; color: #fff; }
table tr.findasolution:hover .button.bgred { background-color: #fff !important; color: #a00d0e; }
table tr.bordertop td { border-top:1px solid #d5d5d5 !important; }
table tr.borderbot td { border-bottom:1px solid #555555 !important; }
table.hoverlines tbody tr:hover { background-color:#f3f8f3 !important; }


/* JS/ICHECK */
.icheckbox_square, .iradio_square { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url('/js/icheck/check.png') no-repeat; border: none; cursor: pointer; top: -2px; margin-right: 4px; }
.icheckbox_square { background-position: 0 0; }
.icheckbox_square.hover { background-position: -18px 0; }
.icheckbox_square.checked { background-position: -36px 0; }
.icheckbox_square.checked.hover { opacity: 0.8; }
.icheckbox_square.disabled { background-position: -54px 0; cursor: default; }
.icheckbox_square.checked.disabled { background-position: -72px 0; }
.iradio_square { background-position: -90px 0; }
.iradio_square.hover { background-position: -108px 0; }
.iradio_square.checked { background-position: -126px 0; }
.iradio_square.disabled { background-position: -144px 0; cursor: default; }
.iradio_square.checked.disabled { background-position: -162px 0; }
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_square, .iradio_square { background-image: url('/js/icheck/check@x2.png'); -webkit-background-size: 178px 16px; background-size: 178px 16px; }
}


/* LIVE CHAT */
#livechat-eye-catcher-img img { width: 100px; height: 69px; position: absolute; right: 0px; bottom: 0px; }

/* JS/JQUERY UI V1.10.3 - NOTHEME */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}
.ui-effects-transfer { border: 2px dashed #515151; border-radius: 2px; }


.sticky {
	position:fixed;
	top:0;
	width:100%;
	z-index:10;
}


.notification {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.iti-flag {background-image: url("/asset/images/flags.png");}

.intl-tel-input {
	width:100%;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("/asset/images/flags@2x.png");}
}

.d-flex {
	display:flex;
}

.flex-column {
	flex-direction:column;
}

#lightcase-content {
	font-family: "San Francisco";
}

#demoaccount > p > a {
	color:white;
	text-decoration: underline;
	cursor:pointer;

}
#demoaccount > p > a:hover {
	color:white;
}

.multiple-role .btn-group{width:100%;}
.multiple-role .multiselect.dropdown-toggle{width:100%;}


