@font-face {
    font-family: 'Rubik';
    src: url('../../fonts/Rubik-Regular.woff2') format('woff2'),
    url('../../fonts/Rubik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../../fonts/Rubik-Light.woff2') format('woff2'),
    url('../../fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

*   {margin:0; padding:0}

/* defaults */
html    {height:100%}
@media screen {
    body    {background:url(/images/ux/decor/body-tile.gif) top; height:100%;}
}
@media print {
	body    {background-color:#fff; height:100%;}
}

body, select, input, button, table {font:12px arial, helvetica, sans-serif; vertical-align:middle;}
a   {color:#12579F}
a img   {border:0}
li  {list-style:none}

h1  {color:#ffffff; font-size:20px; background:#d55800}
h2  {color:#1A2026; font-size:18px}
h3  {color:#12579F; font-size:18px; margin:0 0 10px}
h3.mar-5    {margin:0 0 5px}
h4  {color:#12579F; font-size:16px}
h1, h2, h3, h4  {font-weight:normal}

.float-l    {float:left}
.float-r    {float:right}
.float-n    {float:none}
.float-c    {clear:both; font-size:0; line-height:0; height:0}

.text-common-1 {color:#12579F; font-weight:bold}
.text-common-2  {color:#000; font-weight:bold}
.text-common-3  {color:#007236; font-weight:bold}
.text-negative-1    {color:#f00; font-weight:bold}
.text-negative-2    {color:#a42b2b; font-weight:normal}
.text-negative-3    {color:#f00; font-size:11px}
.text-secondary-1   {color:#424242; font-size:11px}
.text-u {text-decoration:underline}

.sep-h  {font-size:0; line-height:0; height:0; border-top:1px solid #e9e9e9; margin:15px 0; background:#fff}

.invis  {visibility:hidden}
.hide   {display:none}

a.goto  {background:url(/images/ux/icons/goto.gif) left no-repeat; padding:0 0 0 12px}
a.up    {background:url(/images/ux/icons/up.gif) left no-repeat; padding:0 0 0 13px}
a.add   {background:url(/images/ux/icons/add.gif) 1px 50% no-repeat; padding:0 0 0 15px}
a.add-full  {background:url(/images/ux/icons/add-full.gif) 1px 50% no-repeat; padding:1px 0 0 20px;position:absolute;}
a.mail  {background:url(/images/ux/icons/mail.gif) left no-repeat; padding:0 0 0 15px}
a.calendar  {background:url(/images/ux/icons/calendar.gif) center no-repeat; width:14px; height:16px; display:inline-block}
a.save  {background:url(/images/ux/icons/save.gif) left no-repeat; padding:0 0 0 15px}

a.view, a.edit, a.delete    {display:block; width:16px; height:16px; cursor:pointer}
a.view  {background:url(/images/ux/icons/view.png) 0 -2px}
a.edit, em.edit {background:url(/images/ux/icons/edit.png) left no-repeat}
a.delete    {background:url(/images/ux/icons/delete.png)}

em.dates, em.rooms, em.mail, em.alerts, em.website  {display:block; width:16px; height:16px; font-size:0}
em.dates    {background:url(/images/ux/icons/dates.png)}
em.rooms    {background:url(/images/ux/icons/rooms.png)}
em.mail {background:url(/images/ux/icons/mail.png)}
em.mail_img {background:url(/images/ux/icons/mail.png)}
em.key {background:url(/images/ux/icons/key.png) no-repeat scroll center center;}
em.alerts   {background:url(/images/ux/icons/bell.png)}
em.website  {background:url(/images/ux/icons/website.png)}
em.roomlist {background:url(/images/ux/icons/roomlist.png)}
em.switcher {background:url(/images/ux/icons/switcher.gif) no-repeat; display:block; width:39px; height:14px}

em.ico-help {display:inline-block; background:url(/images/ux/icons/help.gif) no-repeat; width:16px; height:16px; margin:0 3px; cursor:help}

select.sized    {width:100%; border:1px solid #c6c6c6}
select.sized option {padding:3px 5px}

#pendo-base button {background: none;}

button  {border:0; cursor:pointer; padding:0 15px 0 0; padding /*\**/: 0 17px 0 0\9; background:url(/images/ux/decor/button-blue.gif) 100% -31px no-repeat; color:#fff; font-weight:bold; position:relative; overflow:visible; height:31px}
button::-moz-focus-inner    {border:none}
button span {display:block; padding:0 0 0 17px; height:31px; line-height:31px; background:url(/images/ux/decor/button-blue.gif) 0 0 no-repeat; position:relative; white-space:nowrap; min-width:50px} * html button span {height:30px; line-height:30px}
button span.gifSpan{background:url(/images/ux/decor/button-blue.gif) 0 0 no-repeat;}
button:hover    {background-position:100% -93px}
button:hover span   {background-position:0 -62px}
button:active   {background-position:100% -155px; background-position /*\**/: 100% -154px\9}
button:active span  {background-position:0 -124px}
@media screen and (-webkit-min-device-pixel-ratio:0) {button span {margin-top:-1px; margin-right:-1px}}

* html button, * html button span {background-image:url(/images/ux/decor/button-orange.gif)}
* html button.blue, * html button.blue span {background-image:url(/images/ux/decor/button-blue.gif)}
* html button.disabled, * html button.disabled span {background-image:url(/images/ux/decor/button-disabled.gif)}

button.blue {background-image:url(/images/ux/decor/button-blue.gif)}
button.blue span    {background-image:url(/images/ux/decor/button-blue.gif)}

button.black    {background-image:url(/images/ux/decor/button-black.gif)}
button.black span   {background-image:url(/images/ux/decor/button-black.gif)}

button.green    {background:url(/images/ux/decor/button-green.gif) 100% -44px no-repeat; font-size:18px; height:44px}
button.green span   {background:url(/images/ux/decor/button-green.gif) 0 0 no-repeat; height:44px; line-height:44px} * html button.green span {height:43px; line-height:43px}
button.green:hover  {background-position:100% -132px}
button.green:hover span {background-position:0 -88px}
button.green:active {background-position:100% -220px}
button.green:active span    {background-position:0 -176px}

button.lightBlue {
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #006AE1;
    font-weight: normal;
}
button.lightBlue span {
    background: none;
}
button.lightBlue:hover, button.lightBlue span:hover {
    color: rgb(255,255,255);
    background-color: #0050AB;
}
#leftbar button.lightBlue {
    margin:0 0 10px;
    width:100%;
}

button.sm    {background:url(/images/ux/decor/button-sm.png) 100% -25px no-repeat; height:25px; padding-right:11px}
button.sm span   {background:url(/images/ux/decor/button-sm.png) 0 0 no-repeat; height:25px; line-height:25px; padding-left:13px; min-width:35px}
button.sm:hover  {background-position:100% -75px}
button.sm:hover span {background-position:0 -50px}
button.sm:active {background-position:100% -125px}
button.sm:active span    {background-position:0 -100px}
* html button.sm, * html button.sm span {background-image:url(/images/ux/decor/button-sm.gif)}

button em   {background:url(/images/ux/icons/next.gif) center no-repeat; width:16px; height:16px; display:inline-block; position:relative;  top:3px; margin:0 0 0 4px; padding:0} * html button em  {position:static; margin:7px 0 0 4px;}*:first-child+html button em {position:static}
button .list    {background-image:url(/images/ux/icons/list.gif)}
button .add {background-image:url(/images/ux/icons/add.png)}
button .mail_img {background-image:url(/images/ux/icons/mail.png)}
button .save    {background-image:url(/images/ux/icons/disk.png)}
button .mail_img {background-image:url(/images/ux/icons/mail.png)}
button em.print {background-image:url(/images/ux/icons/print1.gif);}

button.black em {background:url(/images/ux/icons/prev.png); margin-left:0; margin-right:4px}

button.disabled {background:url(/images/ux/decor/button-disabled.png) 100% -31px no-repeat}
button.disabled span    {background:url(/images/ux/decor/button-disabled.png) 0 0 no-repeat}

.input-t, .input-r, .input-b, .input-l, .input-c1, .input-c2, .input-c3 {line-height:normal !important; padding:0 !important}
.input-t    {background:#fff url(/images/ux/decor/input-t.gif) top repeat-x !important}
.input-r    {background:url(/images/ux/decor/input-r.gif) right repeat-y}
.input-b    {background:url(/images/ux/decor/input-b.gif) bottom repeat-x}
.input-l    {background:url(/images/ux/decor/input-l.gif) left repeat-y}
.input-c1   {background:url(/images/ux/decor/input-c1.gif) top left no-repeat}
.input-c2   {background:url(/images/ux/decor/input-c2.gif) top right no-repeat}
.input-c3   {background:url(/images/ux/decor/input-c3.gif) bottom right no-repeat}
.input-c4   {background:url(/images/ux/decor/input-c4.gif) bottom left no-repeat; padding:0 4px}
.input-t input  {background:none; border:0; padding:2px 0 2px; width:100%; cursor:text; background /*\**/:#fff url(/images/ux/decor/input-t.gif) top repeat-x\9; border-bottom /*\**/: 1px solid #cecece\9;}


/* layout */
#header {height:30px; line-height:30px; font-size:11px; color:#12579f; border-top:1px solid #d4d0c8; border-bottom:1px solid #ebebeb; background:#fff}
#header .header-content {width:970px; margin:0 auto}
#header a, #header span {margin:0 10px 0 0; float:left}
#header a   {color:#12579f}
#header span    {cursor:default}
#header .poweredby  {background: no-repeat; width:224px; height:25px; float:left; margin:1px 0 0}

#menu   {background:url(/images/ux/decor/menu-bg.gif) repeat-x; height:53px; border-top:1px solid #fff}
#menu .menu-content {width:960px; margin:0 auto}
#menu .menu_content_width {width:1105px; margin:0 auto;padding-left: 150px;}/*1130*/

#menu .tab  {padding:10px 8px 0; float:left; text-shadow:1px 1px 1px #333}
#menu .tab li   {float:left; position:relative; z-index: 20;}
#menu .tab a    {float:left; font-size:14px; color:#fff; display:block; padding:0 24px; height:37px; line-height:37px; text-decoration:none}
#menu .tab .selected, #menu .tab li.hover   {background:url(/images/ux/decor/menu-selected.gif) left top no-repeat}
#menu .tab .selected a, #menu .tab li.hover a   {background:url(/images/ux/decor/menu-selected.gif) right bottom no-repeat}
#menu .tab span {background:left no-repeat; display:block; float:left; width:16px; height:16px; margin:10px 5px 0 0; cursor:pointer}
#menu .tab .home    {background-image:url(/images/ux/icons/home.png)}
#menu .tab a.manage {width: 94px; text-align: center;}
#menu .tab a.manage .manage {background-image:url(/images/ux/icons/settings.png)}
#menu .tab .reports {background-image:url(/images/ux/icons/reports.png); margin-top:11px}
#menu .tab .reservations    {background-image:url(/images/ux/icons/reservations.png); width:18px; height:18px}
#menu .tab .briefcase {background-image:url(/images/ux/icons/briefcase.png)}
* html #menu .tab .briefcase {margin-right:2px}

em.briefcase    {background:url(/images/ux/icons/briefcase.png) center no-repeat; display:block; width:16px; height:16px}
em.briefcase-exc    {background:url(/images/ux/icons/briefcase-exclamation.png) center no-repeat; display:block; width:16px; height:16px}

#menu .tab ul   {position:absolute; z-index: 100; display:none; top:36px; left:0; background:#86a211; padding:10px 12px; border:1px solid #c0d956; border-top:0; margin:0 0 0 3px; width:110px} * html #menu .tab ul {width:120px}

#menu .tab ul.manage {width: 110px;}
#menu .tab ul.reservation {width: 110px;}

#menu .tab ul li    {float:none; background:none !important; white-space:nowrap}
#menu .tab ul li a  {font-size:12px; text-shadow:none; background:url(/images/ux/icons/goto.gif) left no-repeat !important; padding:3px 0 3px 15px; float:none; height:15px; line-height:normal}
#menu .tab ul li a.add  {background-image:url(/images/ux/icons/add.gif) !important}
#menu .tab li:hover ul  {display:block}
#menu .tab ul a:hover   {text-decoration:underline}

#menu .tab li.separator {font-size:15px; color: #ffffff; line-height:35px;}

#menu .tab li.separator {font-size:15px; color: #ffffff; line-height:35px;}
#menu .tab a.menu-tab {text-align: center;width:94px;white-space:nowrap;}
#menu .tab ul.menu-tab {width:110px;}
#menu .tab .selected-page {color: #a5c22c; font-weight: bold;}
#menu .tab li.hover a.selected-page {color: #ffffff; font-weight: bold;}
#menu .calendar {float:right; background:url(/images/ux/decor/calendar-bg.gif) top repeat-x; height: 47px; width:335px}

#main   {width:940px; padding:10px; margin:0 auto; background:#fff}

#leftbar    {width:235px; float:left; margin:0 10px 0 0}
#rightbar   {width:242px; float:left; margin:0 0 0 3px}
#content    {width:695px; float:left; margin:0}
#wrapper    {background:url(/images/ux/decor/body-bg.gif) top repeat-x; height:100%}

/* hack for ie browser (assuming that ie is a browser) */
.panel  {zoom:1}

.panel  {box-sizing: border-box; border:1px solid #ccc; margin:0 0 10px; background:#f7f7f7}
.panel .title   {border:1px solid #fff; background:url(/images/ux/decor/title.gif) repeat-x; height:27px; line-height:26px; padding:0 8px; color:#fff; font-size:14px; text-shadow:1px 1px 1px #333}
.panel .title.f-18  {font-size:18px}
.panel .title a {color:#fff; margin-top: 3px}
.panel .title em    {font-size:13px; font-style:normal}
.panel .title .search   {font-size:11px; float:right; text-shadow:none; background:url(/images/ux/decor/search.gif) left no-repeat}
.panel .title .search input {float:left; border:0; width:191px; height:18px; margin:6px 0 0 3px; background:none}

.panel .title .search a {float:left}
.panel .title .search a.recently-viewed-btn {margin: 0 5px 0 5px;}
.panel .title .search a.adv-search-btn {background:url(/images/ux/icons/arr-dwn.gif) 0 0 no-repeat; display: inline-block; width: 18px; height: 21px; }
.panel .title .search a.adv-search-btn.open {background: url(/images/ux/icons/arr-up.gif) 0 0 no-repeat}

.panel .title .float-r  {font-size:12px; text-shadow:none}
.panel .title .float-r .dropdown-3  {margin-top:2px}
.panel .title .float-r .dropdown-3 a.toggle {color:#fff}
.panel .title .float-r .dropdown-3 a.toggle span    {background-image:url(/images/ux/icons/dropdown-3-w.gif)}
.panel .title .float-r .dropdown-3.opened a.toggle span {background-image:url(/images/ux/decor/paging-dropdown.gif)}
.panel .title .float-r .dropdown-3.opened a {color:#12579F}

.panel .title #recently_viewed_btn {display: inline-block; }
.panel .title #recently_viewed_btn span {background-image:url(/images/ux/icons/dropdown-3-w.gif) top right no-repeat; padding-right: 10px}


* html .panel .title .float-r .dropdown-3 ul    {right:-1px}
.panel .panel-content   {padding:8px 10px}

.panel-carrot   {background:#fff0e5; border:1px solid #ffd3b4}
.panel-carrot .panel-content    {border:1px solid #fff; padding:7px 10px}

.p-5px {
    padding: 5px 0 5px 0;
}

/* sections */
#leftbar button.green   {margin:0 0 10px; width:100%}
#leftbar p  {margin:0 0 5px}
#leftbar label, #rightbar label {margin:0 10px 0 0}

/* bundles */
dl.bundle-details   {border:1px solid #ebebeb; border-top:0}
dl.bundle-details dt    {background:url(/images/ux/decor/title.gif) center repeat-x; color:#fff; text-shadow:1px 1px 0 #03224a; border-top:1px solid #ebebeb; border-bottom:none; cursor:pointer}
dl.bundle-details dt div    {background:url(/images/ux/icons/arrow-right-shadow.gif) 195px 50% no-repeat; border:1px solid #fff; padding:0 7px; height:22px; line-height:22px}
dl.bundle-details dt.opened div {background:url(/images/ux/icons/arrow-down-shadow.gif) 193px 50% no-repeat}
dl.bundle-details dd    {border:1px solid #fff; border-top:0; background:#f9f9f9; padding:10px 7px; display:none}
dl.bundle-details dd a  {padding-left:18px; background-position:5px 50%}
dl.bundle-details dd a.png  {padding:0}
dl.bundle-details dd p  {margin:0 0 7px}
dl.bundle-details dd div    {padding:0 0 10px 18px; position:relative; line-height:16px; background:url(/images/ux/icons/greenBullet.gif) 5px 4px no-repeat}

/* popups */
.popup  {position:absolute; z-index:1000; display:none}
.popup .title   {background:url(/images/ux/decor/title-popup.gif) bottom repeat-x; height:34px; line-height:34px; color:#fff; font-size:18px; font-weight:bold; text-shadow:1px 1px 1px #333; padding:0 10px; position:relative}
.popup .title .close, .popup .title .clsettings   {position:absolute; top:50%; width:16px; height:16px; margin:-8px 0 0; font-size:0; cursor:pointer}
.popup .title .close {right:10px; background:url(/images/ux/icons/close.png) no-repeat; opacity: 1; }
.popup .title .clsettings {right:30px; background:url(/images/ux/decor/settings.gif) no-repeat; }
.popup .title .warning  {background:url(/images/ux/icons/warning.gif); width:30px; height:28px; float:left; margin:3px 7px 0 0}
.popup .buttons {border-top:1px solid #c4c4c4; padding:8px 0; margin:0 10px; text-align:center}
* html .popup .buttons a    {position:relative;}
.div-padding-15 {padding:15px}

.popup-frame    {position:absolute; height:100%; width:100%; border:0; z-index:900}
.dropdown-3 {float:left; position:relative; line-height:normal; margin-left:5px}
.dropdown-3 a.toggle    {padding:3px 5px; float:left; color:#12579F; margin:1px 1px 0; background:none !important; font-size:inherit !important}
.dropdown-3 a.toggle span   {background:url(/images/ux/decor/paging-dropdown.gif) right no-repeat; padding:0 10px 0 0; display:block; cursor:pointer}
.dropdown-3 ul  {position:absolute; background:#f9f9f9; border:1px solid #c2c2c2; top:21px; left:0; display:none; z-index:-1}
.dropdown-3 ul li   {display:inline}
.dropdown-3 ul a    {background:url(/images/ux/icons/goto.gif) 6px 50% no-repeat; padding:3px 10px 4px 18px; display:block;white-space:nowrap; text-decoration:none}
.dropdown-3 ul a:hover  {text-decoration:underline; background-color:#c6e3fe}
.dropdown-3.opened  {z-index:10}
#hotelsDD.dropdown-3.opened {height: 210px; overflow-y: auto; overflow-x: hidden; z-index:10;}
#roomTypesDD.dropdown-3.opened {height: 210px; overflow-y: auto; overflow-x: hidden; z-index:10;}
.dropdown-3.opened a.toggle {background:#f9f9f9 !important; border:1px solid #c2c2c2; border-bottom:0; margin:0}
.dropdown-3.opened ul   {display:block}

.table-default  {width:100%; border-collapse:collapse}
.table-default td   {padding:5px}

/* background for popups */
#graying {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    background-image: url(/images/ux/graying.png);
    background-repeat: repeat;
}
* html #graying {background:#000; filter:alpha(opacity = 50); position:absolute; height:expression(eval(document.body.clientHeight))}
#graying iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
filter: mask();
}

/*
#splash_screen table.grid {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    height: 100%;
}

 #splash_screen table.grid tr.b-row {height: 7px}

#splash_screen table.grid .border-tl {height: 7px; width: 7px; background: url(/images/ux/decor/splash_tl.png) no-repeat 0px 0px;}
#splash_screen table.grid  .border-tm {height: 7px; width: auto; background: url(/images/ux/decor/splash_t.png) repeat-x 0px 0px; }
#splash_screen table.grid  .border-tr {height: 7px; width: 7px; background: url(/images/ux/decor/splash_tr.png) no-repeat 0px 0px; }

#splash_screen table.grid  .border-l {width: 7px; height: auto; background: url(/images/ux/decor/splash_l.png) repeat-y 0px 0px; }
#splash_screen table.grid  .border-r {width: 7px; height: auto; background: url(/images/ux/decor/splash_r.png) repeat-y 0px 0px; }

#splash_screen table.grid  .border-bl {height: 7px; width: 7px; background: url(/images/ux/decor/splash_bl.png) no-repeat 0px 0px; }
#splash_screen table.grid  .border-bm {height: 7px; width: auto; background: url(/images/ux/decor/splash_b.png) repeat-x 0px 0px; }
#splash_screen table.grid  .border-br {height: 7px; width: 7px; background: url(/images/ux/decor/splash_br.png) no-repeat 0px 0px; }

#splash_screen table.grid .sc-content-cell {
    background-color: #f0f0f0;
    vertical-align: top;
}

*/

table.grid {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    height: 100%;
}

table.grid tr.b-row {height: 7px}

table.grid .border-tl {height: 7px; width: 7px; background: url(/images/ux/decor/splash_tl.png) no-repeat 0px 0px; padding:0}
table.grid  .border-tm {height: 7px; width: auto; background: url(/images/ux/decor/splash_t.png) repeat-x 0px 0px; padding:0}
table.grid  .border-tr {height: 7px; width: 7px; background: url(/images/ux/decor/splash_tr.png) no-repeat 0px 0px; padding:0}

table.grid  .border-l {width: 7px; height: auto; background: url(/images/ux/decor/splash_l.png) repeat-y 0px 0px; padding:0}
table.grid  .border-r {width: 7px; height: auto; background: url(/images/ux/decor/splash_r.png) repeat-y 0px 0px; padding:0}

table.grid  .border-bl {height: 7px; width: 7px; background: url(/images/ux/decor/splash_bl.png) no-repeat 0px 0px; padding:0}
table.grid  .border-bm {height: 7px; width: auto; background: url(/images/ux/decor/splash_b.png) repeat-x 0px 0px; padding:0}
table.grid  .border-br {height: 7px; width: 7px; background: url(/images/ux/decor/splash_br.png) no-repeat 0px 0px; padding:0}

table.grid .sc-content-cell {
    background-color: #f0f0f0;
    vertical-align: top;
}

table.grid div.sc-content {
    /*padding: 6px 0 0 6px;*/
}

.arial-12 {
    font-family: arial;
    font-size: 11px;
}

.link3 {
    font-family: arial;
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
    color: #12579F;
}

.blue-bg-header {
    padding-left: 11px;
    margin: 0;
    display: block;
    background: url(/images/ux/decor/title-popup.gif) repeat-x 0 0;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 18px;
}


.spin-disabled {
    width: 31px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    text-align: left;
    padding-left: 8px;
    background: url(/images/ux/decor/spin-disabled.gif) repeat-x 0 0;
}

/*Select Disabled*/
table.select-disabled{
    height: 24px;
    width: 100%;
    line-height: 24px;
    border-collapse: collapse;
}

table.select-disabled td    {padding:0}

table.select-disabled .ddl-text div{
    background: url(/images/ux/decor/ddl_disabled-left.gif) no-repeat 0 0;
    text-indent: 8px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
}

table.select-disabled .ddl-arrown-down {
    padding: 0;
    width: 24px;
}

table.select-disabled .ddl-arrown-down div {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0;
    background: url(/images/ux/decor/ddl_disabled-right.gif) no-repeat 0 0;
}

.iradio {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/radio-unchecked.gif) no-repeat 0 0;
    padding-right : 5px;
}

.iradio-checked {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/radio-checked.gif) no-repeat 0 0;
    padding-right : 5px;
}

.iradio-disabled {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/radio-disabled.gif) no-repeat 0 0;
    padding-right : 5px;
}

.iradio-checked-disabled {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/radio-checked-disabled.gif) no-repeat 0 0;
    padding-right : 5px;
}

span.spin {
    height: 24px;
    line-height: 24px;
    width: 29px;
    display: inline-block;
    padding-left: 10px;
    background: url(/images/ux/decor/spin.gif) no-repeat 0 0;
}

table.spin .area {
    text-align: left;
    background: url(/images/ux/decor/spin-l.gif) no-repeat 0 0;
    height: 24px;
    display: block;
    padding: 0 9px 0 10px;
}

table.spin .arrow-up {
    display: block;
    text-align: center;
    background: url(/images/ux/decor/spin-rt.gif) no-repeat 0 0;
    height: 12px;
    width: 13px;
    cursor: pointer;
}
table.spin .arrow-down {
    display: block;
    text-align: center;
    background: url(/images/ux/decor/spin-rb.gif) no-repeat 0 0;
    height: 12px;
    cursor: pointer;
}

.icheckbox {
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/checkbox.gif) no-repeat 0 0;
    padding-right : 5px;
}

.icheckbox-checked {
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/checkbox-checked.gif) no-repeat 0 0;
    padding-right : 5px;
}

*+html .icheckbox-checked, *+html .icheckbox, *+html .icheckbox-disabled, *+html .icheckbox-checked-disabled {
    vertical-align: 1px;
}

.icheckbox-disabled {
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    background: url(/images/ux/decor/checkbox-disabled.gif) no-repeat 0 0;
    padding-right : 5px;
}
.icheckbox-checked-disabled {
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: hand;
    background: url(/images/ux/decor/checkbox-checked-disabled.gif) no-repeat 0 0;
    padding-right : 5px;
}

.icheckbox-checked-disabled {
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: hand;
    background: url(/images/ux/decor/checkbox-checked-disabled.gif) no-repeat 0 0;
}


.ddl-menu {
    background-color: white;
    border: solid 1px silver;
    position: absolute;
    display: none;
    z-index: 1000;
    max-height:304px;
    overflow-y:auto;
    overflow-x:hidden;
}

* html .ddl-menu {height:expression(this.scrollHeight > 303 ? "304px" : "auto")}

.ddl-menu .opt {
    background-color: white;
    cursor: default;
    padding: 2px 5px 2px 5px;
}
.ddl-menu .opt {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: white;
    cursor: default;
    padding: 2px 0;
    text-indent: 4px;
    line-height:normal;
    white-space:nowrap;
    overflow:hidden;
    width:100%;
    text-overflow:ellipsis;
    text-align:left;
}

.ddl-menu .over {
    background: #d4d4d4;
}
.ddl-menu ul li.hover {
    background: #d4d4d4;
}
.ddl-text div{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
    }

table.ddl {
    height: 24px;
    width: 100%;
    line-height: 24px;
    border-collapse: collapse;
}

table.ddl td    {padding:0}

table.ddl .ddl-text div {
    background: url(/images/ux/decor/ddl-left.gif) no-repeat 0 0;
    text-indent: 8px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow:hidden;
    min-width:24px;
    cursor: default;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

table.ddl .ddl-text div.forHidden{
    max-width: 196px;
}

table.ddl .ddl-arrown-down {
    padding: 0;
    width: 25px;
}

table.ddl .ddl-arrown-down div {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0;
    background: url(/images/ux/decor/ddl-right.gif) no-repeat 0 0;
}


table.spin {
    border-collapse: collapse;
    height: 24px!important;
    display: inline-block;

}

table.spin .text {
    padding: 0 8px!important;
    border: 0;
    overflow: hidden;
    background-image: url(/images/ux/decor/spin-l.gif);
}

table.spin .ctrl {
    padding:0 !important;
    height: 24px;
    width: 13px;
    border: 0;
}

table.spin .ctrl div.uparr {
    height: 12px;
    width: 13px;
    background-image: url(/images/ux/decor/spin-rt.gif);
    font-size: 0;
}

table.spin .ctrl div.dwarr {
    height: 12px;
    width: 13px;
    background-image: url(/images/ux/decor/spin-rb.gif);
    font-size: 0;
}

.inv-total, .inv-pickup, .res-close {display: none;}
.inv-pickup {text-align:right;padding-right:10px;}
.txt-dec {text-decoration: none; color:#000}

.rght {
    text-align: right !important;
}
.lft {
    text-align: left;
}
.cntr {
    text-align: center;
}
.al-top {
    vertical-align: top;
}
a.search-btn {background: url(/images/ux/icons/search-btn.gif) 0 0 no-repeat; display: inline-block; width: 23px; height: 24px; margin: 0 4px 0 0}

.graph-save {background:url(/images/ux/icons/save2.gif) left no-repeat; padding-left:14px; float: left}

.text-common-1 a.header {color:#12579F; font-weight:bold}

.copyright {margin:10px 0; text-align:center; font-size:10px; color:#fff}
.copyright a {color:#fff}
.copyright-left a {color:#fff}
.copyright-left {margin:10px 0; text-align:left; font-size:10px; color:#fff}
.copyright-right {margin:10px 0; text-align:right; font-size:10px; color:#fff}

.cutoff-div-text {float: left; margin-top:5px;}
.cutoff-div-spin {float: left; width:40px; margin: 0 6px 0 6px; text-align:center;}
.cutoff-div-exit {float: right; margin:5px 5px 0 0; height:20px;}

#scContent ol {
    margin-left: 15px;
}
#scContent ul {
    margin-left: 15px;
}

#scContent ul li {
    margin-left: 15px;
    list-style-type: disc
}
#scContent ol li {
    margin-left: 15px;
    list-style-type: decimal
}

#title	{height:49px; width:930px; margin:0 auto; color:#fff; background:url(/images/ux/decor/title-orange.gif) bottom repeat-x; line-height:50px; font-size:21px; padding:0 0 0 30px;}

.calendar-con {
    float: left;
    width: 222px;
}

.calendar-toolbar {display: block; text-align: center}
.calendar-toolbar a{display: block;text-align: center;clear: both;height: 22px;line-height: 22px; width: 100%;}

.double-calendar-container {
    position:absolute !important; z-index:1010;display:none;background-color:#f2f2f2; padding: 1px; border: solid 1px #808080; width: 380px
}
.single-calendar-container {
    position:absolute !important; z-index:1010;display:none;background-color:#f2f2f2; padding: 1px; border: solid 1px #808080;
}

div.shrink, td.shrink   {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
div.shrink  {width:100%}

em.switcher {background:url(/images/ux/icons/switcher.gif) 0 0 no-repeat; display:block; width:39px; height:14px; cursor:pointer; font-size:0}
em.switcher.disabled    {background-position:0 -28px}
em.switcher.disabled.on {background-position:0 -42px}
em.switcher.on  {background-position:0 -14px}


.table-simple-1 {width:100%; border-collapse:collapse; table-layout: fixed}
.table-simple-1 thead th    {background:url(/images/ux/decor/bundles-th.gif) repeat-x; font-weight:bold; height:26px; line-height:26px; padding:0 5px}
.table-simple-1 tbody th    {font-size:13px; line-height:30px; font-weight:bold; text-align:left; padding:0 5px; vertical-align:top}
.table-simple-1 tbody td    {padding:0 5px; line-height:25px}
.table-simple-1 thead th    {background:url(/images/ux/decor/bundles-th.gif) repeat-x; font-weight:bold; height:26px; line-height:26px; padding:0 5px}
.table-simple-1 .ddl-text  {padding:0 0px; }
* html .table-simple-1 tbody td div.shrink  {margin:5px 0}
.table-simple-1 a.ico-copy, .table-simple-1 a.ico-edit, .table-simple-1 a.ico-delete , .table-simple-1 a.ico-edit-gif, .table-simple-1 a.ico-delete-gif {float:left; margin:0 0 0 5px;}
.table-simple-1 .white  {background:#fff}

.table-simple-2 {width:100%; border-collapse:collapse}
.table-simple-2 thead td    {background:url(/images/ux/decor/bundles-th.gif) repeat-x; height:26px; line-height:26px}
.table-simple-2 tbody th    {font-size:17px; height:27px; line-height:27px; font-weight:normal; color:#f7f7f7; text-align:left; padding:0 0 0 10px; background:url(/images/ux/decor/title-gray.gif) repeat-x bottom}
.table-simple-2 tbody td    {padding:0; line-height:30px; background:#f3f3f3; padding:0 2px}
.table-simple-2 .ico-delete {float:right; margin:0 5px 0 0; display:inline}
.table-simple-2 .sep td {height:10px; font-size:0; line-height:0; background:none}
.bold{font-weight:bold;}

.input-button {
    font-size:15px;
    margin:0 0 5px;
    padding:0 4px 3px;
}

.uxerror {background:url(/images/ux/icons/exclam.gif) 10px 10px no-repeat #fce6d6; border:solid #f00; color:#f00; font-weight:bold; border-width:2px 0; padding:0 0 0 35px; line-height:37px; margin:0 0 10px}

a.ico-copy, a.ico-view, a.ico-edit, a.ico-delete,a.ico-delete-disable, a.ico-save, a.ico-close, a.ico-edit-gif, a.ico-delete-gif   {display:block; width:16px; height:16px; cursor:pointer; font-size:0}
a.ico-copy  {background:url(/images/ux/icons/copy.png)}
a.ico-view  {background:url(/images/ux/icons/view.png) 0 -2px}
a.ico-edit  {background:url(/images/ux/icons/edit.png) left no-repeat}
a.ico-delete    {background:url(/images/ux/icons/delete.png)}
a.ico-save  {background:url(/images/ux/icons/save.png)}
a.ico-close {background:url(/images/ux/icons/close.png)}
a.ico-delete-disable    {background:url(/images/ux/icons/delete2_disable.png) no-repeat}

a.ico-edit-gif  {background:url(/images/ux/icons/edit.gif) left no-repeat}
a.ico-delete-gif    {background:url(/images/ux/icons/delete.gif) left no-repeat}

#gml_select {width:440px;}
#event-associate-results    {height:135px; overflow-x:hidden; overflow-y:auto; border: 1px solid #bbbbbb;width: 100%;}
#event-associate-results .table-simple-3 tr {cursor:pointer}

.table-simple-3 {width:100%; border-collapse:collapse;table-layout:fixed;}
.table-simple-3 {border:1px solid #e2e2e2; border-top:0; background:#fff}
.table-simple-3 .selected td    {background:#c5e2fd}
.table-simple-3 tbody td    {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:20px; padding:0; text-indent:5px}
.table-simple-3 table   {table-layout:fixed; width:100%}

#footer .footer-content {width:100%;text-align:center;}
#tableFooter {margin:auto;width:960px;border:0;border-collapse:collapse;padding:0px;}
#tableFooter  td{padding:0px;}
#footer .copyright-left {text-align: left}
#footer .copyright-right {text-align: right}
#footer .footer-content .copyright-left a {color:#fff}

#nav    {background:none repeat scroll 0 0 #F0F0F0/*url(/images/ux/decor/nav-bg.gif) repeat-x*/; height:56px; width:960px; margin:0 auto;}
#nav ul.nav-menu {clear:both; display:block; float:left; margin-bottom:0; padding:10px 10px 5px;}
#nav ul.sub-nav-menu    {display: block; clear: both; padding-left: 10px;}
#nav ul.sub-nav-menu    a {font-size: 11px}
#nav li {float:left}
#nav a  {color:#000000; font-weight:bold; padding:5px; text-decoration:none}
#nav a:hover    {text-decoration:underline}
#nav .selected a    {color:#839200}

#nav a.sammary-lnk  {color:#D55800; text-decoration:underline; padding-right: 10px;}

.close-btn {margin:  0 10px 2px 0;display: inline-block;width: 14px;height: 100%; float: right;background: url(/images/ux/decor/close-btn.gif) no-repeat 0 50%;}

div.centered input{
    text-align:center;
}

#popup_delete_campaign {
    width: 350px;
}
.w100 {width: 100%;}

.w500{
    width: 500px;
}

.w600{
    width: 600px;
}

.w700{
    width: 700px;
}

#create_event_select_popup {width:440px;}
#gl_profile_hotel_select_popup {width:440px;}

.cpasskeySkin .mceIframeContainer {background-color: #FFF; border:1px solid black;}
.cpasskeySkin table.mceSplitButtonEnabled a.mceAction {border: 0 none;}
.cpasskeySkin a.mceButtonEnabled {border: 0 none;}
.cpasskeySkin .mce_fontselect .mceText {width: 100px;}
.cpasskeySkin .mce_fontsizeselect .mceText {width: 55px;}
.cpasskeySkin table.mceSplitButtonEnabled a.mceAction {border: 0 none !important;}
.cpasskeySkin a.mceButtonEnabled {border: 0 none !important;}

#popup_business_text table.ddl {width: 75px}

.improve-your-score-content {overflow-x: hidden; overflow-y: auto; height: 270px;}
.improve-your-score-content ol {padding-left: 15px; margin-left:10px;}
.improve-your-score-content ol li { list-style: decimal outside; padding-left: 5px;}
.improve-your-score-content ul {padding-left: 15px;}
.improve-your-score-content li li { list-style: disc outside; padding-left: 5px;}
.improve-your-score-content li li li { list-style: circle  outside; padding-left: 5px;}
.improve-your-score-content div.improve-list-header {padding-bottom: 5px;}
.improve-list-header b {text-decoration:underline}

.header-image{margin:0 10px 0 0;}
.upload-image{padding: 5px 0 10px 0;}
div.no-image{margin:0 0 20px 0px;}
/* margin were replaced by padding to resolve PX-11131 ie8 bug*/
div.no-image-big{padding:20px 0 20px 0px;}

#my_events .two-lists-select {margin: 10px;}
#my_events .two-lists-select .list-title {font-weight: bold; line-height: 25px;}
#my_events .two-lists-select .list {display: block; text-decoration: none; color: #000; overflow-y: auto; overflow-x: hidden; white-space: nowrap; height: 160px; background: #fff; border: 1px solid #e0e0e0; border-top-color: #b9bbc0;}
#my_events .two-lists-select .list table {width: 100%; _width: auto; table-layout: fixed;}
#my_events .two-lists-select .list tr td {line-height: 20px; text-indent: 5px; cursor: pointer;}
#my_events .two-lists-select .list tr td div{white-space: nowrap;}
#my_events .two-lists-select .list tr.selected td {background: #b9dffa;}
#my_events .two-lists-select .list tr.last-selected {outline: 1px dotted;}
#my_events .two-lists-select .buttons-column {vertical-align: middle;}
#my_events .two-lists-select .list-button {display: block; padding: 0 5px 0 0; height: 30px; background: url("/images/ux/decor/ddl-right.gif") no-repeat right center; text-decoration: none; color: #666; margin: 0 5px; cursor: pointer;}
#my_events .two-lists-select .list-button span {display: block; padding: 0 0 0 5px; height: 30px; background: url("/images/ux/decor/ddl-left.gif") no-repeat left center; font-size: 15px; font-weight: bold; text-align: center; line-height: 30px; cursor: pointer;}
#my_events .two-lists-select .list-button.disabled {background-image: url("/images/ux/decor/ddl_disabled-right.gif");}
#my_events .two-lists-select .list-button.disabled span {background-image: url("/images/ux/decor/ddl_disabled-left.gif");}

.attPlannerGroup {vertical-align:top;width:210px;}
.tdFirstAttPlGroup {vertical-align:top;width:10px;}
.tdSecAttPlGroup {width: 190px; white-space: normal;}

ul.nav-menu {position: relative; width: 926px;}
ul.nav-menu li ul {display: none; position: absolute; left: 0; top: 25px; width: 100%; padding: 5px 0 7px 10px; background: #ccdd99; border-radius: 5px 5px 0 0;}
ul.nav-menu li:hover ul {display: block;}
ul.nav-menu li:hover {background: #ccdd99; border-radius: 5px 5px 0 0;}
#nav .selected ul li a{color: #000;}
#nav .selected ul li.selected a {color: #839200;}
ul.nav-menu li ul li a {font-size: 11px;}
ul.nav-menu li.separator:hover {background: none;}
:root ul.nav-menu li ul {padding: 4px 0 8px 10px \0/;}

img.whImage{
	width : 100%;
	height : 100%;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

#menu .calendar div {float:left; display:inline; font-size:14px; color:#fff; margin: 7px 10px 0px 12px; line-height:18px; text-align: center; height: 37px}


.localized-input-block{
	float:left;
	width:220px;
}

#popup_business_text{
	width:650px;
}

.localized-icon{
	float:right !important;
}

.translate {
	display: block; float: left; background: url(/images/ux/icons/website.png) no-repeat left center; width:16px; height:16px; margin:5px 5px;
	z-index: 1;
}

.ml-20 {
	margin-left: 20px;
}
.ml-7 {
	margin-left: 7px;
}

#hotelDatesError{
	color: red;
	display: none;
}
#shortUserNameLog{
	width: 115px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 !important;
	white-space: nowrap;
	text-align: center;
}
#header.header-cont-margin a.poweredby{
    margin-top: 2px;
}

#header.header-cont-margin span,  #header.header-cont-margin a{
	margin: 0 2px 0 0;
}

.month-name{
	font-size: 14px;
}

body.hide-translate .hide-translate{
	display: none !important;
}

.helpLinkContainer {
	text-align: right;
	margin-top: -6px;
}

.newHelpLinkContainer {
    text-align: right;
    margin-top: -6px;
    height: 12px;
}

.newHelpLinkContainer a {
    padding-right: 5px;
}

.helpLinkContainer.w930 {
	width: 930px;
}

.helpLinkContainer.w960 {
    width: 960px;
}

@media screen {
	.mainwrapper_print {
		margin: 10px 0;
	}
}

@media print {
	.mainwrapper_print {
		margin-top: 0px;
	}
}

.thead-repeat {
	display: table-header-group;
}

@media screen {
	.hiddened-link {
		color: #12579F;
		font-size: 12px;
		margin: 20px 20px 10px 25px;
		text-decoration: underline
	}

	.hiddened-link:hover {
		cursor: pointer;
	}
}

@media print {
	.hiddened-link {
		display: none;
	}
}

.error {
    color: #FF0000;
}

.alert{
    display: block;
    top: 25%;
}

.table-cell-block {
	display: table-cell;
	vertical-align: middle;
	text-indent: 0px;
	padding-left: 5px;
}
.inline-block {
	display:inline-block;
}

.status-label {
    color: #ffffff;
    border: 1px solid #ffffffF;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.33);
    padding: 1px 3px;
    font-size: 11px;
}

.status-label.done {
    background: linear-gradient(to bottom, #4ab471 0%, #6ec48e 100%);
}

.status-label.to-do {
    background: linear-gradient(to bottom, #515151 0%, #767675 100%);
}

.status-label.in-progress {
    background: linear-gradient(to bottom, #5986bc 0%, #3072a1 100%);
}

.status-label.failed {
    background: linear-gradient(to bottom, #ea6868 0%, #f59a9a 100%);
}

.status-label.scheduled {
    background: linear-gradient(to bottom, #9c94c2 0%, #574c8b 100%);
}

.status-label.released {
    background: linear-gradient(to bottom, #9ebe41 0%, #819b23 100%);
}

.td-wrapper {
    height: 24px;
    padding: 5px 0;
}

.ui-datepicker-trigger {
    float: left;
}

.test-data {
    margin-top: 15px;
    margin-left: 3px;
}

.relative { position: relative; }

.displayNone { display: none; }

.displayBlock { display: block; }

.inlineFlex { display: inline-flex; }

.padding-left-5 { padding-left: 5px; }

.pane_popup300{float:left; width:280px}

.pane_popup300 select{width:280px}

.settings-table {
    width: 100%;
    border-collapse: collapse;
    table-layout:fixed;
}

.settings-table thead tr {
    box-sizing: border-box;
    background: linear-gradient(180deg, #FEFFFE 0%, #EEEEEE 47.61%, #FDFEFD 98.51%);
    height: 36px;
}

.settings-table tbody tr {
    box-sizing: border-box;
    height: 40px;

}

.settings-table tbody tr:nth-child(odd) {
    background: #FFFFFF;
}

.settings-table tbody tr:nth-child(even) {
    background: #F2F2F2;
}

.settings-table tr {
    border-top: 1px solid #E2E2E2;
    box-sizing: border-box;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
}

.settings-table th,
.settings-table td {
    padding: 5px 10px;
    text-align: left;
}

.panel-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.panel-border .panel-header h3{
    padding: 0;
    margin: 0;
}

.panel-header .left-side,
.panel-header .right-side {
    float: none;
    padding: 10px;
    margin: 0;
    line-height: 20px;
}

.panel-header .left-side {
    text-align: left;
}

.panel-header .right-side {
    text-align: right;
}

.panel-header .right-side:hover {
    text-align: right;
    cursor: default;
}

.panel-header a:hover {
    cursor: pointer;
}

.contract-controls .contract-actions {
    display: flex;
    height: 30px;
    justify-content: flex-end;
    align-items: center;
}

.contract-controls a {
    line-height: 16px;
}

.contract-controls a:not(:first-of-type) {
    margin-left: 10px;
}

.contract-controls a:hover {
    cursor: pointer;
}

.custom-input {
    box-sizing: border-box;
    border: 1px solid #C7C7C7;
    height: 30px;
    width: 100%;
    text-align: left;
    padding: 8px;
    outline: none;
}

.custom-input:focus,
.custom-calendar-wrapper .calendar_input_dates input:focus,
.custom-select:focus {
    border: 1px solid black;
}

.custom-calendar-wrapper .calendar_input_dates {
    width: 100%;
    height: 100%;
    float: none !important;
}

.custom-calendar-wrapper {
    position: relative;
    width: 100%;
    height: 30px;
}

.custom-calendar-wrapper .calendar_input_dates input {
    box-sizing: border-box;
    border: 1px solid #C7C7C7;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: left;
    outline: none;
}

#contract-dates-settings-panel .custom-calendar-wrapper .calendar_input_dates input {
    padding: 0 30px 0 7px;
}

.custom-calendar-wrapper input {

}

.custom-calendar-wrapper .ui-datepicker-trigger {
    margin: 0;
    float: none;
    position: absolute;
    top: 7px;
    right: 10px;
}

.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
    border: 1px solid #C7C7C7;
    flex: 1;
    padding: 0 22px 0 4px;
    cursor: pointer;
    outline: none;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select-wrapper {
    box-sizing: border-box;
    position: relative;
    display: flex;
    height: 30px;
    line-height: 3;
    overflow: hidden;
}

.custom-select-wrapper::after {
    background: url(../../images/arrow-chevron-down.svg) no-repeat;
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    height: 18px;
    padding: 0 1.1em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.custom-select-wrapper:focus {
    border: 1px solid black;
}

#contract-data-settings-edit-row {
    background: #FFFFFF;
}

.hidden {
    display: none;
}
.disabled-input {
    width: 188px;
    height: 21px;
    border-radius: 6px;
    border-width: 1px;
    text-indent: 4px;
}

.hidden-row {
    display: none;
}

.show-more-rows a {
    cursor: pointer;
}

#no-contracts {
    height: 54px;
    background: #f2f2f2;
}

#no-contracts td {
    text-align: center;
}

#no-contracts a {
    cursor: pointer;
}

body.modern-resdesk,
.modern-resdesk select,
.modern-resdesk input,
.modern-resdesk button,
.modern-resdesk table,
.modern-resdesk .arial-12,
.modern-resdesk .link3,
.modern-resdesk .ddl-menu .opt,
.modern-resdesk .ddl-text div {
    font-family: 'Rubik';
}

.modern-resdesk #leftbar {
    margin: 0 0 0 10px;
}

.modern-resdesk #leftbar.bundle-leftbar {
    margin: 0 10px 0 0;
    float: left;
}

.modern-resdesk .helpLinkContainer {
    margin-top: 0;
}

.display-center {
    display: flex;
    justify-content: center;
}

.display-email-center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}