/* Minification failed. Returning unminified contents.
(3894,1): run-time error CSS1019: Unexpected token, found '}'
(3894,3): run-time error CSS1031: Expected selector, found '/'
(3894,3): run-time error CSS1025: Expected comma or open brace, found '/'
(4776,28): run-time error CSS1039: Token not allowed after unary operator: '-window-content-bg'
(5138,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5148,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* Layout helpers
----------------------------------*/
.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;
	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; /* support: IE7 */
}
.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-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 3px;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: .2em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-accordion input[type="checkbox"] {
    margin-top: 0.35em;
}
.ui-searchable-select {
	position: relative;
	z-index: 999;	
}

.ui-searchable-select .hidden-container {
	background-color: #fcfcfc;
	border: 1px solid #2b2b2b;
	border-radius: 2px;
	box-sizing: border-box;
	display: none;
    margin-left: -9px;
	padding: 5px;
	width: 307px;
}

.ui-searchable-select__actions {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.ui-searchable-select__actions-button {
	background-color: rgb(16, 142, 16);
    border: 1px solid rgb(16,142,16);
    border-radius: 1px;
    color: #fefefe;
}

.ui-searchable-select__actions-button.danger {
	background-color: rgb(192, 65, 9);
    border-color: rgb(192, 65, 9);
}

.ui-searchable-select .ui-searchable-select__button,
.ui-searchable-select .ui-searchable-select__input {
	box-sizing: content-box;
	white-space: nowrap;
}

.ui-searchable-select .ui-searchable-select__input {
	display: block;
	margin: 0 auto 5px;
	width: 100%;
	box-sizing: border-box;
}

.ui-searchable-select .ui-searchable-select__button {
	margin-left: -9px !important;
	width: 100%;
}

.ui-searchable-select .ui-searchable-select-list {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	/*display: none;*/
	background: #f7efd5;
	overflow-y: auto;
	overflow-x: hidden;
	white-space: nowrap;
	height: 130px;
}

.ui-searchable-select .ui-searchable-select-item {
	background-color: #f7efd5;
	padding: .25em;
}
.ui-searchable-select .ui-searchable-select-item:nth-child(even) {
	background-color: #fffcf2;
}
.ui-searchable-select .ui-searchable-select-item:hover {
	background-color: #dce6f5;
    border-color: #688caf;
}
.ui-searchable-select .ui-searchable-select-item label {
	display: block;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}
body{line-height:1.5;color:#1a1a1a;background:#FFFFFF url(/Images/logo.png) no-repeat fixed center center;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;overflow:hidden;color:#FFFFFF;font-size:.75em}
body.error-page{background:#ddd}
.hidden,.wintitle{display:none}
.very-hidden{display:none !important}
.transparent{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0}
.light{font-weight:normal}
.strong{font-weight:bold}
.align-left,.al{text-align:left}
.align-justify,.aj{text-align:justify}
.align-center,.ac{text-align:center}
.align-right,.ar{text-align:right}
.float-left,.fl{float:left}
.float-right,.fr{float:right}
.no-float{float:none !important}
.clear-left,.cl{clear:left}
.clear-right,.cr{clear:right}
.clear,.clr{clear:both}
.abs,.abs-left,.abs-right,.abs-bottom,.abs-top{position:absolute;top:auto;left:auto;right:auto;bottom:auto;cursor:default}
.abs-left,.abs-bottom,.abs-top{left:0}
.abs-right,.abs-bottom,.abs-top{right:0}
.abs-bottom{bottom:0;}
.abs-top{top:0;}
.rel{position:relative;display:inline-block}
.pointer{cursor:pointer}
a{text-decoration:none}
a.link{color:#3c5a98;cursor:pointer}
a .print{cursor:pointer}
a.link:hover{border-bottom:.1em solid #748098}
img{font-size:0}
em{font-weight:normal;font-size:.8em;font-style:italic;cursor:default}
.largefont{font-size:1.5em;vertical-align:middle;margin:0 .25em}
table.fixed{table-layout:fixed;width:100%}
table.ui-layout-auto{table-layout:auto}
.loading{background:#fff url(/Images/loading.gif) no-repeat scroll center center}
.loading *{display:none !important}
.green,a.green{color:#368c36}
hr{border-color:#bbb;border-width:0 0 .1em 0;width:99%}
.wrapper.main{padding:1em;display:block}
.wrapper.main.note{padding-top:1.5em}
h1{color:#333;display:block;text-align:center;font-size:1.4em;font-weight:bold;vertical-align:top}
h1.blue{color:#3c5a98}
.margin{margin-left:2em;display:block}
.margin-left{ margin-left:20px}
.tall-line{line-height:3em}
.margin-auto,.ma{margin-left:auto !important;margin-right:auto !important}
.characters-remaining{display:block;text-align:center}
.addrem{font-size:2em;padding:.15em;top:.2em;right:-1.5em;line-height:.5em;background-color:#5c7db3;border:.05em solid #333;color:#fff;cursor:pointer;display:block;font-weight:bolder;height:.6em;width:.6em;text-align:center;
    text-shadow:.05em .05em .05em #333;
    border-radius:.5em;
    background-image:-moz-linear-gradient(90deg, #435f8e, #5c7db3 49%, #6c8fc7 50%, #7096d5);
    background-image:-o-linear-gradient(90deg, #435f8e, #5c7db3 49%, #6c8fc7 50%, #7096d5);
    background-image:-webkit-gradient(linear,left bottom,left top,from(#435f8e),to(#7096d5),color-stop(49%,#5c7db3),color-stop(50%,#6c8fc7))}
.addrem.ecks{line-height:.6em}
.error-box{position:absolute;background-color:#fccac3;border:.1em solid #b88e88;color:#594542;width:35em;top:50%;left:50%;margin:-2em -20em;padding:1.5em 2.5em;
    border-radius:2em;
    box-shadow:0 0 3em #9e7a75;
    background-image:-moz-linear-gradient(315deg,#fcedea,#fcb6ac);
    background-image:-o-linear-gradient(315deg,#fcedea,#fcb6ac);
    background-image:-webkit-gradient(linear,bottom right,top left,from(#fcb6ac),to(#fcedea))}
.error-box h1{color:#594542}
.error-box.warning{background-color:#fff8d8;border-color:#9e9875;color:#595442;
    box-shadow:0 0 3em #9e9875;
    background-image:-moz-linear-gradient(315deg,#fff8d8,#fff0b2);
    background-image:-o-linear-gradient(315deg,#fff8d8,#fff0b2);
    background-image:-webkit-gradient(linear,bottom right,top left,from(#fff0b2),to(#fff8d8))}
.error-box.warning h1{color:#66624c}
.error-box.info{background-color:#e3e8f3;border-color:#7d879e;color:#545b6b;
    box-shadow:0 0 3em #3e4554;
    background-image:-moz-linear-gradient(315deg,#e3e8f3,#cad5ee);
    background-image:-o-linear-gradient(315deg,#e3e8f3,#cad5ee);
    background-image:-webkit-gradient(linear,bottom right,top left,from(#cad5ee),to(#e3e8f3))}
.error-box.info h1{color:#545b6b}
.error-box.success{background-color:#e3f3e4;border-color:#7d9e7f;color:#425943;
    box-shadow:0 0 3em #3e543f;
    background-image:-moz-linear-gradient(315deg,#e3f3e4,#caeecc);
    background-image:-o-linear-gradient(315deg,#e3f3e4,#caeecc);
    background-image:-webkit-gradient(linear,bottom right,top left,from(#caeecc),to(#e3f3e4))}
.error-box.success h1{color:#e3f3e4}
.error-page .error-box{box-shadow:0 0 3em #555}
.error-box .logo{position:absolute;background:url(/Images/logo-ghost.png) no-repeat -1.5em center;left:0;top:0;width:100%;height:100%;
    border-radius:2em}
.error-box .img{position:relative}
.error-box h1{display:inline-block;font-size:1.5em;line-height:1.75em;margin:0 3em 0 1em;text-align:center;width:17.5em;background:transparent !important;border:0 !important;padding:0 !important}
.error-box p{position:relative;width:35em;text-align:center;display:inline-block;margin:.2em 0;border-top:.1em solid #9e7a75;cursor:default}
.error-box.warning p{border-color:#9e9875}
.error-box.info p{border-color:#7d879e}
.error-box.success p{border-color:#7d9e7f}
.error-box em{float:right}
#shade,#idle-shade{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.6;cursor:wait}
.icon.activity{margin:1em;font-size:1em;cursor:pointer}
.loading-modal{background-color:#fff;border:0 none;top:50%;left:50%;margin:-10em;width:20em;height:20em;position:fixed;z-index:99;cursor:wait;
    border-radius:20em;
    box-shadow:-.3em -.5em 3em #000 inset}
@media all and (max-width:1020px) {
    body{background-size:75%}
    .opt-text{display:none}
}

h1, .t-no-data,.t-no-firstbind {
    color:#333;
    font-size:1.4em;
    font-weight:600;
    text-align:center;
    vertical-align:top;
}
h1.blue, .t-no-data,.t-no-firstbind {
    color:#3c5a98;
}
tr.t-no-data, tr.t-no-firstbind {
    background-color: inherit;
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
#window_NewAccounting_content,#window_AgreementManagement_content, #window_SalesReport_content, #window_ChurnReport_content, #window_DetailedSalesMrr_content { -webkit-overflow-scrolling:touch; overflow-y:scroll; }
}

#NewAgency_Currency {text-transform: uppercase;}
/* -- Main Menu -- */
#bar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 201px;
    height: 28px;
    border-top: solid 17px #A41A36;
    font-weight: bold;
    line-height: 2em;
    background: #37313E;
}
.float-right, .fr {
    float: right;
    right: .44%;
    bottom: 90%;
}

span.fa {
    position: relative;
    left: -.3em;
}

#bar-top .fr {
    color: #FFFFFF;
    position: absolute;
}

li > ul > li {
    color: #333;
}

#tab {
    position: fixed;
    top: 0;
    left: 0;
    width: 201px;
    height: 45px;
    background: url('/Images/v3_Axxess_support_logo.svg') no-repeat 0 0;
} 

#bar-top .icon, .context-menu .icon {
    width: 22px;
    height: 22px;
    vertical-align: bottom;
    margin: 1px 3px 1px 1px;
}

#bar-top a, .menu a {
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 0 .6em;
    font-weight: 600;
    line-height: 2em;
}

#mainmenu li {
    float: left;
}

#mainmenu {
    padding-top: 1px;
}
.sf-sub-indicator {
    display: none;
}

.sf-arrows ul .sf-with-ul:after {
    background-position: -190px -50px;
    width: 4px;
    height: 8px;
    background-image: url(/Images/sprite.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    content: " ";
    margin-right: -3px;
    margin-top: -5px;
    position: absolute;
    right: 1em;
    top: 50%;
}

.menu {
    position: absolute;
    top: 2.3em;
    width: 16.2em !important;
    margin: 0;
    padding: 0;
    display: none;
    background-color: #fffcf2;
    border: .1em solid #888;
    box-shadow: .1em .1em .4em #222;
    z-index: 99;
}

.menu li {
    position: relative;
}

.menu li:last-child > a, .context-menu li:last-child > a, .btndropdown .dropdown-menu li:last-child > a {
    border: 0;
}

.menu a {
    background: #fff;
    width: 15em;
    border-bottom: 0.1em dotted #aaa;
    border-right: 0 none;
    border-left: 0 none;
}

.menu a:hover {
    background-color: #d5dbe6;
}

.Products-menu {
    position: absolute;
    top: 2.3em;
    width: 17em;
    margin: 0;
    padding: 0;
    display: none;
    background-color: #fffcf2;
    border: .1em solid #888;
    box-shadow: .1em .1em .4em #222;
    z-index: 99;
}

.Products-menu li {
    position: relative;
}

.Products-menu li:last-child > a, .context-menu li:last-child > a, .btndropdown .dropdown-menu li:last-child > a {
    border: 0;
}

.Products-menu a {
    background: #fff;
    width: 15em;
    border-bottom: 0.1em dotted #aaa;
    border-right: 0 none;
    border-left: 0 none;
}

.Products-menu a:hover {
    background-color: #d5dbe6;
}

.Products-menu .Products-menu {
    top: -.2em;
    left: 17em;
    border-top-width: .1em;
    z-index: 100;
}

/* -- Window Top Menu -- */

.winmenu {
    width: 100%;
    font-weight: 700;
    background-color: #fff;
    height: 2em;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.165)
}

.winmenu.sf-arrows > ul > li > a.sf-with-ul::after {
    background-image: none;
    margin-right: -3px;
    margin-top: -5px;
    right: auto;
    top: auto;
}

.winmenu .menu, .winmenu .menu a {
    border-color: #83a2d4;
}
.winmenu ul li {
    font-weight: bold;
    cursor: pointer;
}
.winmenu > ul > li,
.winmenu > li{
    float: left;
}
.winmenu > ul > li > a {}
.winmenu ul li a {
    display: block;
    line-height: 2em;
    padding: 0 1em;
    color: #000;
    text-decoration: none;
}
    .winmenu ul li a:hover {
        background-color: #fff;
        border-bottom: 4px solid #ba243d
    }
.winmenu .menu {
    width: auto;
    box-shadow: 0.1em 0.1em 0.4em #aab;
}

.winmenu .menu .menu{
    left: 17em;
}
/* -- Drop-Down Menu -- */


#mainmenu .more {
    position: absolute;
    right: 5px;
    top: 7px;
}

.menu .menu {
    top: -.2em;
    left: 16em;
    border-top-width: .1em;
    z-index: 100;
}
/* -- Desktop -- */
#desktop {
    position: absolute;
    top: 3.7em;
    right: 0;
    bottom: 2.5em;
    left: 0;
    overflow: hidden;
}
/* -- Task Bar -- */
#bar-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2em;
    overflow: hidden;
    padding: .15em;
    z-index: 10;
    border-bottom: solid .2em #af1e2d;
    border-top: solid .5px #D0D0D0;
    line-height: 2em;
    background: -moz-linear-gradient(-90deg,#b2b2b2,#dedede 25%,#fff 90%);
    background: -o-linear-gradient(-90deg,#b2b2b2,#dedede 25%,#fff 90%);
    /* background: -webkit-gradient(linear,left top,left bottom,from(#b2b2b2),to(#fff),color-stop(.25,#dedede),color-stop(.9,#fff)); */
}

#bar-bottom .icon {
    width: 22px;
    height: 22px;
    vertical-align: bottom;
    margin: .1em .2em .1em .1em;
}

#bar-bottom .copy {
    font-size: 11px;
    font-family: 'Helvetica';
    float: right;
    font-weight: 400;
    margin-right: 1em;
    margin-top: .7em;
    line-height: 9px;
    color: #333;
    }

#task li {
    float: left;
}

#task a {
    overflow: hidden;
    height: 1.8em;
    color: #6E6E6E;
    cursor: default;
    display: block;
    padding: 0 0 .6em 1.2em;
    font-size: .8em;
    margin: 0 .15em;
    background-color: #DDDDDD;
    /* border: .1em solid #6c6c6c; */
    border-radius: 25px;
    font-weight: 800;
}

#task .active a {
    background-color: #D5E2F3;
    /* box-shadow: 0 -1em 1em 0 #888e9a inset; */
    color: #3B5B76;
    /* font-weight: bold; */
}
/* -- Context Menu -- */
.context-menu {
    background-color: #fff;
    color: #333;
    position: fixed;
    border: solid .1em #555;
}

.context-menu li {
    width: 10em;
    padding: .5em;
    border-bottom: solid .1em #bbb;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    float: none !important;
}

.context-menu li.hover {
    color: #fff;
    text-shadow: .1em .1em .1em #000;
    background-color: #96c1d9;
}

.context-menu li:last-child {
    border-bottom: none 0 transparent;
}

.context-menu a, .context-menu .menu a {
    color: #333;
    border: 0 none;
    background: none;
    width: auto;
}

.context-menu a:hover {
    background: none;
}

.context-menu li.hover a {
    color: #fff;
}

.context-menu li.hover ul a {
    color: #333;
    text-shadow: none;
}

.context-menu ul, .context-menu .menu {
    position: absolute;
    left: 9em;
    top: -.5em;
    background-color: #fff;
    border: solid .1em #555;
    z-index: 12;
    width: 15em;
}

.context-menu ul ul, .context-menu .menu .menu {
    left: 13em;
}

.context-menu ul li {
    width: 14em;
}

.context-menu .more {
    top: 12px !important;
}

@media all and (max-width:1020px) {
    #tab {
        background-position: 0px 0;
        width: 201px;
    }

    #bar-top {
        height: 2.15em;
        padding-left: 4em;
    }

    #bar-top a {
        padding: .3em .6em;
    }

    #bar-top .icon {
        display: block;
        margin: 1px auto;
    }

    #bar-top .icon.more {
        display: inline-block;
        top: 10px;
    }

    .menu {
        top: 4.75em;
    }

    #desktop {
        top: 5em;
    }
}

@media all and (max-width:650px) {

    .Products-menu {
        left: 11rem !important;
    }
     #tab {
        display: none;
    }
    #bar-top > span {
        bottom: 84% !important
    }

    #bar-top {
        height: 2.5em;
        padding: 0;
        border-top: solid 20px #A41A36;
        width: 100%;
        top: unset;
        right: unset;
        left: unset;
    }

    #mainmenu{
        touch-action: pan-y;
        display: flex;
        white-space: nowrap;
        overflow-x: scroll;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .menu {
        right: unset !important;
        top: 1.9rem;
    }

    #Admin {
        left: 13rem !important;
    }

    #task .task{
        width: unset !important;
    }

    #task a {
        overflow: hidden;
        overflow: hidden;
        color: #6E6E6E;
        cursor: default;
        display: block;
        font-size: .8em;
        background-color: #DDDDDD;
        border-radius: 25px;
        font-weight: 800;
        padding: 0.2rem 0.6rem;
    }

}

.window-content.no-scroll {
    overflow: hidden;
}

@media all and (max-width:1024px) {
    
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2) !important;
        background-color: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
        border-radius: 1px;
        height: 16px;
    }
}

.ui-datepicker {
    background-color: #F4F4F4 !important;
    border: .1em solid #CCC9C1 !important;
    box-shadow: .25em .25em .5em #aaa;
    cursor: default;
    margin: .25em 0;
    width: 18em;
    color: #000 !important;
}
.ui-datepicker-header {
    background-color: #c3d8f1;
    background-image: linear-gradient(0deg,#c3d8f1,#dde8f5);
    background-image: -moz-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#c3d8f1),to(#dde8f5));
    background-image: -o-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image: -ms-linear-gradient(90deg,#c3d8f1,#dde8f5);
    border-bottom: .1em solid #CCC9C1;
}
.ui-datepicker-prev {
    float:left;
}
.ui-datepicker-next {
    float:right;
}
.ui-datepicker-title {
    font-weight:700;
    line-height:2em;
    text-align:center;
}
.ui-datepicker-calendar {
    border-collapse:collapse;
    margin:.25em;
    table-layout:fixed;
    text-align:center;
    width:17.5em;
}
.ui-datepicker-calendar tbody {
    background-color:#fffcf2;
}
    .ui-datepicker-calendar tbody td {
        border: 1px solid #ccc9c1 !important;
    }
.ui-datepicker a {
    color: #333;
    display: block;
    padding: .4em 0;    
}

.ui-datepicker-next, .ui-datepicker-prev {
    background-image: url(/Content/Office2007/sprite.png) !important;
    height: 16px !important;
    width: 23px !important;
    cursor: pointer !important;
    filter: grayscale(100%);
}

.ui-datepicker-prev {
    background-position: -92px -187px !important;
}

.ui-datepicker-next {
    background-position: -108px -187px !important;
}

.ui-datepicker a:hover {
    background-color: #e6ebf2;
    border-bottom: none;
    box-shadow: .1em .1em .25em #b8bfcc;
    -moz-box-shadow: .1em .1em .25em #b8bfcc;
    -o-box-shadow: .1em .1em .25em #b8bfcc;
    -webkit-box-shadow: .1em .1em .25em #b8bfcc;
}
.ui-datepicker-other-month {
    background-color:#f2efe6;
}
.ui-datepicker-other-month a {
    color:#ccc9c1;
}
.ui-datepicker-current-day {
    background-color:#dae7ed;
}

.ui-datepicker-calendar tbody td {
    text-decoration: none !important;
    font-weight:normal !important;
}
.jGrowl {
  position: fixed;
  z-index: 9999;
  color: #000;
  font-family: "Open Sans";
}
.jGrowl.top-right {
  right: 1em;
  top: 2.5em;
}
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  width: 20em;
  padding: 1em 1.5em 1em 1em;
  margin: 0.5em 0;
  display: none;
  font-weight: bold;
  border-radius: 0.75em;
  box-shadow: 0.1em 0.1em 0.4em #222;
  opacity: 0.95;
}
.jGrowl .message {
  font-size: 1.1em;
  padding: 0.5em;
}
.jGrowl .jGrowl-notification {
  min-height: 3.5em;
}
.jGrowl .jGrowl-notification .header {
  font-weight: bold;
  font-size: 0.85em;
}
.jGrowl .jGrowl-notification .close {
  z-index: 99;
  position: absolute;
  top: 5px;
  right: 0;
  padding: 5px;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

.jGrowl .jGrowl-closer {
  padding: 0.5em 2.2em;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  background-image: none;
}
.jGrowl .error {
  background-color: #fccac3;
}
.jGrowl .success {
  background-color: #b6d4b6;
}
.jGrowl .warning {
  background-color: #fff8d8;
}

.jGrowl .jGrowl-notification .close .fa-circle-xmark {
  color: #707070;
  font-size: 18px;
}

/* -- Parent Window Object -- */
.window, .ui-dialog {
    position: absolute !important;
    border: solid .1em #999;
    background-color: #c5c7c9;
    border-radius: .5em;
    box-shadow: .1em .1em .4em #222;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef0f3',endColorstr='#c5c7c9');
    background-image: -moz-linear-gradient(-90deg,#eef0f3,#e9ebee .6em,#d0d1d4 2em,#dadbde 40%,#d0d1d4 42%,#c5c7c9);
    background-image: -o-linear-gradient(-90deg,#eef0f3,#e9ebee .6em,#d0d1d4 2em,#dadbde 40%,#d0d1d4 42%,#c5c7c9);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eef0f3),to(#c5c7c9),color-stop(.01,#e9ebee),color-stop(.4,#d0d1d4),color-stop(.42,#c5c7c9))
}

    .window.active, .ui-dialog {
        border-color: #777;
        background-color: #c5d8f3;
        box-shadow: .1em .1em .4em #222;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5d8f3', endColorstr='#cad2de');
        background-image: -moz-linear-gradient(-90deg,#c5d8f3,#bacfee .6em,#83a2d4 2em,#d5d8de 40%,#83a2d4 42%,#abb8c9 98%,#cad2de);
        background-image: -o-linear-gradient(-90deg,#c5d8f3,#bacfee .6em,#83a2d4 2em,#d5d8de 40%,#83a2d4 42%,#abb8c9 98%,#cad2de);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#c5d8f3),to(#cad2de),color-stop(.01,#bacfee),color-stop(.4,#d5d8de),color-stop(.42,#83a2d4),color-stop(.98,#abb8c9))
    }

.ui-dialog {
    height: 400px !important
}

.window.minimized * {
    display: none
}

.window.ui-draggable-dragging {
    opacity: .5
}

.window.maximized.ui-draggable-dragging {
    opacity: 1
}

.window.maximized {
    border: 0
}
/* -- Top Bar -- */
.window-top, .ui-dialog-titlebar {
    padding: .15em .5em;
    height: 2em;
    overflow: hidden;
    color: #333;
    text-align: center
}

    .window-top .icon {
        width: 22px;
        height: 22px;
        float: left
    }

    .window-top .title, .ui-dialog-title {
        margin: 0 auto;
        padding-left: 5em;
        font-weight: bold;
        cursor: default;
        color: #000;
        position: absolute;
        top: .3em;
        left: 2.5em;
        right: 7.5em
    }

.window-min, .window-resize, .window-close, .ui-dialog-titlebar-close {
    background: url(/Images/sprite.png) no-repeat;
    float: left;
    margin: .3em 0;
    width: 28px;
    height: 15px
}

.ui-icon.ui-icon-closethick {
    display: none
}
/* -- Status Bar/Resize Handles -- */
.window-bottom {
    position: absolute;
    overflow: hidden;
    height: 2em;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 2em;
    font-size: .9em;
    font-weight: bold;
    text-align: center
}

.ui-resizable {
    position: absolute
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: .5em;
    top: 0;
    left: .5em;
    right: .5em
}

.ui-resizable-s {
    cursor: s-resize;
    height: .5em;
    bottom: 0;
    left: .5em;
    right: .5em
}

.ui-resizable-e {
    cursor: e-resize;
    width: .5em;
    right: 0;
    top: .5em;
    bottom: 2em
}

.ui-resizable-w {
    cursor: w-resize;
    width: .5em;
    left: 0;
    top: .5em;
    bottom: 2em
}

.ui-resizable-se {
    cursor: se-resize !important;
    width: 2em;
    height: 2em;
    right: -4px;
    bottom: 0
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 2em;
    height: 2em;
    left: 0;
    bottom: 0
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: .5em;
    height: .5em;
    left: 0;
    top: 0
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: .5em;
    height: .5em;
    right: 0;
    top: 0
}

.maximized .ui-resizable-handle {
    display: none !important
}

.maximized .window-bottom {
    font-size: 0
}
/* -- Content Pane -- */
.window-content, .ui-dialog-content {
    border: .1em solid #999;
    position: absolute;
    top: 2em;
    right: .4em;
    bottom: .4em;
    left: .4em;
    background-color: #fff;
    color: #333;
    font-family: 'Lucida Grande',Arial,'Liberation Sans',FreeSans,sans-serif;
    overflow: auto;
    width: auto !important;
    box-shadow: inset .2em .2em .5em #bbb;
    border-radius: .3em
}

    .window-content iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .window-content iframe.hidden {
            width: 0;
            height: 0
        }

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .window-content iframe.accounting-reset-iframe {
        height: 0%
    }

    .agency-summary {
        width: 76% !important;
    }

    .wrapper.main {
        height: auto;
        width: auto;
        padding: 0.5em;
    }

    .fr .products-line-active, .fr .products-line-inactive {
        float: left;
        margin: 0;
        width: auto;
        font-size: 11px;
        margin: 1px;
    }

    .label-position {
        float: left;
    }

    #AgencyMainResult .t-grid {
        top: 67px !important;
    }

    .above {
        top: 2.5em !important;
    }

    .window-content iframe.accounting-iframe {
        height: 100%
    }

    .t-grid-header {
        padding-right: 17px !important;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .window-content iframe.accounting-reset-iframe {
        height: 0%
    }

    .wrapper.main {
        height: auto;
        width: auto;
        padding: 0.5em;
    }

    .fr .products-line-active, .fr .products-line-inactive {
        float: left;
        margin: 0;
        width: auto;
        font-size: 11px;
        margin: 1px;
    }

    .t-grid-header {
        padding-right: 17px !important;
    }

    #AgencyMainResult .t-grid {
        top: 0 !important;
    }

    .window-content iframe.accounting-iframe {
        height: 100%
    }
}

.active .window-content {
    border-color: #777
}

.window.ui-draggable-dragging .window-content div, .window.ui-draggable-dragging .window-bottom {
    display: none
}

.maximized.ui-draggable-dragging .window-content div, .maximized.ui-draggable-dragging .window-bottom {
    display: block
}

.maximized .window-content {
    left: 0;
    right: 0;
    bottom: 0 !important;
    box-shadow: inset 0 0 .5em #aaa;
    border-radius: 0
}

#window_Final_content {
    overflow: hidden
}

@media all and (max-width:1020px) {
    .window-resize, .ui-resizable-handle {
        display: none !important
    }

    .window.mobile-max {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    .window-content:not(#window_Alert_content) {
        bottom: .4em !important
    }

    .window-bottom {
        font-size: 0
    }
}

/*
@media all and (max-height:650px) {
    .window-resize,.ui-resizable-handle{display:none !important}
    .window.mobile-max{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important}
    .window-content{bottom:.4em !important}
    .window-bottom{font-size:0}
}*/

/* removeBorder override */
.remove-dialog-border {
    border-radius: 6px 6px 0px 0px;
}

.remove-dialog-border, .ui-dialog {
    border: 0;
    border-radius: 6px;
    background-color: #999;
    box-shadow: none;
    filter: none;
    background-image: none
}

.remove-dialog-border.active, .ui-dialog {
    background-color: #A41A36;
    box-shadow: none;
    filter: none;
    background-image: none
}

.remove-dialog-border_content, .ui-dialog-content {
    border: 0;
    top: 2.75em;
    right: 0;
    bottom: 0;
    left: 0;
    color: #000;
    box-shadow: none;
    border-radius: 0
}

.remove-dialog-border_content.active .window-content {
    border: 0;
}

.remove-dialog-border_content {
    font-family: 'Open Sans'
}

.remove-dialog-border .window-top, .ui-dialog-titlebar {
    font-size: 14px;
    color: #fff
}

.remove-dialog-border .window-top .icon {
    width: 0;
    height: 0
}

.remove-dialog-border .window-top .title, .ui-dialog-title {
    padding: 4px;
    color: #fff;
    left: 5em;
    right: 5em;
    text-align: center;
}

.remove-dialog-border .window-bottom {
    background-color: #d8d8d8;
}

.new-window.window {
    position: absolute !important;
    border: none !important;
    background-color: transparent !important;
    border-radius: unset !important;
    box-shadow: none !important;
    background-image: none !important;
}

.new-window.window .window-content {
    height: fit-content !important;
    padding: 15px !important;
    background-color: white !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    width: 500px !important;
}

/* -- Basic Style -- */
.icon,.t-icon,.ui-icon,.sticky-note-icon,.ui-resizable-se,.button-with-arrow,.facebook{display:inline-block;background-repeat:no-repeat}
.icon,.t-icon,.ui-icon,.sticky-note-icon,.ui-resizable-se{font-size:0}
.img.logo{background-image:url(/Images/logos.png);display:inline-block}
/* -- Dimensions -- */
.t-arrow-prev,.ui-icon.ui-icon-circle-triangle-w,.t-arrow-next,.ui-icon.ui-icon-circle-triangle-e,#bar-top .icon.more,.context-menu .icon.more{width:4px;height:8px}
.ui-icon-circle-triangle-n,.ui-icon-circle-triangle-s{width:8px;height:4px;margin:7px}
.icon.note,.icon.note-blue,.icon.note-red,.sticky-note-icon,.icon.paperclip{width:14px;height:14px}
.icon.expand,.icon.collapse,.icon.print,.icon.find,.icon.success-small,.icon.error-small,.icon.clock{width:16px;height:16px}
.icon.money{width:8px;height:16px;margin:0 4px}
.icon.greenarrow{width:28px;height:20px}
.icon.activity{width:19px;height:23px}
.icon.closer,icon.diagnosis-up,icon.diagnosis-down{height:22px;width:22px}
.icon.send{width:29px;height:14px}
.icon.success,.icon.error,.icon.warning,.icon.info{width:32px;height:31px}
.button-with-arrow{width:198px;height:23px}
.img.facebook{width:100px;height:25px}
.img.logo.acore{height:31px;width:290px}
.img.logo.axxess{height:21px;width:158px}
.img.logo.support{height:65px;width:200px}
.img.logo.heart{height:59px;width:83px}
/* -- Sprite Positions -- */
.icon.info{background-position:-97px 0}
.window-min{background-position:0 -33px}
.icon.error{background-position:-128px 0}
.img.facebook{background-position:0 -86px}
.icon.expand{background-position:-190px 0}
.icon.success{background-position:-64px 0}
.img.logo.acore{background-position:0 -81px}
.icon.send{background-position:-190px -17px}
.icon.note{background-position:-126px -33px}
.img.logo.heart{background-position:-207px 0}
.icon.print{background-position:-100px -86px}
.icon.clock{background-position:-84px -111px}
.img.icon.clock{width:17px;height:17px;background-position:-84px -111px}
.icon.find{background-position:-100px -103px}
.icon.money{background-position:-76px -111px}
.img.logo.axxess{background-position:0 -60px}
.window-min:hover{background-position:0 -48px}
.img.logo.support{background-position:0 -112px}
.button-with-arrow{background-position:0 -63px}
.window-resize{background-position:-28px -33px}
.icon.note-red{background-position:-140px -33px}
.icon.collapse{background-position:-190px -16px}
.icon.activity{background-position:-57px -111px}
.diagnosis-down{background-position:-197px -62px}
.icon.note-blue{background-position:-112px -33px}
.icon.paperclip{background-position:-154px -33px}
.ui-resizable-se{background-position:-134px -47px}
.icon.greenarrow{background-position:-162px -20px}
.sticky-note-icon{background-position:-126px -33px}
.icon.error-small{background-position:-166px -47px}
.icon.success-small{background-position:-150px -47px}
.window-resize:hover{background-position:-28px -48px}
.sticky-note-icon.red{background-position:-140px -33px}
.sticky-note-icon.blue{background-position:-112px -33px}
.maximized .window-resize{background-position:-56px -33px}
.ui-icon-circle-triangle-n{background-position:-186px -50px}
.ui-icon-circle-triangle-s{background-position:-186px -54px}
.diagnosis-up,.diagnosis-down{background-position:-219px -62px}
.maximized .window-resize:hover{background-position:-56px -48px}
.window-close,.ui-dialog-titlebar-close{background-position:-84px -33px}
.t-arrow-prev,.ui-icon-circle-triangle-w{background-position:-186px -50px}
.t-arrow-next,.ui-icon-circle-triangle-e{background-position:-190px -50px}
.window-close:hover,.ui-dialog-titlebar-close:hover{background-position:-84px -48px}
.diagnosis-item .diagnosis-delete .img.icon.closer{background-position:-118px -108px}
/* -- Animated Icons -- */
.icon.processing{background-image:url(/Images/indicator.gif);height:24px;width:20px;margin:0 5px;vertical-align:sub}
@media all and (max-width:1020px) {
    .button-with-arrow{background-position:-33px -63px}
}
@media all and (max-width:650px) {
    .button-with-arrow{background-position:-65px -63px}
}
.pointer.up.img,span.ui-icon-triangle-1-n{background-position:-186px -50px;width:8px;height:4px;margin:0 4px;}
.pointer.down.img,span.ui-icon-triangle-1-s{background-position:-186px -54px;width:8px;height:4px;margin:0 4px;}
.pointer.left.img,span.ui-icon-triangle-1-w{background-position:-186px -50px;width:4px;height:8px;margin:0 6px;}
.pointer.right.img,span.ui-icon-triangle-1-e{background-position:-190px -50px;width:4px;height:8px;margin:0 6px;}



 .new-buttons a {
    margin-right: 10px;
    width: auto;
    background: #556CA2;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans';
    padding: 0;
    padding: 8px 30px 8px 30px;
    color: white;
}

.bottomTable {
    position: inherit;
    display: flex;
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 8em !important;
    height: 15.5em;
    background-color: #ffffff;
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 0.3em;
    filter: drop-shadow(2px 2px 4px rgba(163, 163, 163, 0.373));
}

.bottomTable .btn-refresh-wrapper {
    left: unset;
    float: right;
    top: 12px;
    right: 20px;
    background-color: transparent;
}

.bottomTable .btn-refresh {
    top: 0;
}

/* -- Fieldsets -- */
fieldset {
    position: relative;
    margin: 2em 1em 1em;
    background-color: #fffcf2;
    border: .1em solid #888;
    padding: 1.5em;
    border-radius: .4em;
    box-shadow: .2em .2em .3em #aaa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e9c4', endColorstr='#fffcf2');
    background-image: -moz-linear-gradient(115deg,#f5e9c4,#fffcf2,#f5e9c4);
    background-image: -o-linear-gradient(115deg,#f5e9c4,#fffcf2,#f5e9c4);
    background-image: -webkit-gradient(linear,left bottom,right top,from(#f5e9c4),to(#f5e9c4),color-stop(.5,#fffcf2))
}
.messageproduct
{
    height:30px;
    padding:5px;
    border-radius:.35em;
}
.messagetext {
    font-size: 13.5px;
}
legend {
    font-weight: bold;
    background-color: #f5e9c4;
    border: .1em solid #888;
    margin: -2.5em 0 -.5em 1em;
    padding: .25em 1em;
    cursor: default;
    position: absolute;
    border-radius: .4em
}

fieldset h3 {
    font-weight: bold;
    border-bottom: .1em dotted #d3d3d3
}

fieldset h4 {
    font-weight: bold;
    text-transform: uppercase
}

fieldset h5 {
    font-weight: bold
}

fieldset.half {
    width: 43%
}

    fieldset.half.center {
        margin: .75em auto 1.5em
    }

    fieldset.half .column, fieldset .wide column {
        width: 95%;
        padding: 1em 2.5%
    }

fieldset table {
    width: 95%;
    max-width: 110em;
    padding: 1em 2.5%;
    table-layout: fixed;
    text-align: left;
    margin: 0 auto
}

    fieldset table.borders {
        border: solid .1em #d3d3d3;
        border-collapse: collapse
    }

        fieldset table.borders td {
            border: solid .1em #d3d3d3;
            border-collapse: collapse
        }

    fieldset table td {
        vertical-align: top
    }

    fieldset table tr.linesep td, fieldset table tr.linesep th {
        border-top: dotted .1em #ddd;
        padding-top: .4em
    }

    fieldset table tr.linesepvert td {
        border-left: dotted .1em #ddd;
        padding-left: .4em;
        vertical-align: bottom
    }

        fieldset table tr.linesepvert td:first-child {
            border-left: 0
        }
/* -- Visit Note -- */
.note fieldset {
    margin-top: 4.25em
}

.note legend {
    position: absolute;
    margin: -4.25em 0 2.5em;
    left: 0;
    right: 0;
    width: auto;
    border-color: #888;
    text-align: center;
    box-shadow: .2em .2em .3em #aaa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde8f5',endColorstr='#c3d8f1');
    background-image: -moz-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image: -o-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#c3d8f1),to(#dde8f5))
}
/* -- Columns and Rows -- */
.column {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}

.row {
    clear: both;
    position: relative;
    padding: .25em 0;
    margin: .25em 1em
}
.row-border{
    border:solid .1em #aaa;
    border-radius: 5px;
    margin-bottom: 0.25rem;
}

.locations {
    padding-left: 1rem;
}

.column.wide {
    width: 100%
}

    .column.wide .row {
        max-width: 110em
    }

        .column.wide .row.narrow {
            max-width: 60em
        }

        .column.wide .row.narrower {
            max-width: 45em
        }

        .column.wide .row.narrowest {
            max-width: 30em
        }

.row > .fr.radio {
    width: 17em;
    display: inline-block;
    margin: .2em
}
/* -- Check Groups -- */
.checkgroup .option {
    width: 26.7em;
    border: solid .1em #aaa;
    margin: .1em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: left;
    box-shadow: .1em .1em .25em #d3d3d3;
    border-radius: .75em
}

.checkgroup.wide .option {
    width: 100%;
    float: none
}

.checkgroup.narrow .option {
    width: 12.95em
}

.checkgroup .option.selected {
    background-color: rgba(237,245,238,.75);
    border-color: #999;
    box-shadow: inset .1em .1em .25em #d3d3d3
}

.checkgroup.padfix .option {
    padding-bottom: .5em
}

.checkgroup .option > input[type=checkbox], fieldset .checkgroup .option > input[type=checkbox], .checkgroup .option > input[type=radio], fieldset .checkgroup .option > input[type=radio] {
    position: absolute;
    left: .2em;
    top: 50%;
    width: auto;
    margin-top: -.5em
}

.checkgroup .option input.no-float {
    float: none
}

.checkgroup .option > label, fieldset .checkgroup .option > label, .checkgroup .option .more, fieldset .checkgroup .option .more, fieldset .checkgroup .option > span {
    display: block;
    padding: .3em 1.5em .3em 2em;
    min-height: 1.5em
}

    .checkgroup .option .more > input, .checkgroup .option .more > select, .checkgroup .option .more > textarea {
        width: 100%
    }

.checkgroup .more .row {
    padding: 0 0 0 1.25em
}

.acore-grid li input[type=checkbox] {
    vertical-align: middle
}
/* -- Labels -- */
.row label.strong {
    margin-left: .25em
}

label.fl.strong[for] {
    line-height: 2.3em
}

.fr.radio label, .fr.radio input[type=checkbox], .fr.radio input[type=radio] {
    vertical-align: baseline
}

label.fixed {
    width: 6em;
    display: inline-block
}

    label.fixed.short {
        width: 4em;
        display: inline-block
    }

    label.fixed.shorter {
        width: 3em;
        display: inline-block
    }

    label.fixed.shortest {
        width: 1em;
        display: inline-block
    }
/* -- Inputs -- */
input[type=text], input[type=password], input[type=file], select, textarea, .ui-multiselect {
    border: .1em solid #aab;
    border-radius: .1em;
    -moz-border-radius: .1em;
    -o-border-radius: .1em;
    -webkit-border-radius: .1em;
    box-shadow: .1em .1em .25em #ddf inset;
    -moz-box-shadow: .1em .1em .25em #ddf inset;
    -o-box-shadow: .1em .1em .25em #ddf inset;
    -webkit-box-shadow: .1em .1em .25em #ddf inset;
    min-height: 1.5em;
    margin: .25em;
    width: 15em;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif
}
/*input[type=text],input[type=password],textarea,select{border:.1em solid #d1d1d1;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}*/
input[type=checkbox], input[type=radio] {
    border: 0 none !important
}
/*input[type=text],input[type=password],select{width:15em;margin:.2em;vertical-align:middle}*/
input[type=file] {
    width: 15.4em
}

select {
    width: 15.15em
}

textarea {
    width: 100%;
    height: 3.5em;
    font-size: 1em
}

    textarea.tall {
        height: 7em
    }

    textarea.taller {
        height: 10em
    }

    textarea.tallest {
        height: 15em;
        width: 100%
    }

input.short, select.short {
    width: 10em
}

input.shorter, select.shorter, input.date.short, input.time.short {
    width: 5em
}

input.shortest, select.shortest {
    width: 3.2em
}

input.long, select.long {
    width: 20em
}

input.longer, select.longer {
    width: 30em
}

input.longest, select.longest {
    width: 40em
}

input.fill, select.fill {
    width: 100%
}

td input.fill, td select.fill, .option input.fill, .option select.fill {
    width: 94%
}

select.state {
    width: 9.5em
}

input.zip {
    width: 3em
}

input.zip-small {
    width: 2.5em;
}

input.date-picker, input.physician-picker, input.time-picker {
    width: 13.5em
}

input.phone-short {
    width: 4em
}

input.phone-long {
    width: 4.5em
}

input.mi, input.small-digit {
    width: 2em
}

/* -- Multiselect -- */
.ui-multiselect, .ui-multiselect.ui-state-hover {
    background-color: #fff;
    height: 1.675em;
    overflow: hidden;
    padding: .1em;
    text-align: left;
    vertical-align: middle;
  
}

.ui-icon.ui-icon-triangle-2-n-s {
    background-image: url(/Images/sprite.png);
    float: right;
    margin: -2px -3px;
}


.ui-multiselect .ui-icon.ui-icon-triangle-2-n-s {
    background-image: url(/Images/sprite.png);
    background-position: 0 -111px;
    float: right;
    height: 18px;
    left: 4px;
    margin: 0;
    position: relative;
    top: 3px;
    width: 17px;
}

.ui-multiselect.ui-state-focus .ui-icon.ui-icon-triangle-2-n-s {
    background-position: -17px -111px;
}

.ui-multiselect > .ui-icon {
    float: right;
}

.ui-widget-header a {
    color: #333;
}

    .ui-widget-header a .ui-icon {
        margin: 0 10px 0 5px;
    }

.ui-multiselect-header li.ui-multiselect-close {
    display: none;
}

.ui-multiselect-header {
    border-bottom: .1em solid #aab;
    font-size: 0.9em;
    padding: .25em 0;
}

    .ui-multiselect-header ul li {
        display: inline-block;
        width: 49%;
    }

.ui-multiselect-menu {
    background-color: #fffcf2;
    border: .1em solid #aab;
    display: none;
    position: absolute;
    z-index: 99;
}

.ui-multiselect-optgroup-label {
    background-color: #F5E9C4;
    display: block;
    margin: 1px 0;
    padding: 3px;
    text-align: center;
    text-decoration: none;
}

    .ui-multiselect-optgroup-label a {
        color: black;
        font-size: 1.1em;
        letter-spacing: 0.15em;
    }

.ui-multiselect-checkboxes {
    overflow-y: auto;
}

    .ui-multiselect-checkboxes li:nth-child(odd) {
        background-color: #f7efd5;
    }

    .ui-multiselect-checkboxes label {
        display: block;
        padding: .25em;
        color: #000 !important;
    }

.ui-multiselect-menu.postion-underneath {
    top: auto !important;
    position: relative;
}
/* -- MultiSelect -- */
/*.ui-multiselect-filter {
    margin-bottom: 0.7em;
    text-align: center;
    width: 100%;
}
.ui-multiselect .ui-icon.ui-icon-triangle-2-n-s {
    background-image:url(/Images/sprite.png);
    background-position:-186px -50px;
    float:right;
    margin: 0;
    left: 4px;
    top: -1px;
    position: relative;
}
.ui-multiselect > .ui-icon {
    float:right;
}
.ui-widget-header a {
    color:#333;
}
.ui-widget-header a .ui-icon {
    margin:0 10px 0 5px;
}
.ui-multiselect-header li.ui-multiselect-close {
    display:none;
}
.ui-multiselect-header {
    border-bottom:.1em solid #aab;
    font-size:0.9em;
    padding:.25em 0;
}
.ui-multiselect-header ul li {
    display:inline-block;
    width:49%;
}
.ui-multiselect-menu {
    background-color:#fffcf2;
    border:.1em solid #aab;
    display:none;
    position:absolute;
    z-index:99;
}
.ui-multiselect-optgroup-label {
    background-color: #F5E9C4;
    display: block;
    margin: 1px 0;
    padding: 3px;
    text-align: center;
    text-decoration: none;
}

.ui-multiselect-optgroup-label a {
    color: black;
    font-size: 1.1em;
    letter-spacing: 0.15em;
}

.ui-multiselect-checkboxes {
    overflow-y:auto;
}
.ui-multiselect-checkboxes li:nth-child(odd) {
    background-color:#f7efd5;
}
.ui-multiselect-checkboxes label {
    display:block;
    padding:.25em;
}
.ui-multiselect-menu.postion-underneath{
    top: auto !important;
    position: relative;
}
.multiselect-checkbox
{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0C0C0;
    height: 7em;
    overflow: auto;
    padding-left: 0.5em;
    padding-top: 0.5em;
}

.multiselect-checkbox label {
	display:block;
}*/
/* -- Buttons -- */
.buttons {
    text-align: center
}

    .buttons.inline {
        display: inline-block
    }

    .buttons ul {
        list-style: none;
        display: inline-block;
        margin: 0 .5em
    }

.row .buttons ul {
    margin: 0
}

.buttons li {
    float: left;
    margin: .1em .4em
}

.wrapper.main.blue > .buttons li {
    display: table;
    margin: 0.25em auto;
    float: none;
}

.buttons li, .button {
    border: .1em solid #447ab2;
    border-radius: .5em;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7096d5', endColorstr='#435f8e');
    background-image: -moz-linear-gradient(90deg,#435f8e,#5c7db3 49%,#6c8fc7 50%,#7096d5);
    background-image: -o-linear-gradient(90deg,#435f8e,#5c7db3 49%,#6c8fc7 50%,#7096d5);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#435f8e),to(#7096d5),color-stop(.49,#5c7db3),color-stop(.5,#6c8fc7));
    background-image: linear-gradient(0deg, #435f8e,#5c7db3 49%,#6c8fc7 50%,#7096d5)
}

    .buttons li.red {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5707d', endColorstr='#8e434d');
        background-image: -moz-linear-gradient(90deg,#8e434d,#b35c68 49%,#c76c78 50%,#d5707d);
        background-image: -o-linear-gradient(90deg,#8e434d,#b35c68 49%,#c76c78 50%,#d5707d);
        background-image: -webkit-gradient(linear,left bottom,left top,from(#8e434d),to(#d5707d),color-stop(.49,#b35c68),color-stop(.5,#c76c78))
    }

    .buttons li.green {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#539e57', endColorstr='#306532');
        background-image: -moz-linear-gradient(90deg,#306532,#3e7941 49%,#559d59 50%,#539e57);
        background-image: -o-linear-gradient(90deg,#306532,#3e7941 49%,#559d59 50%,#539e57);
        background-image: -webkit-gradient(linear,left bottom,left top,from(#306532),to(#539e57),color-stop(.49,#3e7941),color-stop(.5,#559d59))
    }

    .buttons > ul > li.disabled, .ancillary-button.disabled, .fc-button.disabled, .button.disabled, ul.buttons > li.disabled {
        background-color: #949494;
        background-image: linear-gradient(0deg,#676767,#858585 49%,#b3b3b3 50%,#e0e0e0);
        background-image: -moz-linear-gradient(90deg,#676767,#858585 49%,#b3b3b3 50%,#e0e0e0);
        background-image: -ms-linear-gradient(90deg,#676767,#858585 49%,#b3b3b3 50%,#e0e0e0);
        background-image: -o-linear-gradient(90deg,#676767,#858585 49%,#b3b3b3 50%,#e0e0e0);
        background-image: -webkit-gradient(linear,left bottom,left top,from(#676767),to(#e0e0e0),color-stop(.49,#858585),color-stop(.5,#b3b3b3));
        background-image: -webkit-linear-gradient(90deg,#676767,#858585 49%,#b3b3b3 50%,#e0e0e0);
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7096d5',endColorstr='#435f8e');*/
        border: .1em solid #808080;
        display: inline-block;
        cursor: not-allowed;
    }

        .buttons > ul > li.disabled a, .ancillary-button.disabled a, .fc-button.disabled a, .button.disabled a, ul.buttons > li.disabled a {
            cursor: not-allowed;
            color: #ddd;
        }

        .buttons > ul > li.disabled > a:hover, .ancillary-button.disabled > a:hover, .button.disabled > a:hover, ul.buttons > li.disabled > a:hover,
        .buttons > ul > li.disabled > a.hover, .ancillary-button.disabled > a.hover, .button.disabled > a.hover, ul.buttons > li.disabled > a.hover {
            background-image: none;
        }

        .buttons > ul > li.disabled > a:active, .ancillary-button.disabled > a:active, .button.disabled > a:active, ul.buttons > li.disabled > a:active {
            box-shadow: inherit;
            -moz-box-shadow: inherit;
            -o-box-shadow: inherit;
            -webkit-box-shadow: inherit;
            color: #ddd;
        }


    .buttons li a, .button a {
        overflow: hidden;
        display: block;
        padding: .1em 2em;
        color: #fff;
        height: 1.8em;
        line-height: 1.8em;
        text-shadow: 0 .1em .1em #000;
        font-weight: bold;
        cursor: pointer
    }

    .buttons li.red a {
        border-color: #684949
    }

    .buttons li.green a {
        border-color: #49684b
    }

    .buttons li.send a {
        padding: 2.2em 1.2em 3em
    }

        .buttons li.send a:active {
            padding: 2em 1.5em 3.2em 1em
        }

    .buttons li.processing {
        background: none;
        border: 0 none;
        font-size: .85em
    }

.button-with-arrow {
    margin: .2em .45em;
    cursor: pointer
}

    .button-with-arrow a {
        border: .1em solid #495668;
        display: block;
        width: 176px;
        height: 20px;
        padding: 1px 10px;
        color: #fff;
        text-shadow: 0 .1em .1em #000;
        font-weight: bold
    }

        .button-with-arrow a:hover, .buttons li a:hover {
            background-image: -moz-radial-gradient(50% 50%, rgba(255,255,255,.6), transparent);
            background-image: -o-radial-gradient(50% 50%, rgba(255,255,255,.6), transparent);
            background-image: -webkit-gradient(radial, 50% 50%,from(rgba(255,255,255,.6)),to(transparent))
        }

        .button-with-arrow a:active, .buttons li a:active {
            color: #ddd;
            border-color: #333;
            box-shadow: inset 0 0 1em #333
        }

.button.top {
    position: absolute;
    top: 0;
    border-radius: 0 0 1em 1em
}

.button.right {
    position: absolute;
    right: 0;
    border-radius: 1em 0 0 1em
}

    .button.right a {
        padding-right: .5em
    }

.button.bottom {
    position: absolute;
    bottom: 0;
    border-radius: 1em 1em 0 0
}

.button.left {
    position: absolute;
    left: 0;
    border-radius: 0 1em 1em 0
}

    .button.left a {
        padding-left: .5em
    }

.button.top.left {
    border-radius: 0 0 1em 0
}

.button.top.right {
    border-radius: 0 0 0 1em
}

.button.bottom.right {
    border-radius: 1em 0 0 0
}

.button.bottom.left {
    border-radius: 0 1em 0 0
}

.btn-support {
    background-image: linear-gradient(0deg, #435f8e,#5c7db3 49%,#6c8fc7 50%,#7096d5);
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-width: 1;
    color: whitesmoke;
    /*display: block;*/
    float: right;
    font-family: "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    border-radius: 8px;
    text-shadow: black 0px 1.2px 1.2px;
    outline: none;
    width: 115px;
    cursor: pointer;
    border: 1px solid #495668;
}

.btn-support-ok {
    float: none;
    margin: 0 auto;
}

.btn-support:active {
    color: #ddd;
    border-color: #333;
    box-shadow: inset 0 0 1em #333;
}

.btn-expandGrid {
    float: left;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
}

.wrapper.main > .button, .wrapper.main > form > .button, .wrapper.main > .buttons, .wrapper.main > form > .buttons {
    margin: 0;
}

.btn-support-adduser {
    margin-right: 1%;
}

/*--Warning Overlay--*/
.admit-check-modal {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    border-radius: 3px;
}

.suspend {
    color: #d21010;
    font-weight: bold;
}

.admit-check-modal .modal-content {
    border-radius: 10px;
    background: #daa25b;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px 4px;
    text-align: center;
}

.admit-check-modal h2 {
    font-size: 1.1em;
    padding: 20px;
    font-weight: bold;
}

.visible-item {
    display: block;
}

/* -- Validation -- */
label.error {
    background-color: #ecd5d2;
    border: 0.1em solid #841f11;
    color: #333;
    font-size: 0.8em;
    padding: 0.1em 0.4em;
    position: absolute;
    top: -.25em;
    right: -2.5em;
    z-index: 1;
    opacity: 0.85;
    box-shadow: 0.1em 0.1em 0.25em #54140b,0 0 0.25em #841f11 inset
}

.checkgroup label.error {
    left: -1.75em;
    top: -1.75em;
    right: auto
}

table label.error {
    top: 80%;
    left: 90%
}

input.error, select.error, textarea.error, .recipient-list-token-input.error, .t-grid td.error {
    border: 0.1em solid #be2d19;
    box-shadow: 0 0 1em #ecc5c0 inset;
    background-image: -moz-linear-gradient(140deg,#fcf8f7 0%,#fcf8f7 9%,#fcebe8 10%,#fcebe8 19%,#fcf8f7 20%,#fcf8f7 29%,#fcebe8 30%,#fcebe8 39%,#fcf8f7 40%,#fcf8f7 49%,#fcebe8 50%,#fcebe8 59%,#fcf8f7 60%,#fcf8f7 69%,#fcebe8 70%,#fcebe8 79%,#fcf8f7 80%,#fcf8f7 89%,#fcebe8 90%,#fcebe8 100%);
    background-image: -o-linear-gradient(140deg,#fcf8f7 0%,#fcf8f7 9%,#fcebe8 10%,#fcebe8 19%,#fcf8f7 20%,#fcf8f7 29%,#fcebe8 30%,#fcebe8 39%,#fcf8f7 40%,#fcf8f7 49%,#fcebe8 50%,#fcebe8 59%,#fcf8f7 60%,#fcf8f7 69%,#fcebe8 70%,#fcebe8 79%,#fcf8f7 80%,#fcf8f7 89%,#fcebe8 90%,#fcebe8 100%);
    background-image: -webkit-gradient(linear,right bottom,left top,from(#fcf8f7),to(#fcebe8),color-stop(.09,#fcf8f7),color-stop(.1,#fcebe8),color-stop(.19,#fcebe8),color-stop(.2,#fcf8f7),color-stop(.29,#fcf8f7),color-stop(.3,#fcebe8),color-stop(.39,#fcebe8),color-stop(.4,#fcf8f7),color-stop(.49,#fcf8f7),color-stop(.5,#fcebe8),color-stop(.59,#fcebe8),color-stop(.6,#fcf8f7),color-stop(.69,#fcf8f7),color-stop(.7,#fcebe8),color-stop(.79,#fcebe8),color-stop(.8,#fcf8f7),color-stop(.89,#fcf8f7),color-stop(.9,#fcebe8))
}

    .recipient-list-token-input.error input {
        background: transparent
    }

.red {
    background-color: #f08080
}

.required-red {
    color: #a71111;
    font-weight: bold;
    top: 0;
    right: 20px;
    font-size: 1.4em
}

.row .required-red {
    right: -5px
}

.required-legend {
    top: .25em;
    right: 3em;
    font-style: italic;
    font-size: .8em
}

    .required-legend .required-red {
        font-size: 1.75em;
        font-weight: bold;
        vertical-align: sub
    }
/* -- Auto-Complete -- */
.ui-autocomplete-input.ui-autocomplete-loading {
    background: #fff url(/Images/indicator.gif) no-repeat right
}

.ui-autocomplete {
    z-index: 99 !important;
    border: solid .1em #aaa;
    max-height: 250px;
    overflow-y: auto;
    background-color: #fff
}

    .ui-autocomplete .ui-menu-item {
        color: #333;
        padding: .2em
    }

        .ui-autocomplete .ui-menu-item a {
            line-height: 1.5;
            padding: .1em .3em;
            display: block;
            font-weight: bold;
            cursor: pointer
        }

            .ui-autocomplete .ui-menu-item a.ui-state-hover {
                margin: -.1em;
                border: solid .1em #999;
                background-color: #dce6f5
            }

.autocomplete-results {
    padding: 0;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999
}

    .autocomplete-results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .autocomplete-results li {
        margin: 0;
        padding: 2px 5px;
        cursor: default;
        display: block;
        font: menu;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden
    }

.autocomplete-loading {
    background: white url(/Images/indicator.gif) right center no-repeat
}

.autocomplete-odd {
    background-color: #eee
}

.autocomplete-hover {
    background-color: #0A246A;
    color: white
}

.input-directions {
    background-color: #fff
}
/* -- Template Selector -- */
.template-selector {
    border: .1em solid #d1d1d1;
    border-bottom: 0 none;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: .15em 1.5em 0;
    top: .2em;
    border-radius: 1em 1em 0 0
}
/* -- Time Picker -- */
.ui-timepicker {
    display: block;
    position: absolute;
    height: 200px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    background-color: #fff;
    border: 1px solid #aaa;
    color: #222;
    display: block;
    margin: 0;
    padding: 2px;
    list-style: none outside none
}

    .ui-timepicker-standard a {
        color: #222
    }

    .ui-timepicker-standard .ui-state-hover {
        background-color: #dadada;
        border: 1px solid #999;
        font-weight: 400;
        color: #212121
    }

    .ui-timepicker-standard .ui-menu-item {
        clear: left;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .ui-timepicker-standard .ui-menu-item a {
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            text-decoration: none
        }

            .ui-timepicker-standard .ui-menu-item a.ui-state-hover {
                font-weight: 400;
                margin: -1px
            }

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.ui-timepicker-hidden {
    display: none
}

@media all and (max-width:1020px) {
    fieldset.half {
        width: 40%
    }

    input[type=text], input[type=password] {
        width: 12.5em
    }

    select {
        width: 12.65em
    }

        input.short, select.short {
            width: 8em
        }

        input.shorter, select.shorter, input.date.short, input.time.short {
            width: 6em
        }

        input.shortest, select.shortest {
            width: 4em
        }

        input.long, select.long {
            width: 15em
        }

        input.longer, select.longer {
            width: 20em
        }

        input.longest, select.longest {
            width: 30em
        }

        select.state {
            width: 8em
        }

    input.zip {
        width: 3.9em
    }

    input.date-picker, input.physician-picker, input.time-picker {
        width: 11em
    }

    input.phone-short {
        width: 3em
    }

    input.phone-long {
        width: 3.9em
    }

    input.mi, input.small-digit {
        width: 2em
    }

    select.hours {
        width: 3em
    }

    .button-with-arrow {
        width: 165px
    }

        .button-with-arrow a {
            width: 143px
        }
}

@media all and (max-width:650px) {
    fieldset.half {
        width: auto;
        float: none !important;
        margin: .75em .75em 1.5em !important
    }

    .column {
        width: 93.5%;
        float: none
    }

    input[type=text], input[type=password] {
        width: 10em
    }

    #AgencyCenter_UsersSearch{
        width: 10em !important;
    }

    select {
        width: 10.15em
    }

        input.short, select.short {
            width: 8em
        }

        input.shorter, select.shorter, input.date.short, input.time.short {
            width: 6em
        }

        input.shortest, select.shortest {
            width: 4em
        }

        input.long, select.long {
            width: 12.5em
        }

        input.longer, select.longer {
            width: 15em
        }

        input.longest, select.longest {
            width: 25em
        }

        select.state {
            width: 6.6em
        }

    input.zip {
        width: 3em
    }

    input.date-picker, input.physician-picker, input.time-picker {
        width: 8.5em
    }

    input.phone-short {
        width: 2.35em
    }

    input.phone-long {
        width: 2.75em
    }

    select.hours {
        width: 3em
    }

    .button-with-arrow {
        width: 132px
    }

        .button-with-arrow a {
            width: 110px
        }
}

.difference {
    background-color: #F5D1C4;
    border: 0.2em solid #CD7979;
    border-radius: 1.2em;
    padding: 0 1em;
}

/* Customer Note */

.mobile-device, .desktop-device, .tablet-device {
    display: none;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.addpayment-button {
    width: 150px;
    height: 25px;
}

.btn-addpayment-ok {
    float: right;
    margin: 0 auto;
}

.btn-status {
    float: left;
    border: 1px solid black;
}

/* Add Service Action */

#window_NewBillingService {
    border-radius: 6px 6px 0px 0px
}

#window_NewBillingService, .ui-dialog {
    border: 0;
    border-radius: 6px;
    background-color: #999;
    box-shadow: none;
    filter: none;
    background-image: none
}

    #window_NewBillingService.active, .ui-dialog {
        background-color: #A41A36;
        box-shadow: none;
        filter: none;
        background-image: none
    }

    #window_NewBillingService .window-top, .ui-dialog-titlebar {
        font-size: 14px;
        color: #fff
    }

        #window_NewBillingService .window-top .title, .ui-dialog-title {
            padding: 4px;
            color: #fff;
            left: 5em;
            right: 5em;
            text-align: center
        }

    #window_NewBillingService .window-bottom {
        background-color: #d8d8d8
    }

#window_NewBillingService_content, .ui-dialog-content {
    border: 0;
    top: 2.75em;
    right: 0;
    bottom: 0;
    left: 0;
    color: #000;
    box-shadow: none;
    border-radius: 0
}

    #window_NewBillingService_content.active .window-content {
        border: 0
    }

#window_NewBillingService_content {
    font-family: 'Open Sans';
    background-color: #ebebeb
}

#window_NewBillingService #minWindow {
    color: #F6C542;
    font-size: 19px;
    float: left;
    position: relative;
    z-index: 10;
    display: block
}

#window_NewBillingService #resizeWindow {
    color: #8ACA2F;
    font-size: 19px;
    float: left;
    display: block
}

#window_NewBillingService #closeWindow {
    color: #EC0032;
    font-size: 19px;
    float: left;
    display: block
}

#window_NewBillingService .window-min, #window_NewBillingService .window-resize, #window_NewBillingService .window-close, #window_NewBillingService .ui-dialog-titlebar-close {
    float: left;
    margin-top: 9px;
    margin-right: 9px;
    margin-left: 9px;
    width: 9px;
    height: 9px;
    background: none #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.billingservice-title {
    font-size: 18px;
    padding: 10px 10px 0;
    font-weight: bold
}

#NewBilling_BillingService {
    background-image: none;
    background-color: #fff;
    border: 0;
    box-shadow: 0 0.2em 0.3em #ccc;
    margin: 1.5em 0.5em 2em
}

    .newbilling-title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 1em;
        margin-left: 7.5px
    }

.newbilling-button li, .newbilling-button {
    margin-left: 7.5px;
    margin-right: 7.5px
}

.newbilling-button li a, .newbilling-button a {
    border: #447ab2;
    border-radius: 5px;
    text-shadow: none;
    font-weight: normal
}

.newbilling-button li a.newbilling-close {
    color: #447ab2;
    background-color: #fff
}

.newbilling-button li a.newbilling-save {
    background-color: #447ab2;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff
}

.newbilling-left {
    margin-left: -7.5px
}

.alert-box-text {
    font-size:1.2em;
    font-family: 'open sans' !important;
}

#dialog-modal .save-bg-button a,
#dialog-modal .no-bg-button a {
    height: 2em !important;
    line-height: 2em !important;
    text-shadow: none !important;
}

#dialog-modal .save-bg-button a {
    color: #fff !important;
}

#dialog-modal .no-bg-button a {
    color: #447ab2;
}

.message-filepicker {
    width: 22.6em !important;
}


/* HC Language dropdown styles */
.hc-multiselect-languages + button.ui-multiselect {
    width: 15em !important;
}
.fc {
	direction:ltr;
	text-align:left;
}
.fc table {
	border-collapse:collapse;
	border-spacing:0;
}
html .fc,.fc table {
	font-size:1em;
}
.fc td,.fc th {
	padding:0;
	vertical-align:top;
}
.fc-toolbar td {
	white-space:nowrap;
}
.fc-toolbar fc-left {
	text-align:left;
	width:40%;
}
.fc-toolbar fc-left .buttons {
	left:15em;
}
.fc-toolbar fc-center {
	text-align:center;
}
.fc-toolbar fc-right {
	text-align:right;
	width:40%;
}
.fc-toolbar h2 {
    display:inline-block;
	vertical-align:top;
	font-size:1.4em;
	font-weight:600;
	line-height:2.75em;
	margin-top:0;
	white-space:nowrap;
}
.fc .fc-toolbar-space {
	padding-left:4px;
}
.fc-toolbar .fc-button {
	margin:1em 0;
	vertical-align:top;
}
.fc-toolbar .fc-button {
	margin-right:-.1em;
}
.fc-toolbar .fc-corner-right {
	margin-right:.1em;
}
.fc-toolbar .ui-corner-right {
	margin-right:0;
}
/*.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
	z-index:2;
}
.fc-toolbar .fc-state-down {
	z-index:3;
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
	z-index:4;
}*/


.fc-toolbar td {
	padding:0 1em;
}
.fc-content, .fc-view-container {
	/*box-shadow:.25em .25em .5em #aaa;*/
    box-shadow: none !important;
	clear:both;
	margin:0 1em;
}
.fc-view {
	overflow:hidden;
	width:100%;
}
.fc-widget-header, .fc-widget-content {
	border:.1em solid #aaa;
}
.fc-cell-overlay {
	background:#9cf;
	opacity:.2;
	filter:alpha(opacity=20);
}
.fc-button {
	cursor:pointer;
	display:inline-block;
	position:relative;
}
.fc-state-default {
	border-style:solid;
	border-width:.1em 0;
}
.fc-button {
	display:inline-block;
	overflow:hidden;
	position:relative;
}
.fc-state-default .fc-button {
	border-style:solid;
	border-width:0 .1em;
}
.fc-button {
	border:.1em solid #495668;
	height:1.7em;
	line-height:1.7em;
	padding:.05em 1em;
	position:relative;
	white-space:nowrap;
}
.fc-button-today {
	padding:.05em 2em;
}
.fc-button-content .fc-icon-wrap {
	float:left;
	position:relative;
	top:50%;
}
.fc-button-content .fa { 
	line-height: inherit;
}
.fc-button-content .fa.fa-refresh { 
	font-size: 1.3em;
}
.fc-button-content .ui-icon {
	float:left;
	margin-top:-50%;
	position:relative;
}
.fc-state-default .fc-button-effect {
	left:0;
	position:absolute;
	top:50%;
}
.fc-state-default .fc-button-effect span {
	background:#444;
	border-color:#fff;
	border-style:solid;
	border-width:10em 0 0 .1em;
	height:100px;
	left:0;
	opacity:.09;
	filter:alpha(opacity=9);
	position:absolute;
	top:-100px;
	width:500px;
}
.fc-state-default,.fc-button {
	border-color:#495668;
	border-style:solid;
	color:#fff;
	font-weight:600;
	text-shadow:0 .1em .1em #000
}
.fc-state-active {
	background:#93a7c7;
}
.fc-button.fc-state-active {
	-webkit-box-shadow:0 0 1em #8ba3c6;
	-ms-box-shadow:0 0 1em #8ba3c6;
	box-shadow:0 0 1em #8ba3c6;
}

.fc-state-disabled {
	border-color:#ddd;
	color:#999;
	cursor:default;
	display:none;
}
.fc-state-disabled .fc-button-effect {
	display:none;
}
.fc-view-month .fc-widget-content.fc-today, .fc-view-agendaWeek .fc-widget-content.fc-today, .fc-view-resourceWeek .fc-today {
	-webkit-box-shadow:0 0 10em #f8e6cc inset;
	-ms-box-shadow:0 0 10em #f8e6cc inset;
	box-shadow:0 0 10em #f8e6cc inset;
}

.fc-event {
	border-style:solid;
	border-width:0;
	cursor:default;
	color: #FFF;
	-webkit-box-shadow:0 .2em .5em #555;
	-ms-box-shadow:0 .2em .5em #555;
	box-shadow:0 .2em .5em #555;
}

a.fc-event {
	cursor:pointer;
}
.fc-event-draggable {
	cursor:move;
}
.fc-event-draggable .task-controls {
	cursor:default;
}
a.fc-event {
	text-decoration:none;
}
.fc-rtl .fc-event {
	text-align:right;
}
.fc-event-skin {
	background-color:#abbfc9;
	border-color:#507a8f;
	color:#fff;
}
.fc-event-head {
	background-color:#729bb0;
}
.fc-event-inner {
	line-height:1.5;
	overflow:hidden;
	position:relative;
}
.fc-event-time, .fc-event-title {
	display:block;
	padding: 0 .5em;
}
.fc-event-title em {
	float:right;
	margin:0 .75em;
}

/*.emar .fc-event-title em {
	float:left;
	margin:0 .75em;
}*/

.fc .ui-resizable-handle {
	display:block;
	font-size:300%;
	line-height:50%;
	overflow:hidden;
	position:absolute;
	z-index:99999;
}
.fc-event-hori {
	border-width:.1em;
	margin-bottom:.25em;
}
.fc-event-hori .ui-resizable-e {
	cursor:e-resize;
	height:100% !important;
	right:-.25em !important;
	top:0 !important;
	width:.5em !important;
}
.fc-event-hori .ui-resizable-w {
	cursor:w-resize;
	height:100% !important;
	left:-.25em !important;
	top:0 !important;
	width:.5em !important;
}
.fc-corner-left, .fc-event-start {
	border-top-left-radius:.5em;
	border-bottom-left-radius:.5em;
}
.fc-corner-right, .fc-event-end {
	border-top-right-radius:.5em;
	border-bottom-right-radius:.5em;
}
.fc-corner-left.fc-event, .fc-corner-left .fc-event-inner {
	border-top-left-radius:.3em;
	border-bottom-left-radius:.3em;
}
.fc-corner-right.fc-event, .fc-corner-right .fc-event-inner {
	border-top-right-radius:.3em;
	border-bottom-right-radius:.3em;
}
.fc-corner-top {
	margin-top:.1em;
}
.fc-corner-top .fc-event-inner {
	margin-top:-.1em;
}
.fc-corner-bottom {
	margin-bottom:.1em;
}
.fc-corner-bottom .fc-event-inner {
	margin-bottom:-.1em;
}
.fc-corner-left .fc-event-inner {
	border-left-width:.1em;
	border-top-left-radius:.3em;
	border-bottom-left-radius:.3em;
}
.fc-corner-right .fc-event-inner {
	border-right-width:.1em;
	border-top-right-radius:.3em;
	border-bottom-right-radius:.3em;
}
.fc-corner-top .fc-event-inner {
	border-top-width:.1em;
	border-top-left-radius:.3em;
	border-top-right-radius:.3em;
}
.fc-corner-bottom .fc-event-inner {
	border-bottom-width:.1em;
	border-bottom-left-radius:.3em;
	border-bottom-right-radius:.3em;
}
table.fc-border-separate {
	border-collapse:separate;
}
.fc-border-separate th, .fc-border-separate td {
	border-width:1px 0 0 1px;
}
.fc-border-separate thead th {
	border-width:1px 0 1px 1px;
}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
	border-right-width:1px;
}
.fc-border-separate tr.fc-last th.fc-border-separate tr.fc-last td {
	border-bottom-width:1px;
}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
	border-top-width:0;
}
.fc-border-separate tbody tr.fc-first th {
	background-color:#d1e0f2;
}
.fc-grid th {
	text-align:center;
}
.fc-grid .fc-day-number {
	float:right;
	padding:0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
	opacity:.3;
	filter:alpha(opacity=30);
}
.fc-grid .fc-day-content {
	clear:both;
	padding:2px 2px 1px;
}
.fc-grid .fc-event-time, .fc-agenda .fc-agenda-axis.fc-widget-header {
	font-weight:700;
}
.fc-grid .fc-event-time {
	display:block;
	font-weight:normal;
}
.fc-rtl .fc-grid .fc-day-number {
	float:left;
}
.fc-rtl .fc-grid .fc-event-time {
	float:right;
}
.fc-agenda table {
	border-collapse:separate;
}
.fc-agenda-days th {
	text-align:center;
}
.fc-agenda .fc-agenda-axis {
	font-weight:normal;
	padding: 0 .3em;
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
	width:4em;
}
.fc-agenda .fc-day-content {
	padding:.2em .2em .1em;
}
.fc-agenda-days .fc-agenda-axis {
	border-right-width:.1em;
}
.fc-agenda-days .fc-col0 {
	border-left-width:0;
}
.fc-agenda-allday th {
	border-width:0 .1em;
}
.fc-agenda-allday .fc-day-content {
	min-height:3em;
}
.fc-agenda-divider-inner {
	height:.2em;
	overflow:hidden;
}
.fc-widget-header .fc-agenda-divider-inner{
	background-color:#d1e0f2;
}
.fc-agenda-slots th{
	border-width:.1em .1em 0;
}
.fc-agenda-slots td {
	background:none;
	border-width:.1em 0 0;
}
.fc-agenda-slots td div {
	height:1.5em;
}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
	border-top-width:0;
}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
	border-top-style:dotted;
}
.fc-event-vert {
	border-radius:.5em;
	border-width:.1em;
}
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:2;
}
.fc-event-vert .fc-event-time {
	white-space:nowrap;
}
.fc-event-vert .fc-event-bg {
	background:#fff;
	height:100%;
	left:0;
	opacity:.3;
	filter:alpha(opacity=30);
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
	display:none;
}
.fc-event-vert .ui-resizable-s {
	bottom:0 !important;
	cursor:s-resize;
	font-family:monospace;
	font-size:.9em !important;
	height:.75em !important;
	line-height:.75em !important;
	overflow:hidden !important;
	text-align:center;
	width:100% !important;
}
.fc-agenda .ui-resizable-resizing {
	overflow:hidden;
}
.task-controls {
	background-color:#78a1ba;
	border:.1em solid #333;
	border-radius:.25em;
	box-shadow:0 .2em .5em #555;
	color:#333;
	font-weight:bold;
	position:absolute;
	text-align:center;
	z-index:2;
}
.task-controls .img {
	cursor:pointer;
}
.fc-event-hori .task-controls {
	right:.25em;
}
.fc-event-vert .task-controls {
	right:-1em;
	width:2.5em;
}
.fc-event-vert .task-controls.menu, .fc-event-hori .task-controls.menu {
	width:auto;
}
.task-controls {
	display:none;
}
.fc-event:hover {
	z-index:99 !important;
}
.fc-event:hover .task-controls {
	display:block;
}
.agency .fc-event:hover .task-controls, 
.emar .fc-event:hover .task-controls  {
	display:none;
}
.task-controls.menu li {
	background-color:#fff;
	border-bottom:.1em solid #333;
	padding:.25em 1em;
}
.task-controls.menu li.hover {
	background-color:#99cded;
}
.task-controls.menu ul li:last-child {
	border-bottom:0;
}
.task-controls .img {
	margin:.25em;
}
.pd-wrapper {
	bottom:.5em;
	left:0;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	right:0;
	top:2.3em;
}
.scheduler .fc-view td {
	cursor:pointer;
}
.fc-text-arrow {
	font-size:1.4em;
	line-height:1em;
}

.fc-event-vert .fc-event-time {
	background-color: #000000;
	background-color: rgba(0,0,0,.4);
}















































































/*!
 * FullCalendar v2.3.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
	margin: 0 -1em; /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: 3%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: -3%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
	left: -2%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
	left: 2%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	/*margin: 0 0 0 -1px;*/
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/*.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}*/

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.7;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

.fc-event .fc-resizer {
	position: absolute;
	z-index: 3;
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
	right: auto; /* ignore the right and only use the left */
	cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
	left: auto; /* ignore the left and only use the right */
	cursor: e-resize;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}


.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
	left: -3px;
	right: -3px;
	width: 7px;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
	z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time {
	display:block;
	padding: 0em;
    font-size: 11px;
    
    white-space: normal;
}

.fc-title {
	display:block;
	padding: 0em;
    font-size: 10px;
    font-weight: bold;
    white-space: normal;
}

.fc-title em {
	float:right;
	margin:0 .75em;
}
.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}

/* -- Grid Window Background Colour -- */
.wrapper.blue, .wrapper.blue .abs-bottom, .wrapper.blue h1 {
    background-color: #d6e5f3;
    padding: .3em 0;
    border-top: .1em solid #83a2d4
}

    .wrapper.blue h1 {
        padding: .3em 11em
    }
/* -- Telerik Grid Placement Overrides -- */
.t-grid {
    border-color: #83a2d4 !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important
}

    .t-grid.position-relative {
        border-bottom: 0.1em solid #83a2d4 !important;
        border-left: 0.1em solid #83a2d4 !important;
        border-right: 0.1em solid #83a2d4 !important;
        box-shadow: 0.25em 0.25em 0.5em #aaa;
        margin: 1em 0;
        position: relative !important;
        top: 0 !important;
    }

.t-header, .t-grid-header {
    border-color: #83a2d4 !important
}

.t-grid-toolbar {
    height: 2.2em
}

.t-grid-content {
    position: absolute;
    height: auto !important;
    top: 2.2em;
    bottom: 0
}

.grid-stack {
    position: absolute;
    left: 0;
    right: 0
}

    .grid-stack.top {
        top: 0;
        bottom: 50%
    }

    .grid-stack.bottom {
        top: 50%;
        bottom: 0
    }

    .grid-stack.top.pending-claims {
        top: 6.5em;
        bottom: 45%
    }

    .grid-stack.bottom.pending-claims {
        top: 55%
    }

    .grid-stack .buttons li {
        margin: .3em 0
    }

.t-grid.bottom-bar .t-grid-content {
    bottom: 1.9em;
}

.t-grid.double-bottom-bar .t-grid-content {
    bottom: 3.8em;
}

.t-grid.double-bottom-bar .t-grid-footer {
    bottom: 23px;
}

.top-gap {
    top: 3em !important
}

    .top-gap.inbox .t-grid-content {
        top: 7em !important
    }

.bottom-gap {
    bottom: 3em !important
}

.t-group-indicator, .t-grouping-header {
    display: none
}
/* -- Nested in Fieldset -- */
fieldset .t-grid table {
    padding: 0;
    width: 100%;
    max-width: 100%
}


/* -- Telerik Grid Filters and Search -- */
.grid-controls {
    padding: 1em;
    width: 65em;
    margin: 0 auto 1em;
    box-shadow: .2em .2em .5em #aaa
}

    .grid-controls.short {
        width: 35em
    }

    .grid-controls label, .grid-controls input, .grid-controls div, .grid-controls a {
        vertical-align: middle
    }

    .grid-controls .filter {
        display: inline-block;
        padding: 0 1em
    }

        .grid-controls .filter input, .grid-controls .filter select, .grid-controls .filter .multiSelect {
            width: 10em
        }

    .grid-controls.short .filter input, .grid-controls.short .filter select {
        width: 20em
    }

    .grid-controls .filter label {
        margin: 0 .5em
    }

    .grid-controls .filter .checkgroup label {
        margin: 0;
        text-align: left
    }
/* -- Telerik Style Overrides -- */
.t-state-hover, .t-alt.t-state-hover, .ui-state-hover, .ui-accordion-content h6:hover {
    background-color: #d5dbe6
}

.t-grid .t-state-hover, .t-grid .t-alt.t-state-hover {
    box-shadow: inset 0 0 .1em #000
}

.t-state-selected {
    background-color: var(--window-content-bg) !important;
    font-weight: bold;
    box-shadow: inset 0 0 .1em #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cad2de',endColorstr='#abb8c9');
    background-image: -moz-linear-gradient(90deg,#83a2d4,#abb8c9 75%,#cad2de);
    background-image: -o-linear-gradient(90deg,#83a2d4,#abb8c9 75%,#cad2de);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#83a2d4),to(#cad2de),color-stop(.75 #abb8c9))
}

.t-grid .t-state-selected td, .t-state-hover td {
    border: 0 none
}

.t-grid-content .icon {
    cursor: pointer
}

.t-grid.position-relative .t-grid-content {
    position: relative;
    top: 0 !important;
    min-height: 200px;
    max-height: 200px;
}

    .t-grid.position-relative .t-grid-content table {
        border: none;
    }

.t-grid.position-relative .t-grid-bottom {
    position: relative;
    height: 22px;
}

/* -- Acore Grid -- */
.acore-grid .sortable {
    cursor: pointer
}

.acore-grid .arrow {
    margin: 7px
}

.acore-grid ul, .acore-grid ol {
    border: .1em solid #888;
    margin: 0 1em 1em;
    box-shadow: .2em .2em .3em #aaa;
    border-radius: .4em
}

.acore-grid ul {
    font-weight: bold;
    margin: .5em 1em;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde8f5',endColorstr='#c3d8f1');
    background-image: -moz-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image: -o-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#c3d8f1),to(#dde8f5))
}

.acore-grid h3 {
    font-size: 1.2em
}

.acore-grid li > span {
    display: inline-block
}

.acore-grid li {
    display: block;
    padding: .1em 1em
}

.acore-grid ol {
    background-color: #fffcf2
}

    .acore-grid ol.loading {
        min-height: 12em
    }

    .acore-grid ol.dc {
        background-color: #ffeded
    }

    .acore-grid ol li.even {
        background-color: #f7efd5
    }

    .acore-grid ol.dc li.even {
        background-color: #f7d2d2
    }

    .acore-grid ol li:first-child {
        border-top-left-radius: .4em;
        border-top-right-radius: .4em
    }

    .acore-grid ol li:last-child {
        border-bottom-left-radius: .4em;
        border-bottom-right-radius: .4em
    }

    .acore-grid ol li.hover {
        background-color: #b4e7c7;
        position: relative;
        box-shadow: 0 0 .4em #004c26;
        background-image: -moz-linear-gradient(90deg,#b4e7c7,#e9f5ed);
        background-image: -o-linear-gradient(90deg,#b4e7c7,#e9f5ed);
        background-image: -webkit-gradient(linear,left bottom,left top,from(#b4e7c7),to(#e9f5ed))
    }

    .acore-grid ol.dc li.hover, .acore-grid ol li.notready.hover {
        background-color: #f7b9b9;
        position: relative;
        box-shadow: 0 0 .4em #4d2338;
        background-image: -moz-linear-gradient(90deg,#f7b9b9,#f7d2d2);
        background-image: -o-linear-gradient(90deg,#f7b9b9,#f7d2d2);
        background-image: -webkit-gradient(linear,left bottom,left top,from(#f7b9b9),to(#f7d2d2))
    }

.acore-grid .img {
    vertical-align: middle
}

.acore-grid .sort-value {
    display: none
}

.acore-grid input[type="checkbox"], .acore-grid input[type="radio"] {
    margin: 0.25em 0;
}
/* -- Column Widths -- */
.med-ls, .remit-count {
    width: 2%
}

.med-check, .grid-icon, .grid-number {
    width: 3%
}

.hosplog-icon, .elig-icon {
    width: 5%
}

.med-type {
    width: 6%
}

.med-startdate, .med-dischargedate, .remit-subaction, .grid-labeled-icon {
    width: 8%
}

.med-dcfrequency, .med-dcroute, .med-dcclassification {
    width: 11%
}

.med-frequency, .med-route, .med-classification, .allergy-action, .grid-12 {
    width: 12%
}

.hosplog-date, .rap-mr, .final-mr, .elig-date {
    width: 13%
}

.med-name, .remit-action, .remit-id, .remit-payment, .elig-assigned, .elig-status, .rap-id {
    width: 15%
}

.med-interaction {
    width: 18%
}

.allergy-type, .rap-episode, .final-episode, .remit-claims, .remit-action, .grid-20 {
    width: 20%
}

.med-dcdosage, .elig-task, .elig-episode, .final-name, .final-episode, .grid-25 {
    width: 25%
}

.remit-date {
    width: 26%
}

.med-dosage {
    width: 29%
}

.hosplog-user, .final-patient, .episode-action, .grid-third {
    width: 40%
}

.hosplog-source, .med-interaction-name {
    width: 40%
}

.allergy-name, .episode-range {
    width: 65%
}

@media all and (max-width:1020px) {
    .grid-controls {
        width: 55em;
        margin: 0 1em 1em
    }

        .grid-controls.short {
            width: 35em;
            margin: 0 1em 1em
        }
}

@media all and (max-width:875px) {
    .blue .fr {
        float: none
    }

        .blue .fr br {
            display: none
        }

    .grid-controls, .grid-controls.short {
        width: auto;
        margin: 1em
    }

        .grid-controls.short .filter input, .grid-controls.short .filter select {
            width: 10em
        }
}

/*-- Grid Link Style -- */
.t-grid .link-wrapper + .link-wrapper:before,
.acore-grid .link-wrapper + .link-wrapper:before,
.fr > .link-wrapper + .link-wrapper:before,
.links > .link-wrapper + .link-wrapper:before {
    content: "\00a0|\00a0";
    color: #333333;
    position: relative;
    display: inline-block;
}

.grid-action {
    background-color: #BCCDE8;
    border: 1px solid #83A2D4;
    border-radius: 100px;
    cursor: pointer;
    height: 21px;
    text-align: center;
}

    /*.grid-action.hover {
        background-color: #4A77C0;
    }*/

    .grid-action > .pointer {
        position: relative;
        vertical-align: middle;
        font-size: inherit;
    }

ul.action-menu {
    border: 0.1em solid #333333;
    -webkit-box-shadow: 0.1em 0.1em 0.4em #222222;
    -ms-box-shadow: 0.1em 0.1em 0.4em #222222;
    box-shadow: 0.1em 0.1em 0.4em #222222;
    background: #FFFFFF;
    z-index: 10000;
    position: fixed;
}

.grid-action:hover ul {
    display: block;
}

ul.action-menu li {
    display: block;
    position: relative;
    border-bottom: 1px dotted grey;
}

    ul.action-menu li:last-child {
        border-bottom: 0 none;
    }

    ul.action-menu li a {
        display: block;
        padding: 0.25em 1em;
        letter-spacing: 0.15em;
        font-weight: 600;
        white-space: nowrap;
        margin: 0;
    }

        ul.action-menu li a:hover {
            border: none;
            background-color: #EBF0F5;
        }

ul.action-menu .icon {
    margin-right: 0.5em;
    vertical-align: top;
}

.t-no-data div, .t-no-firstbind div {
    position: absolute;
    top: 50%;
    width: 98%;
    width: -moz-available;
}

.t-grid.position-relative .t-no-data, .t-grid.position-relative .t-no-firstbind {
    margin-top: initial;
    position: inherit;
    top: inherit;
    width: initial;
    height: 5em;
}

.popup__two-column .fl {
    width: 45%;
}

.popup__two-column .fr {
    width: 50%;
    text-align: left;
}

/*Agency Center*/
#window_AgenciesCenter .bottom.new-agency {
    top: 14.5em;
}

/*Edit DDE Agency suspend date*/
.edit-agency-DDE-date {
    margin-left: 0px;
}

/*Loader for Edit SHP*/
#shp_visibility {
    min-height: 60px;
}

.edit-shp-processing-display {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.edit-shp-loader {
    border: 2px solid lightblue;
    border-radius: 50%;
    border-top: 2px solid #000;
    margin-right: 4px;
    margin-top: -4px;
    margin-left: -31px;
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-animation: shploder 2s linear infinite; /* Safari */
    animation: shploder 2s linear infinite;
}
/* Safari */
@-webkit-keyframes shploder {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes shploder {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#EditUpgrade_Comments {
    height: 7em;
    width: 90vw !important;
}

.paymentgrid {
    border-bottom: .1em solid #83a2d4 !important;
    border-left: .1em solid #83a2d4 !important;
    border-right: .1em solid #83a2d4 !important;
    margin: 1em 0;
    top: 0 !important;
    position: relative !important;
    height: 200px;
}

.pointer.right.img, .pointer.down.img {
    background-position: 0px 0px;
    width: 6px !important;
    height: 9px !important;
    margin: 0 6px;
}

.pointer.right, .pointer.down {
    background-image: url(/Images/icons/arrowRight.png);
}

.grid-action:hover {
    background-color: #BCCDE8 !important;
}


/* New table design (Common for all tables with class '.new-table') */
.new-table {
    border-color: none !important;
    border:none !important;
    background-color: #FFFFFF !important;
}

    .new-table .t-link:hover {
        background: #534f59 !important;
        color: white !important;
        border: none !important;
    }

    .new-table .t-no-data td {
        border-bottom: none !important;
    }

    .new-table .t-grid-content {
        top: 33px !important;
    }

    .new-table .t-header {
        padding: 0.6em 0.6em !important;
        overflow: hidden !important;
        background: #534f59 !important;
        color: white !important;
        border: none !important;
    }

        .new-table .t-header .t-link {
            color: white !important;
        }

    .new-table .t-grid-pager .t-link {
        display: inline !important;
    }

    .new-table .t-state-hover {
        padding: 1px !important;
        border: none !important;
        outline: none !important;
    }

    .new-table .t-grid-pager .t-link:hover {
        background: none !important;
    }

    .new-table .t-grid-pager .page:hover {
        color: white !important;
        background: #534f59 !important;
        border: 1px solid #C7C7C7 !important;
    }

    .new-table .t-link .t-arrow-next {
        background-position: -32px -208px !important;
    }

    .new-table .t-numeric .t-link {
        display: none !important;
    }

    .new-table .t-numeric .page {
        display: inline !important;
        padding: 0px 9px !important;
        margin: 0px 0px !important;
        color: black !important;
    }

    .new-table .t-grid-pager #pageNum,
    .new-table .t-grid-pager #currPage {
        padding: 4.5px 10.5px !important;
    }

    .new-table .t-grid-pager #currPage {
        background: #534f59 !important;
        color: white !important;
    }

    .new-table .t-grid-header {
        background: #534f59 !important;
        border: none !important;
        border-color: transparent !important;
    }

    .new-table .t-grid-content {
        background: white !important;
    }

    .new-table .t-grid-bottom, .new-table .t-grid-bottom .t-status {
        background: #F4F4F4 !important;
        border-color: transparent !important;
    }

    .new-table .t-grid, .new-table .t-header {
        margin: -0.3em 0em !important;
    }

    .new-table .t-grid-content td {
        height: 25px !important;
        text-decoration:none !important;
    }

    .new-table .t-grid-content .t-alt {
        background-color: #EBEBEB;
    }

    .new-table tr {
        background-color: #FFFFFF;
    }

    .new-table .t-alt {
        background-color: #EBEBEB;
    }

    .new-table .t-grid-footer {
        border-color: #534f59 !important;
        background-color: #534f59 !important;
        color: white !important;
    }

    .new-table .t-footer-template td {
        border-right: none !important;
    }

    .new-table .t-grid.double-bottom-bar .t-grid-content {
        bottom: 3.9em !important;
    }

    .new-table .t-grid.bottom-bar .t-grid-content {
        bottom: 1.9em !important;
    }

    .new-table .t-grid-header-wrap .t-icon {
        background-position: -14px -178px !important;
        filter: brightness(10) !important;
    }

    .new-grid-controls select {
        width: auto !important;
    }

.width-80 {
    width:80% !important;
}

.width-15em {
    width:15em !important;
}

.width-20em {
    width: 20em !important;
}

.new-view-tabs .tab {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.new-table .t-detail-cell tr {
    background-color: #EBEBEB !important;
}

.new-table .t-grid-pager {
    height: 25px !important;
    max-height: 25px !important;
}

/* New webgrid table design */
.new-webgrid-table .webgrid-header a,
.new-webgrid-table .webgrid-header {
    color: white !important;
}

.new-webgrid-table .webgrid-header {
    background: #534f59 !important;
}

.new-webgrid-table tbody tr.webgrid-row-style {
    background-color: #ebebeb !important;
}

.new-webgrid-table tbody tr.webgrid-alternating-row {
    background-color: white !important;
}

.new-webgrid-table tbody td {
    text-decoration: none !important;
}
/* -- Widget -- */
.widget, .reports {
    margin: 0 0.5em 1em;
    overflow: hidden;
    position: relative;
    left: -1.5%;
}
.widget-head, .reports-head {
    background-color: #F2F2F2;
    border-radius: 4px;
    color: #333333;
    height: 32px;
    padding: 0.3em 2.4em 0.3em 0.6em;
}
    .widget-head h5, .reports-head h5 {
        font-weight: 700;
        line-height: 40px;
        position: relative;
        left: 10px;
        bottom: 4px;
        font-size: 14px;
    }
.stationary .widget-head h5{cursor:default}
.widgets{width:33.33%;float:left}
.widget-content{display:block;background:#fffcf2;height:17.9em;position:absolute;font-weight:normal !important;left:0;right:0}
.widget-content h1{margin:4.75em 0}
.widget-more{position:absolute;bottom:-.1em;right:1.5em;padding:.3em;background-color:#eee;border:.1em solid #aaa;cursor:pointer;
    border-radius:1em 1em 0 0}
.widget-more.additional{right:10em} 
.widget-more a{color:#af1e2d;cursor:pointer}
.widget-more a:hover{display:block;margin:.4em;font-weight:bold;text-decoration:underline}
.widget-placeholder{border:.1em dashed #aaa;margin:.75em .5em;
    border-radius:1em 1em 0 0}
/* -- Faux Grid -- */
.widget-content .faux-grid{position:absolute;font-weight:normal !important;color:#333;bottom:0;left:0;right:0;top:0}
.widget-content .faux-grid th,.widget-content .faux-grid td{cursor:default}
.widget-content .faux-grid table{width:100%}
.widget-content .faux-grid-header{width:100%;background-color:#f2d9d7;color:#333;font-weight:bold;border-bottom:.1em solid #d3d3d3;padding-right:1.2em;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2e7e6', endColorstr='#f2d9d7');
    background-image:-moz-linear-gradient(90deg,#f2d9d7,#f2e7e6);
    background-image:-o-linear-gradient(90deg,#f2d9d7,#f2e7e6);
    background-image:-webkit-gradient(linear,left bottom,left top,from(#f2d9d7),to(#f2e7e6))}
.widget-content .faux-grid-header th{border-right:.1em solid #d3d3d3;border-left:.1em solid #d3d3d3;overflow:hidden;padding:.3em .6em;text-align:left;color:#333;font-weight:bold}
.widget-content .faux-grid-content{max-height:16em;width:100%}
.widget-content .faux-grid-content td{border-right:.1em solid #d6e5f3;border-left:.1em solid #d6e5f3;line-height:1.5em;overflow:hidden;padding:.25em .6em;vertical-align:top}
/* -- Intro Widget -- */
#intro_widget .widget-content div{padding:.5em 1em}
/* -- Local Widget -- */
#weather-image{background-position:left top;background-repeat:no-repeat;height:125px;width:180px;position:absolute;top:6em;left:50%;margin-left:-7.5em}
#weather-info{color:#94461e;position:relative;max-width:35em;margin:0 auto;padding-left:1.5em;cursor:default}
#weather-info a{color:#94461e;text-decoration:underline}
#weather-info .temp{font-size:2.2em;position:absolute;right:.5em;top:-.3em;font-weight:bold}
#weather-info .range,#weather-info .wind{font-size:.8em;position:absolute;right:1.5em}
#weather-info .range{top:4.2em}
#weather-info .wind{top:2.8em}
#weather-info .city{font-size:1.2em;text-transform:uppercase;font-weight:bold}
#weather-info .desc{margin-bottom:.4em;font-weight:bold}
#weather-info .link{text-align:left;font-size:.8em}
.clock_digit{width:50px;height:125px;display:inline-block;background-image:url(/Images/clock.png);margin:5px 0}
.clock_bg{width:140px;height:140px;display:inline-block;background:url(/Images/clock.png) no-repeat 0 0}
#plugin_container{width:285px;height:140px;position:relative;overflow:hidden;font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;color:#fff;margin:0 auto}
#digital_container{width:285px;height:140px;position:absolute;top:0;left:0}
#clock{float:left}
#hours,#minutes{width:140px;height:140px;float:left;position:relative}
#minutes{margin-left:4px}
#hours_bg,#minutes_bg{width:100%;height:100%;position:absolute}
.first_digit{width:50px;height:100%;position:absolute;left:20px}
.second_digit{width:50px;height:100%;position:absolute;left:70px}
.line{width:120px;height:2px;background:#efefef;position:absolute;top:69px;left:10px;z-index:101;font-size:1px}
#am_pm{position:absolute;top:110px;left:90px;z-index:110}
#am_pm{width:40px;height:26px;display:inline-block;background:url(/Images/clock.png) no-repeat -650px -515px}
#am_pm.pm{background-position:-690px -515px}
.clock_digit.clock00{background-position:0 -140px}
.clock_digit.clock10{background-position:-50px -140px}
.clock_digit.clock20{background-position:-100px -140px}
.clock_digit.clock30{background-position:-150px -140px}
.clock_digit.clock01{background-position:-200px -140px}
.clock_digit.clock11{background-position:-250px -140px}
.clock_digit.clock21{background-position:-300px -140px}
.clock_digit.clock31{background-position:-350px -140px}
.clock_digit.clock02{background-position:-400px -140px}
.clock_digit.clock12{background-position:-450px -140px}
.clock_digit.clock22{background-position:-500px -140px}
.clock_digit.clock32{background-position:-550px -140px}
.clock_digit.clock03{background-position:-600px -140px}
.clock_digit.clock13{background-position:-650px -140px}
.clock_digit.clock23{background-position:-700px -140px}
.clock_digit.clock33{background-position:-750px -140px}
.clock_digit.clock04{background-position:-800px -140px}
.clock_digit.clock14{background-position:-850px -140px}
.clock_digit.clock24{background-position:-900px -140px}
.clock_digit.clock34{background-position:-950px -140px}
.clock_digit.clock05{background-position:0 -265px}
.clock_digit.clock15{background-position:-50px -265px}
.clock_digit.clock25{background-position:-100px -265px}
.clock_digit.clock35{background-position:-150px -265px}
.clock_digit.clock06{background-position:-200px -265px}
.clock_digit.clock16{background-position:-250px -265px}
.clock_digit.clock26{background-position:-300px -265px}
.clock_digit.clock36{background-position:-350px -265px}
.clock_digit.clock07{background-position:-400px -265px}
.clock_digit.clock17{background-position:-450px -265px}
.clock_digit.clock27{background-position:-500px -265px}
.clock_digit.clock37{background-position:-550px -265px}
.clock_digit.clock08{background-position:-600px -265px}
.clock_digit.clock18{background-position:-650px -265px}
.clock_digit.clock28{background-position:-700px -265px}
.clock_digit.clock38{background-position:-750px -265px}
.clock_digit.clock09{background-position:-800px -265px}
.clock_digit.clock19{background-position:-850px -265px}
.clock_digit.clock29{background-position:-900px -265px}
.clock_digit.clock39{background-position:-950px -265px}
.clock_digit.clock111{background-position:0 -390px}
.clock_digit.clock211{background-position:-50px -390px}
.clock_digit.clock311{background-position:-100px -390px}
.clock_digit.clock121{background-position:-150px -390px}
.clock_digit.clock221{background-position:-200px -390px}
.clock_digit.clock321{background-position:-250px -390px}
.clock_digit.clock131{background-position:-300px -390px}
.clock_digit.clock231{background-position:-350px -390px}
.clock_digit.clock331{background-position:-400px -390px}
.clock_digit.clock141{background-position:-450px -390px}
.clock_digit.clock241{background-position:-500px -390px}
.clock_digit.clock341{background-position:-550px -390px}
.clock_digit.clock151{background-position:-600px -390px}
.clock_digit.clock251{background-position:-650px -390px}
.clock_digit.clock351{background-position:-700px -390px}
.clock_digit.clock1111{background-position:-750px -390px}
.clock_digit.clock2111{background-position:-800px -390px}
.clock_digit.clock3111{background-position:-850px -390px}
.clock_digit.clock1211{background-position:-900px -390px}
.clock_digit.clock2211{background-position:-950px -390px}
.clock_digit.clock3211{background-position:0 -515px}
.clock_digit.clock1311{background-position:-50px -515px}
.clock_digit.clock2311{background-position:-100px -515px}
.clock_digit.clock3311{background-position:-150px -515px}
.clock_digit.clock1511{background-position:-200px -515px}
.clock_digit.clock2511{background-position:-250px -515px}
.clock_digit.clock3511{background-position:-300px -515px}
.clock_digit.clock201{background-position:-350px -515px}
.clock_digit.clock101{background-position:-400px -515px}
.clock_digit.clock3001{background-position:-450px -515px}
.clock_digit.clock1001{background-position:-500px -515px}
.clock_digit.clock2001{background-position:-550px -515px}
.clock_digit.clock301{background-position:-600px -515px}
/* -- Custom Dashboard Mesasge Reset -- */
#custom-message-widget .widget-content div{position:relative}
#custom-message-widget .widget-content address,#custom-message-widget .widget-content blockquote,#custom-message-widget .widget-content dd,#custom-message-widget .widget-content div,#custom-message-widget .widget-content dl,#custom-message-widget .widget-content dt,#custom-message-widget .widget-content fieldset,#custom-message-widget .widget-content h1,#custom-message-widget .widget-content h2,#custom-message-widget .widget-content h3,#custom-message-widget .widget-content h4,#custom-message-widget .widget-content h5,#custom-message-widget .widget-content h6,#custom-message-widget .widget-content ol,#custom-message-widget .widget-content p,#custom-message-widget .widget-content ul,#custom-message-widget .widget-content center,#custom-message-widget .widget-content dir,#custom-message-widget .widget-content hr,#custom-message-widget .widget-content menu,#custom-message-widget .widget-content pre{display:block;unicode-bidi:embed}
#custom-message-widget .widget-content li{display:list-item}
#custom-message-widget .widget-content table{display:table}
#custom-message-widget .widget-content tr{display:table-row}
#custom-message-widget .widget-content thead{display:table-header-group}
#custom-message-widget .widget-content tbody{display:table-row-group}
#custom-message-widget .widget-content tfoot{display:table-footer-group}
#custom-message-widget .widget-content col{display:table-column}
#custom-message-widget .widget-content colgroup{display:table-column-group}
#custom-message-widget .widget-content td,#custom-message-widget .widget-content th{display:table-cell}
#custom-message-widget .widget-content caption{display:table-caption}
#custom-message-widget .widget-content th{font-weight:bolder;text-align:center}
#custom-message-widget .widget-content caption{text-align:center}
#custom-message-widget .widget-content h1{font-size:2em;margin:.67em 0}
#custom-message-widget .widget-content h2{font-size:1.5em;margin:.75em 0}
#custom-message-widget .widget-content h3{font-size:1.17em;margin:.83em 0}
#custom-message-widget .widget-content h4,#custom-message-widget .widget-content p,#custom-message-widget .widget-content blockquote,#custom-message-widget .widget-content ul,#custom-message-widget .widget-content fieldset,#custom-message-widget .widget-content ol,#custom-message-widget .widget-content dl,#custom-message-widget .widget-content dir,#custom-message-widget .widget-content menu{margin:1.12em 0}
#custom-message-widget .widget-content h5{font-size:.83em;margin:1.5em 0}
#custom-message-widget .widget-content h6{font-size:.75em;margin:1.67em 0}
#custom-message-widget .widget-content h1,#custom-message-widget .widget-content h2,#custom-message-widget .widget-content h3,#custom-message-widget .widget-content h4,#custom-message-widget .widget-content h5,#custom-message-widget .widget-content h6,#custom-message-widget .widget-content b,#custom-message-widget .widget-content strong{font-weight:bolder}
#custom-message-widget .widget-content blockquote{margin-left:40px;margin-right:40px}
#custom-message-widget .widget-content i,#custom-message-widget .widget-content cite,#custom-message-widget .widget-content em,#custom-message-widget .widget-content var,#custom-message-widget .widget-content address{font-style:italic}
#custom-message-widget .widget-content pre,#custom-message-widget .widget-content tt,#custom-message-widget .widget-content code,#custom-message-widget .widget-content kbd,#custom-message-widget .widget-content samp{font-family:monospace}
#custom-message-widget .widget-content pre{white-space:pre}
#custom-message-widget .widget-content big{font-size:1.17em}
#custom-message-widget .widget-content small,#custom-message-widget .widget-content sub,#custom-message-widget .widget-content sup{font-size:.83em}
#custom-message-widget .widget-content sub{vertical-align:sub}
#custom-message-widget .widget-content sup{vertical-align:super}
#custom-message-widget .widget-content table{border-spacing:2px}
#custom-message-widget .widget-content thead,#custom-message-widget .widget-content tbody,#custom-message-widget .widget-content tfoot{vertical-align:middle}
#custom-message-widget .widget-content td,#custom-message-widget .widget-content th,#custom-message-widget .widget-content tr{vertical-align:inherit}
#custom-message-widget .widget-content s,#custom-message-widget .widget-content strike,#custom-message-widget .widget-content del{text-decoration:line-through}
#custom-message-widget .widget-content hr{border:1px inset}
#custom-message-widget .widget-content ol,#custom-message-widget .widget-content ul,#custom-message-widget .widget-content dir,#custom-message-widget .widget-content menu,#custom-message-widget .widget-content dd{margin-left:40px}
#custom-message-widget .widget-content ol{list-style-type:decimal}
#custom-message-widget .widget-content ol ul,#custom-message-widget .widget-content ul ol,#custom-message-widget .widget-content ul ul,#custom-message-widget .widget-content ol ol{margin-top:0;margin-bottom:0}
#custom-message-widget .widget-content u,#custom-message-widget .widget-content ins{text-decoration:underline}
#custom-message-widget .widget-content br:before{content:"\A";white-space:pre-line}
#custom-message-widget .widget-content center{text-align:center}
#custom-message-widget .widget-content :link,#custom-message-widget .widget-content :visited{text-decoration:underline}
/* -- News Widget -- */
#newsfeed-widget{padding:.3em}
#newsfeed-widget .title{font-weight:bold}
#newsfeed-widget .date{color:#333;font-style:italic;font-size:.9em}
#newsfeed-widget .post{overflow:hidden;height:8.65em;border-top:.1em solid #ccc;position:relative;padding:0}
#newsfeed-widget ul li:first-child{border-top:0}
#newsfeed-widget .post a{border:.1em solid #fffcf2;display:block;height:8.8em;padding:0 .2em .4em}
#newsfeed-widget .post a:hover{border-color:#ccc;text-decoration:none;background-color:#dce6f5}
#newsfeed-widget .summary{color:#333}
#messagesWidgetContent input.radio{margin-top:.5em}
/* -- Message Widget Styling -- */
.widget-message-list li{display:block;padding:.73em;display:block;border-bottom:.1em solid #aaa;cursor:pointer}
.widget-message-list li.hover{background-color:#d8deeb;
    box-shadow:0 0 .1em #000 inset, 0 0 2em #888 inset}
.widget-message-list input{margin:.25em 1em .25em 0;vertical-align:middle}
@media all and (max-width:1020px) {
    .widgets{width:auto;float:none;display:inline}
    .widget{width:48%;float:left}
}
@media all and (max-width:750px) {
    .widgets,.widget{width:100%;float:none}
}
/* -- jQuery Layout -- */
.ui-layout-resizer {
    background-color: #bacfee;
    width: .2em;
    border: .1em solid #83a2d4;
    border-top: none;
    border-bottom: none;
    display: none !important;
    height: 100% !important;
}

.ui-layout-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #EBEBEB;
    display: flex;
}

.ui-layout-pane {
    overflow: hidden;
    height: 100% !important;
}

.ui-layout-west.ui-layout-pane.ui-layout-pane-west {
    margin: 0px 16px !important;
    border-radius: 0px;
    width: 254px !important;
    height: 643px !important;
}

.ui-layout-center {
    width: auto !important;
}

.ui-hhcahps-layout-center {
    width: auto !important;
}

.ui-layout-toggler {
    display: none !important;
}
/* -- Agency Selector -- */
.ui-layout-west .bottom {
    bottom: -22px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5em;
}
/* Call Back Schedule Center */
.ui-layout-west .top {
    margin-bottom: 10px;
    display: flex;
    padding: 7px 6px;
    height: 229px;
    flex-direction: column;
    justify-content: space-between;
    background-color: #FCFCFC;
    border-radius: 4px;
}

    .ui-layout-west .top .row {
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .ui-layout-west .top .heading {
        text-align: left;
        font-weight: bold;
        font-size: 12.5px;
        margin-bottom: 0;
        margin-top: 6px;
    }
div#AgencyCenter_HCClusterRow {
    display: none;
}

.ui-layout-west .top .row label {
    float: left;
    line-height: 2.6em;
}

.ui-layout-west .top .row div {
    display: block;
    margin-left: 5.6em;
}

.ui-layout-west .top select,
.ui-layout-west .top input {
    border-radius: 3px;
    font-family: 'Open Sans' !important;
    padding: 0px 5px 0px;
    border-color: #BFBFBF;
}
input#AgencyCenter_TextSearch {
    width: 89%;
    height: 25px;
    background: url(../Images/icons/search_icon.png) no-repeat right;
    background-position: 97%;
}
.ui-layout-west .bottom.new-agency {
    top: 12.5em;
}

.ui-layout-west .bottom .t-grid td {
    border: 0 none;
}
/* Call Back Schedule Center */

.calendar-container .cal {
    float: none;
}

#calendar-episode-list {
    margin: 2px;
}

.epsdrop {
    left: 18%;
    top: 5px;
}

.trical .abs-left a:hover, .trical .abs-right a:hover, .window-menu a:hover {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background: url(/Images/sprite.png) no-repeat center -133px;
}

.window-menu a:hover {
    background: url(/Images/gradients.png) repeat-x 0 -529px;
}

.trical {
    text-align: center;
}

    .trical .abs-left, .trical .abs-right {
        background: url(/Images/gradients.png) repeat-x 0 -526px;
        border: solid 1px #d3d3d3;
    }

        .trical .abs-left a, .trical .abs-right a {
            text-decoration: none !important;
            font-weight: bold !important;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            padding: 1px 10px 5px;
            display: inline-block;
        }

    .trical a {
        cursor: pointer;
        text-decoration: underline;
        color: blue;
        font-weight: normal;
    }

.cal {
    width: 28%;
    display: inline-block;
    margin: 10px 2.5%;
    float: left;
    text-align: center;
    vertical-align: top;
}

    .cal a {
        color: #333;
    }

    .cal table {
        border: solid 1px #d3d3d3;
        border-collapse: collapse;
        width: 100%;
    }

    .cal thead, .fc-border-separate thead {
        background: #c3d8f1 url(/Content/Office2007/sprite.png) repeat-x scroll 0 -352px;
        font-weight: bold;
    }

        .cal thead th {
            width: 14.285%;
        }

    .cal tbody td {
        cursor: pointer;
        vertical-align: top;
        border: solid 1px #d3d3d3;
        width: 135px;
        height: 22px;
        text-align: center;
    }

    .cal tbody td, .fc-widget-content {
        background-color: #fffcf2;
    }

        .cal tbody td a {
            font-weight: normal;
            text-decoration: none;
            font-family: Tahoma;
            font-size: 11px;
            line-height: 22px;
        }

    .cal.bigtd tbody td {
        height: 50px;
        cursor: pointer;
    }

        .cal.bigtd tbody td a {
            height: 50px;
        }

        .cal.bigtd tbody td .datelabel {
            height: 100%;
        }

    .cal .inactive, .fc-other-month {
        cursor: default;
        background-color: #f5f5f5;
    }

    .cal .active {
        background-color: #666;
    }

    .cal .selectdate {
        background-color: #666;
    }

    .calendar-legend .scheduled, .cal .scheduled {
        background-color: #3e799c;
    }

    .calendar-legend .completed, .cal .status425, .cal .status330, .cal .status220, .cal .status225, .cal .status135, .cal .status455, .cal .completed {
        background-color: #3ea123;
    }

    .calendar-legend .missed, .cal .status400, .cal .missed {
        background-color: #b20e0e;
    }

    .calendar-legend .multi, .cal .multi {
        background-color: #5d43ba;
    }

    .cal .active, .cal .selectdate {
        border-color: #888;
        background-image: url(/Images/sprite.png);
        background-repeat: no-repeat;
        background-position: -70px -133px;
    }

        .cal .active a, .cal .selectdate a {
            font-weight: bold;
            color: #fff;
        }

#window_userschedulemonthlycalendar .cal .active {
    background-image: none;
}

.cal .status425 a, .cal .status330 a, .cal .status220 a, .cal .status225 a, .cal .status135 a, .cal .scheduled a, .cal .status400 a, .cal .multi a {
    color: #fff;
}

.calendar-legend {
    padding: 5px;
    width: 320px;
    position: relative;
    margin: 5px auto;
}

    .calendar-legend li {
        float: left;
        margin: 0 5px;
    }

        .calendar-legend li div {
            display: inline-block;
            float: left;
            width: 12px;
            height: 12px;
            border: 1px solid #d3d3d3;
            margin: 0 1px;
            vertical-align: text-top;
        }

#tooltip.calday {
    border: solid 1px #aaa;
    width: auto;
    height: auto;
    padding: 10px;
    background: #c3d8f1 url(/Content/Office2007/sprite.png) repeat-x scroll 0 -352px;
    max-width: 30em;
}

/* -- Window Top Menu -- */
.winmenu {
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    height: 2.5em;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.165)
}

    .winmenu ul li {
        float: left;
        font-weight: bold;
        cursor: pointer;
    }

        .winmenu ul li a {
            display: block;
            line-height: 1.9em;
            padding: 0.3em 1em 0;
            color: #000;
            text-decoration: none;
        }

            .winmenu ul li a:hover {
                background-color: #fff;
                color: #a41a36;
                border-bottom: 4px solid #ba243d
            }
/* -- Agency Summary -- */
#tooltip.calday.error {
    background: #fff;
    color: #fff;
}

#tooltip.calday > .body {
    height: auto;
}
/* -- Agency Summary -- */

.agency-summary {
    position: absolute;
    width: 77.35%;
    min-width: 30em;
    min-height: 1.75em;
    margin-top: 0;
    margin-left: 10px;
    padding: 0;
    margin-right: 0;
    height: 290px;
}

    .agency-summary .abs-right {
        top: 15%;
        right: 1em;
    }

    .agency-summary .wide.column {
        width: 100%;
    }
/* -- Quick Reports -- */

.reports {
    height: auto;
}

.quick.reports {
    width: 19.1%;
    height: 292px;
    border-radius: 4px;
}

.reports ul {
    max-height: 304px;
    overflow: auto;
    background-color: #FCFCFC;
    border-radius: 0px;
}

.reports a {
    display: block;
    color: #4B71BF;
    padding: 6px 17px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.reports ul li:first-child {
    border-top: none;
}

.reports .hover {
    background-color: #d5dbe6;
}
/* -- Users -- */
.ui-layout-center .bottom {
    position: absolute;
    top: 23em;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#AgencyMainResult {
    background-color: #EBEBEB;
    inset: 0px 0px 0px 278px !important;
    margin-left: -7px !important;
}

#group113 {
    position: absolute;
    top: 54%;
    background: #FFFFFF;
    right: 22px;
    left:10px;
    bottom: 1%;
    /*box-shadow: 0.2em 0.2em 0.3em #979797;*/
    border-radius: 0.3em;
}

    /* -- Tooltips -- */
    .ui-layout-center .bottom .above {
        position: absolute;
        top: -3em;
        right: 0;
        left: 0;
        height: 2em;
        line-height: 2em;
        background-color: #d6e5f3;
        font-weight: bold;
    }

#searchbar {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    height: 53px;
    line-height: 2em;
    background-color: #ffffff;
    font-weight: bold;
    border-radius: 0.3em;
    border-top: none;
}

#userList {
    position: absolute;
    right: 74.23%;
    left: 21px;
    width: 61.9px;
    height: 19px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */
    color: #333333;
    top: 17px;
}

#UsersGrid {
    top: 52px;
    position: absolute;
    right: 1%;
    left: 1%;
    bottom: 10px;
    background: #ffffff;
    border-top: none;
}

#bottomGridName {
    font-weight: 700;
    height: 35px;
}

.text-right {
    text-align: right !important;
    padding-right: 10px !important;
}

.ui-layout-center .bottom .t-grid-content a, .ui-layout-center .bottom .t-grid-content a .icon {
    vertical-align: middle;
    cursor: pointer;
}

.ui-layout-center .bottom td, .ui-layout-center .bottom span {
    cursor: default;
    vertical-align: middle;
}

.ui-layout-center .bottom td {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    border-bottom: 0.5px solid rgba(151, 151, 151, 0.5);
    padding-left: 1%;
}

.ui-layout-center .bottom .t-grid-content a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #337AB7;
}
/* -- Tooltips -- */
.ui-tooltip {
    border: 0em;
    width: auto;
    height: auto;
    padding: .75em;
    background: #37313E;
    border-color: #37313E;
    color: white;
    font-size: 10px;
    position: fixed;
    z-index: 99;
    max-width: 30em;
    border-radius: .3em;
    box-shadow: 0em;
}

    .ui-tooltip.error {
        background: #d2aba6;
        background-image: -moz-linear-gradient(90deg, #d48c83, #d2aba6 75%, #deccca);
        background-image: -o-linear-gradient(90deg, #d48c83, #d2aba6 75%, #deccca);
        background-image: -webkit-gradient(linear, left bottom, left top, from(#d48c83), to(#deccca), color-stop(.75 #d2aba6));
    }

.sticky-note {
    background: url(/Images/sticky-note-yellow.png) no-repeat top left;
    line-height: 18px;
    position: fixed;
    z-index: 99;
    width: 142px;
    padding: 25px;
    height: 141px;
}

.ui-tooltip.sticky-note {
    background: url(/Images/sticky-note-yellow.png) no-repeat top left;
    width: 142px;
    padding: 2em;
    height: 141px;
    border: 0;
    box-shadow: none;
}

.legend .scheduled, .cal td.scheduled {
    background-color: #3e799c;
    color: #fff;
}

.legend .completed, .cal td.status.completed, .cal td.status425, .cal td.status330, .cal td.status220, .cal td.status225, .cal td.status135 {
    background-color: #3ea123;
}

.legend .missed, .cal td.status400, .cal td.missed {
    background-color: #b20e0e;
}

.legend .closed {
    background-color: #E5B938;
}

.legend {
    -ms-box-shadow: .25em .25em .5em #aaa;
    -moz-box-shadow: .25em .25em .5em #aaa;
    -o-box-shadow: .25em .25em .5em #aaa;
    -webkit-box-shadow: .25em .25em .5em #aaa;
    box-shadow: .25em .25em .5em #aaa;
    display: inline-block;
    margin: .3em auto;
    padding: .5em;
}

    .legend li {
        border-left: .1em solid #d3d3d3;
        cursor: default;
        float: left;
        font-weight: 700;
        padding: 0 .75em;
    }

    .legend ul li:first-child {
        border-left: none;
    }

    .legend li div {
        border: .2em ridge #5d5d5d;
        display: inline-block;
        height: .8em;
        margin-right: .5em;
        vertical-align: text-top;
        width: .8em;
    }

.fc-widget-header {
    background-color: #c3d8f1;
    background-image: linear-gradient(0,#c8d9ed,#e5f0fc);
    background-image: -moz-linear-gradient(90deg,#c8d9ed,#e5f0fc);
    background-image: -o-linear-gradient(90deg,#c8d9ed,#e5f0fc);
    font-weight: 700;
    cursor: default;
}

.show-scheduler, .show-list, .hide-list {
    background-color: #d6e8f5;
    border: .1em solid #83a2d4;
    border-bottom: 0 none;
    -ms-border-radius: 1em 1em 0 0;
    border-radius: 1em 1em 0 0;
    color: #333;
    cursor: pointer;
    font-weight: 700;
    padding: .4em 1em;
    position: absolute;
    top: -2.35em;
    right: 1.2em;
}

.show-list, .hide-list {
    z-index: 8;
}

.show-list:hover, .hide-list:hover {
        border-bottom: none;
}

.show-users, .hide-users {
    border: none;
    cursor: pointer;
    font-weight: inherit;
    position: relative;
    top: 0em;
    left: 0.7em;
    padding: .4em 1em;
    font-size: inherit;
    outline: none;
    background-repeat: no-repeat;
    padding: 1.2em 1.5em;
}

#expandArrow {
    position: absolute;
    left: 96%;
    top: 17px;
    padding: 8.5px 8.5px;
    background-color: transparent;
    z-index: 1;
}
#collapseArrow {
    position: absolute;
    left: 96%;
    top: 17px;
    padding: 8.5px 8.5px;
    background-color: transparent
}
#edit {
    background-image: url(/Images/icons/Edit.svg);
    color: transparent;
    position: absolute;
    width: 15px;
    height: 13px;
    right: 4.5%;
}

#primaryUser {
    padding-right: 5px;
    font-weight: 700;
    color: #81009A;
    position: relative;
    width: 15px;
    height: 13px;
}

#editBScreen {
    background-image: url(/Images/icons/Edit.svg);
    color: transparent;
    position: absolute;
    width: 15px;
    height: 13px;
    right: 2%;
}

#liveLogin, #liveLoginHhcahps, #liveLoginHcahps, #liveLoginManBC, #liveLoginManRC, #liveLoginMedBC, #liveLoginMedRC, #liveLoginPD, #liveLoginRCM, #liveLoginTherapy {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #81009A;
    position: absolute;
    right: 21%;
}
#activateLink {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #447AB2;
    position: absolute;
    right: 9%;
}
.moreOptionsbtn {
    background-image: url(/Images/icons/moreOptions.svg);
    color: transparent;
    width: 19px;
    height: 17px;
    position: absolute;
    top: -13px;
    border: none;
    border-radius: 0.23em;
}
.moreOptionsDropdown {
    position: relative;
    display: inline-block;
    left:87%;
    z-index: 99;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100px;
    border: 0.1em solid #888;
    box-shadow: 0.1em 0.1em 0.4em #222;
    right: -19px;
    top: 4px;
}
.dropdown-content a {
    color: #447AB2;
    padding: 0 0.6em;
    text-decoration: none;
    display: block;
    border-bottom: 0.1em dotted #aaa;
    border-right: 0 none;
    border-left: 0 none;
}
.dropdown-content a:hover {
    background-color: #ddd;
}
.moreOptionsDropdown:hover .dropdown-content {
    display: block;
}
.moreOptionsDropdown:hover .moreOptionsbtn {
    background-color: #3e8e41;
}
.show-users {
    background-image: url(/Images/icons/Extend.svg);
}

.hide-users {
    background-image: url(/Images/icons/Collapse.svg);
}

.show-users:active,.hide-users:active {
    color: #fff;
    text-shadow: .1em .1em .1em #000;
    background-image: -moz-linear-gradient(90deg,#435f8e,#5c7db3 49%,#6c8fc7 50%,#7096d5);
    background-image: -o-linear-gradient(90deg,#435f8e,#5c7db3 49%,#6c8fc7 50%,#7096d5);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#435f8e),to(#7096d5),color-stop(.49,#5c7db3),color-stop(.5,#6c8fc7));
}

.schedule-list {
    background-color: #fff;
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 8;
}

.fc-toolbar .fc-right {
    padding: 0 1em;
}

@media all and (max-width:715px) {
    .window-menu .print, .fc-list-tasks {
        display: none !important;
    }
}

#ScheduleCenter_Collapsed, .list-collapsed {
    background-color: #d6e8f5;
    border-top: .1em solid #83a2d4;
    height: .3em;
    position: relative;
}

.list-collapsed {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 8;
}

.cal thead, .fc-border-separate thead, .fc-content .table-corner {
    background-color: #c3d8f1;
    background-image: linear-gradient(0,#c8d9ed,#e5f0fc);
    background-image: -moz-linear-gradient(90deg,#c8d9ed,#e5f0fc);
    background-image: -o-linear-gradient(90deg,#c8d9ed,#e5f0fc);
    font-weight: 700;
    cursor: default;
}

.fc-content {
    box-shadow: .25em .25em .5em #aaa;
    clear: both;
    margin: 0 1em;
}

.fc-resource-cal .fc-content {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-color: #AAAAAA;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    background-color: #d1e0f2;
}

.eventColor1 {
    background-color: #3e799c;
    border-color: #2a5169;
}

.eventColor2 {
    background-color: #3ea123;
    border-color: #2a6e18;
}

.eventColor3 {
    background-color: #b20e0e;
    border-color: #800a0a;
}

.eventColor4 {
    background-color: #E5B938;
    border-color: #3f6fff;
}

.eventColor5 {
    background-color: #4a3594;
    border-color: #800a0a;
}

.ui-tooltip.sticky-note.blue {
    background-image: url(/Images/sticky-note-blue.png);
}

.ui-tooltip.sticky-note.red {
    background-image: url(/Images/sticky-note-red.png);
}

.ui-tooltip.sticky-note .body {
    max-height: 147px;
    overflow: hidden;
}

.t-grid tr.completed {
    color: #0c710c;
}

.t-grid td.error {
    color: #71160c;
}

@media all and (max-width: 1020px) {
    .patient-summary.ma {
        width: 30em;
    }

    .button a.previous-episode, .button a.next-episode {
        padding: .1em .5em;
    }

    #ScheduleCenter_Collapsed, #ScheduleCenter_TabStrip {
        display: none !important;
    }
}

.products-line-active {
    border-radius: 4px;
    padding: 0 4px;
    margin: 0 1.5px;
    background-color: #DFF0D8;
    border-style: none;
    Color: #3F7432;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 15px;
    text-align: justify;
}

.products-line-inactive {
    border: 1px solid #add8e6;
    border-radius: 4px;
    padding: 0 4px;
    margin: 0 1.5px;
    background-color: #F9E0E0;
    border-style: none;
    Color: #BA243D;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 15px;
    /* identical to box height */

    text-align: justify;
}

.products-line-Lite {
    color: #707070;
    background-color: rgba(112, 112, 112, 0.16);
}

.autoclaim-creation-enable {
    border: 1px solid #add8e6;
    border-radius: 10px;
    padding: 2px 20px;
    margin: 0 11px;
    background-color: #bccde8;
    border-style: none;
    Color: white;
}

.autoclaim-creation-enable:hover {
    background-color: #83a2d4;
    color: #fff !important;
    text-decoration: none;
}

.cluster-beta {
    border: 1px solid #add8e6;
    border-radius: 10px;
    padding: 0 5px;
    margin: 0 5px;
    background-color: #1766b5;
    border-style: none;
    Color: white;
}


.startup-agency {
    color: #3174AF;
    background: #EEFBFF;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    padding: 0px 6px;
    margin: 0 3px;
}

.badge {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #007bff;
    border-radius: 20px;
    padding: 0 1rem;
}

.vip-agency {
    color: #c72b13;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #c72b13;
    border-radius: 3px;
    padding: 0px 6px;
    margin: 0 3px;
}

.enterprise-agency {
    color: #234d8c;
    font-size: 12px;
    display: initial;
    border: 1px solid #234d8c;
    border-radius: 3px;
    padding: 0px 6px;
    margin: 0 3px;
}

.billingservice .option {
    border: solid .1em #aaa;
    margin: .1em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: left;
    box-shadow: .1em .1em .25em #d3d3d3;
    border-radius: .75em;
    width: 48%;
}

.billingservice .option input[type="checkbox"] {
    float: left;
    padding-right: 3px;
    text-align: left;
}

.billingproducts {
    text-align: right;
    margin-bottom: 5px;
}

.display-block {
    display: block;
}
.display-none{
    display:none;
}
.position-relative {
  position: relative !important;
}
.right-0{
right: 0 !important;
}
.backkground-repeat-no-repeat {
    background-repeat:no-repeat !important;
}
.display-inline-block{
    display: inline-block !important;
}
.top-0{
    top:0 !important;
}
.margin-left-9 {
    margin-left: 9px !important;
}

.margin-right-9 {
    margin-right: 9px !important;
}


.font-weight-700 {
 font-weight: 700 !important;
}

.danger-text{
    color:red !important;
}

.width-100 {
    width: 100% !important;
}
/* -- Email List and Recipient List -- */
.folder-selection,.compose-header{font-size:1.5em;top:2em;padding:.25em 1em;cursor:pointer}
.folder-selection,.compose-header,.message-header-container{position:absolute;left:-.1em;right:-.1em;border:.1em solid #888;
    box-shadow:0 .25em .5em #888;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4c7e4', endColorstr='#85a4d5');
    background-image:-moz-linear-gradient(90deg,#85a4d5,#b4c7e4);
    background-image:-o-linear-gradient(90deg,#85a4d5,#b4c7e4);
    background-image:-webkit-gradient(linear,right bottom,right top,from(#85a4d5),to(#b4c7e4))}
.compose-header{top:0;cursor:default}
.compose-header .buttons{font-size:.67em}
.folder-selection .ui-icon{margin:10px 0}
.folder-selection li{display:none}
.folder-selection .selected{display:block}
.folder-selector{position:absolute;top:4.5em;font-size:1.35em;left:.25em;right:.25em;border:.1em solid #888;overflow:hidden;cursor:pointer;
    box-shadow:0 .25em .5em #888;
    border-radius:0 0 .5em .5em;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce0e6', endColorstr='#97a6be');
    background-image:-moz-linear-gradient(95deg,#97a6be,#dce0e6);
    background-image:-o-linear-gradient(95deg,#97a6be,#dce0e6);
    background-image:-webkit-gradient(linear,right bottom,left top,from(#97a6be),to(#dce0e6))}
.folder-selector li{padding:.25em 1em;border-bottom:.1em dotted #888}
.folder-selector li:last-child{border-bottom:0 none}
.folder-selector .hover{background-color:rgba(94,198,237,.25)}
.message-list{background-color:#fffcf2;position:absolute;top:6em;right:0;bottom:0;left:0}
.message-list .t-grid-header{display:none}
.message-list .t-grid-content{top:.1em}
.read-false{font-weight:bold}
.recipient-list{position:absolute;top:0;right:0;bottom:0;left:0}
.recipient-panel{background-color:#fffcf2;overflow:auto;position:absolute;top:3.3em;right:0;bottom:0;left:0}
.recipient-panel .recipient{overflow:hidden;padding:.25em}
/* -- Message View -- */
.message-content{bottom:0;left:0;position:absolute;right:0;top:0}
.message-header-container,.message-body-container{padding:1em 3em}
.message-body-container{overflow:auto;top:11.75em;bottom:0;left:0;right:0;position:absolute}
.message-body-container div{position:absolute;top:1em;right:3em;left:3em;bottom:1em}
textarea#NewMessage_Body{height:100%;width:100%;overflow:auto;background-color:#fffcf2;border:0 none}
.message-header-row{margin-bottom:.3em;position:relative}
.compose.message-header-container{top:3.2em}
.compose .message-header-row{margin-left:10em;min-height:2em}
.compose .message-header-row label{lin-height:2em}
.message-header-row span{position:absolute;left:8em;right:3em;height:1.5em;overflow:scroll}
.message-header-row a.more{position:absolute;right:2.5em}
.compose-input{position:absolute;top:0;right:0;bottom:0;left:7.5em}
.compose-input.to{position:relative;left:0;margin:-2em 0 0 7.5em}
.compose .styled-uploader-input{position:absolute;top:0;right:10em;left:0}
/* -- Token Input -- */
.recipient-list-input{overflow:hidden;width:100%;border:.1em solid #d1d1d1;cursor:text;background-color:#fff;margin:.2em}
.recipient-list-input li input{border:0;width:100%}
.recipient-list-token{margin:.25em;padding:.15em 1em;background-color:#eff2f7;color:#000;cursor:default;border:.1em solid #ccd5e4;float:left;
    border-radius:.5em;
    box-shadow:.1em .1em .25em #ccd5e4,inset .1em .1em .25em #fff}
li.recipient-list-token span{color:#a6b3cf;margin-left:5px;font-weight:bold;cursor:pointer}
li.recipient-list-token-selected{background-color:#5670a6;border:1px solid #3b5998;color:#fff}
li.recipient-list-token-input{clear:left}
div.recipient-list-select{position:relative;margin-left:150px;background-color:#fff;overflow:hidden;border:1px solid #ccc;cursor:default;font-size:11px;font-family:Verdana;width:400px}
div.recipient-list-select p{margin:0;padding:5px;font-weight:bold;color:#777;position:relative}
div.recipient-list-select ul{margin:0;padding:0}
div.recipient-list-select ul li{background-color:#fff;padding:3px}
div.recipient-list-select ul li.token-input-dropdown-item-facebook{background-color:#fff}
div.recipient-list-select ul li.token-input-dropdown-item2-facebook{background-color:#fff}
div.recipient-list-select ul li em{font-weight:bold;font-style:normal}
div.recipient-list-select ul li.token-input-selected-dropdown-item-facebook{background-color:#3b5998;color:#fff}
/* -- WYSIWYG -- */
#NewMessage_BodyWrapper{position:absolute;top:13.5em;right:0;bottom:0;left:0;margin:0;padding:0;border-top:.1em solid #888}
td.cke_contents{display:block;position:absolute;top:2.5em;right:0;bottom:0;left:0}
.cke_skin_office2003 .cke_toolbar{border-radius:.5em;overflow:hidden}
.cke_skin_office2003 .cke_toolbar,.cke_skin_office2003 .cke_toolbar_start{background-color:transparent !important;background-image:none !important}
.cke_skin_office2003 .cke_top{border-width:0 !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4c7e4', endColorstr='#85a4d5');
    background-image:-moz-linear-gradient(95deg,#85a4d5,#b4c7e4);
    background-image:-o-linear-gradient(95deg,#85a4d5,#b4c7e4);
    background-image:-webkit-gradient(linear,right bottom,left top,from(#85a4d5),to(#b4c7e4))}
.wysiwyg{height:20em}
.wysiwyg div{width:100% !important}
.wysiwyg .nic-edit-panel div{width:18px !important}
/* -- CSS Cancelling for Message Styling -- */
#NewMessage_Body a{cursor:pointer}
#NewMessage_Body li{list-style:disc outside none}
#NewMessage_Body div{position:static}
#NewMessage_Body address,#NewMessage_Body blockquote,#NewMessage_Body dd,#NewMessage_Body div,#NewMessage_Body dl,#NewMessage_Body dt,#NewMessage_Body fieldset,#NewMessage_Body h1,#NewMessage_Body h2,#NewMessage_Body h3,#NewMessage_Body h4,#NewMessage_Body h5,#NewMessage_Body h6,#NewMessage_Body ol,#NewMessage_Body p,#NewMessage_Body ul,#NewMessage_Body center,#NewMessage_Body dir,#NewMessage_Body hr,#NewMessage_Body menu,#NewMessage_Body pre{display:block;unicode-bidi:embed}
#NewMessage_Body li{display:list-item}
#NewMessage_Body table{display:table}
#NewMessage_Body tr{display:table-row}
#NewMessage_Body thead{display:table-header-group}
#NewMessage_Body tbody{display:table-row-group}
#NewMessage_Body tfoot{display:table-footer-group}
#NewMessage_Body col{display:table-column}
#NewMessage_Body colgroup{display:table-column-group}
#NewMessage_Body td,#NewMessage_Body th{display:table-cell}
#NewMessage_Body caption{display:table-caption}
#NewMessage_Body th{font-weight:bolder;text-align:center}
#NewMessage_Body caption{text-align:center}
#NewMessage_Body h1{font-size:2em;margin:.67em 0}
#NewMessage_Body h2{font-size:1.5em;margin:.75em 0}
#NewMessage_Body h3{font-size:1.17em;margin:.83em 0}
#NewMessage_Body h4,#NewMessage_Body p,#NewMessage_Body blockquote,#NewMessage_Body ul,#NewMessage_Body fieldset,#NewMessage_Body ol,#NewMessage_Body dl,#NewMessage_Body dir,#NewMessage_Body menu{margin:1.12em 0}
#NewMessage_Body h5{font-size:.83em;margin:1.5em 0}
#NewMessage_Body h6{font-size:.75em;margin:1.67em 0}
#NewMessage_Body h1,#NewMessage_Body h2,#NewMessage_Body h3,#NewMessage_Body h4,#NewMessage_Body h5,#NewMessage_Body h6,#NewMessage_Body b,#NewMessage_Body strong{font-weight:bolder}
#NewMessage_Body blockquote{margin-left:40px;margin-right:40px}
#NewMessage_Body i,#NewMessage_Body cite,#NewMessage_Body em,#NewMessage_Body var,#NewMessage_Body address{font-style:italic}
#NewMessage_Body pre,#NewMessage_Body tt,#NewMessage_Body code,#NewMessage_Body kbd,#NewMessage_Body samp{font-family:monospace}
#NewMessage_Body pre{white-space:pre}
#NewMessage_Body big{font-size:1.17em}
#NewMessage_Body small,#NewMessage_Body sub,#NewMessage_Body sup{font-size:.83em}
#NewMessage_Body sub{vertical-align:sub}
#NewMessage_Body sup{vertical-align:super}
#NewMessage_Body table{border-spacing:2px}
#NewMessage_Body thead,#NewMessage_Body tbody,#NewMessage_Body tfoot{vertical-align:middle}
#NewMessage_Body td,#NewMessage_Body th,#NewMessage_Body tr{vertical-align:inherit}
#NewMessage_Body s,#NewMessage_Body strike,#NewMessage_Body del{text-decoration:line-through}
#NewMessage_Body hr{border:1px inset}
#NewMessage_Body ol,#NewMessage_Body ul,#NewMessage_Body dir,#NewMessage_Body menu,#NewMessage_Body dd{margin-left:40px}
#NewMessage_Body ol{list-style-type:decimal}
#NewMessage_Body ol ul,#NewMessage_Body ul ol,#NewMessage_Body ul ul,#NewMessage_Body ol ol{margin-top:0;margin-bottom:0}
#NewMessage_Body u,#NewMessage_Body ins{text-decoration:underline}
#NewMessage_Body br:before{content:"\A";white-space:pre-line}
#NewMessage_Body center{text-align:center}
#NewMessage_Body :link,#NewMessage_Body :visited{text-decoration:underline}
#list-messages .t-state-selected{font-weight:normal}
span.redrow,span.bluerow,span.blackrow,span.tab{border:.1em solid #aaa;display:inline-block;padding:.2em;width:12em;margin:.5em;cursor:pointer;
    border-radius:.5em;
    box-shadow:.1em .1em .5em #999}
span.redrow.selected,span.bluerow.selected,span.blackrow.selected,span.tab.selected{
    box-shadow:inset .1em .1em .5em #999}
tr.redrow,tr.redrow a,span.redrow{background-color:#ffe2e2;color:Red}
tr.redrow.t-alt,tr.redrow.t-alt a{background-color:#ffd4d4}
tr.bluerow,tr.bluerow a,span.bluerow{background-color:#e2e2ff;color:Blue}
tr.bluerow.t-alt,tr.bluerow.t-alt a{background-color:#d6d6ff}
tr.greenrow, tr.greenrow a, span.greenrow{background-color:#e2ffe2;Color:Green}
span.tab {
    background-color: #e2e2ff;
    color: Blue
}
.wysiwyg{height:22.5em}
.wysiwyg div{width:100% !important}
.wysiwyg .cke_wrapper{background-color:#85a4d5 !important}
.divider {
    position: absolute;
    left: 39.5%;
    top: 8.3%;
    bottom: 0%;
    border-left: 6px solid #FCFCFC;
    visibility: hidden;
}
.dividerl {
    position: initial;
    left: .5%;
    top: 15%;
    bottom: 0%;
    border-left: 8px solid #FCFCFC;
}
.dividerr {
    position: initial;
    left: 98.5%;
    top: 15%;
    bottom: 0%;
    border-left: 8px solid #FCFCFC;
}
.divided {
    width: 49%;
}

.dividedr {
    position: absolute;
    width: 58%;
    top: 9.5%;
    background: #F4F4F4;
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    right: .5%;
    height: 256px;
}

.dividedl {
    position: absolute;
    width: 40%;
    top: 9.5%;
    background: #F4F4F4;
    height: 256px;
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    left: .5%
}
/* -- CustomerNotes -- */
.dev-comments h3{border:0px; text-decoration:underline;}
.dev-comments li{margin-bottom:2em;}
.dev-comments b{margin-right:1em;}

/* -- Alert/Confirm -- */
#window_Alert_content {
    background: #b4c3db url(/Images/logo-ghost.png) no-repeat -5px 33%;
}
/* -- General -- */
.ui-tabs-nav li.ui-state-default a {
	color: #333;
}
.ui-tabs-nav li.ui-state-disabled a {
	color: #8D8D8D;
}
.ui-tabs-nav li.ui-state-hover {
	background-color:#dce6f5;
	border-color: #688caf;
}
.ui-tabs-nav li a:hover {
	border-bottom: 0;
}

/* -- Vertical Tabs -- */
.vertical-tab-list {
    background-color:#c3d8f1;
    background-image:linear-gradient(25deg,#a7bfdb,#e6effa,#a7bfdb);
    background-image:-moz-linear-gradient(115deg,#a7bfdb,#e6effa,#a7bfdb);
    background-image:-ms-linear-gradient(25deg,#a7bfdb,#e6effa,#a7bfdb);
    background-image:-o-linear-gradient(115deg,#a7bfdb,#e6effa,#a7bfdb);
    background-image:-webkit-gradient(linear,right bottom,left top,from(#a7bfdb),to(#a7bfdb),color-stop(.5,#e6effa));
    background-image:-webkit-linear-gradient(115deg,#a7bfdb,#e6effa,#a7bfdb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7bfdb',endColorstr='#e6effa');
    border-right:.1em solid #83a2d4;
    bottom:0;
    left:0;
    padding:.5em 0;
    position:absolute;
    top:0;
    width:18em;
}
.vertical-tab-list li {
    background-color:#c3d8f1;
    background-image:linear-gradient(0deg,#c3d8f1,#dde8f5);
    background-image:-moz-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image:-ms-linear-gradient(0deg,#c3d8f1,#dde8f5);
    background-image:-o-linear-gradient(90deg,#c3d8f1,#dde8f5);
    background-image:-webkit-gradient(linear,left bottom,left top,from(#c3d8f1),to(#dde8f5));
    background-image:-webkit-linear-gradient(90deg,#c3d8f1,#dde8f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3d8f1',endColorstr='#dde8f5');
    border-radius:.5em 0 0 .5em;
    -moz-border-radius:.5em 0 0 .5em;
    -webkit-border-radius:.5em 0 0 .5em;
    -o-border-radius:.5em 0 0 .5em;
    display:block;
    border:.1em solid #83a2d4;
    border-right:0;
    width:16.9em;
    margin:.1em 0 0 1em;
}
.vertical-tab-list .ui-state-hover {
    background:#ebf0f5;
    letter-spacing:.1em;
    margin-left:.5em;
    text-shadow:.1em .1em 0 #fff;
    width:17.4em
}
.vertical-tab-list li.ui-tabs-active {
    background:#fff;
    margin-left:.25em;
    width:17.75em;
}
.vertical-tab-list li a {
    color:#333;
    display:block;
    padding:.1em .5em;
}
.vertical-tab-list li a:hover {
    border-bottom:none;
}
.vertical-tab-list .ui-tabs-active a {
    cursor:default;
    letter-spacing:.1em;
}

.vertical-tabs .tab-content {
    bottom:0;
    left:18.1em;
    overflow:auto;
    right:0;
    position:absolute;
    top:0;
}

/* -- Horizontal Tabs -- */
.horizontal-tabs {
    background-color:#d6e8f5;
    border:0 none;
}
.horizontal-tab-list {
    margin:1px .5em !important;
    position:relative;
    z-index:1;
}
.horizontal-tab-list li {
    border:.1em solid #b8b8b8;
    border-bottom-color:#688caf;
    border-radius:1em 1em 0 0;
    display:inline-block;
    padding:.4em 1em;
    border-bottom-width: 0;
}
.horizontal-tab-list li a {
    color:#888;
    font-weight:700;
}
.horizontal-tab-list li.ui-state-active {
    background-color:#fff;
    border-color:#688caf #688caf #fff;
    border-bottom-width: .1em;
}
.horizontal-tab-list li.ui-state-active a {
    color:#333;
}

.horizontal-tabs .required-legend {
	top: 0.5em;
}

.horizontal-tabs .tab-content {
    background-color:#fff;
    border:.1em solid #688caf;
    bottom:.5em;
    left:.5em;
    overflow:auto;
    padding:.5em;
    position:absolute;
    right:.5em;
    top:4.5em;
}
.wrapper.horizontal-tabs.blue {
    background-color:#d6e5f3;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
}

/* -- Telerik -- */
.t-animation-container {
    border: solid .1em #aaa;
    margin-top: -4px
}

.t-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3em;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.t-widget {
    border-width: 1px;
    border-style: solid
}

.t-link {
    cursor: pointer;
    outline: none
}

    .t-link:hover {
        border-bottom: none
    }
/*.t-button{display:block;cursor:pointer;text-decoration:none;outline:none;text-align:center;padding:2px 4px;line-height:18px;border-width:1px;border-style:solid}*/
* + html .t-button {
    padding: 1px 4px
}

    .t-button .t-icon {
        vertical-align: top;
        margin-right: 3px;
        margin-left: -6px
    }

.t-grid-rtl .t-button .t-icon {
    margin-left: 3px;
    margin-right: -6px
}

.t-header .t-link {
    text-decoration: none
}

.t-state-disabled, .t-state-disabled .t-link {
    cursor: default;
    outline: none
}

.t-icon, .t-sprite, .ui-icon {
    display: inline-block;
    vertical-align: middle !important;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

* html .t-icon, .t-sprite {
    text-indent: 0
}

* + html .t-icon, .t-sprite {
    text-indent: 0
}

.t-image {
    border: 0
}

.t-tabstrip {
    clear: both;
    margin: 0;
    padding: 0
}

    .t-tabstrip .t-reset {
        padding: 0 .3em
    }

    .t-tabstrip .t-item {
        list-style-type: none;
        display: inline-block;
        border-width: 1px;
        border-style: solid;
        margin: .1em 0 0 0;
        position: relative;
        top: 1px
    }

    .t-tabstrip .t-link {
        padding: .3em 1.1em;
        display: inline-block;
        outline: 0
    }

    .t-tabstrip .t-item .t-icon {
        margin: -1px 4px 0 -3px;
        vertical-align: top
    }

    .t-tabstrip .t-item .t-image, .t-tabstrip .t-item .t-sprite {
        vertical-align: middle !important;
        margin: -4px 3px 0 -3px
    }

    * html .t-tabstrip .t-item .t-image, * html .t-tabstrip .t-item .t-sprite {
        vertical-align: top;
        margin-top: -1px
    }

    * + html .t-tabstrip .t-item .t-image, * + html .t-tabstrip .t-item .t-sprite {
        vertical-align: top;
        margin-top: -1px
    }

    .t-tabstrip .t-content {
        border-width: 1px;
        border-style: solid;
        margin: 0 .3em .3em;
        padding: 0 1em;
        display: none
    }

.t-tabstrip-rtl {
    direction: rtl
}

    .t-tabstrip-rtl .t-item .t-icon {
        margin: -1px -3px 0 4px
    }

    .t-tabstrip-rtl .t-item .t-image, .t-tabstrip-rtl .t-item .t-sprite {
        margin: -4px -3px 0 3px
    }

.t-menu {
    cursor: default
}

    .t-menu, .t-menu .t-group {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .t-menu .t-group .t-link {
            padding-right: 2em
        }

        .t-menu .t-item {
            position: relative;
            display: inline-block;
            border-width: 0 1px 0 0;
            border-style: solid;
            vertical-align: top
        }

.t-menu-vertical .t-item {
    display: block;
    border-width: 0
}

.t-menu .t-image, .t-menu .t-sprite {
    margin: 0 4px 0 -4px;
    vertical-align: top
}

.t-menu .t-link {
    text-decoration: none;
    padding: .25em .97em;
    display: block
}

.t-menu .t-group {
    display: none;
    white-space: nowrap;
    border-style: solid;
    border-width: 1px;
    overflow: visible
}

    .t-menu .t-group .t-item {
        display: block;
        border-width: 0
    }

.t-menu .t-arrow-down {
    margin-left: 2px;
    margin-right: -10px;
    vertical-align: top
}

.t-menu .t-arrow-next {
    position: absolute;
    right: 0;
    top: 3px
}

.t-menu .t-animation-container, .t-menu .t-group {
    left: -1px;
    position: absolute
}

    .t-menu .t-animation-container .t-animation-container, .t-menu .t-group .t-group {
        left: 100%;
        top: -1px
    }

.t-menu-vertical .t-animation-container, .t-menu-vertical .t-group {
    left: 100%;
    top: -1px
}

.t-menu .t-animation-container .t-group {
    left: auto;
    top: auto
}

.t-menu-rtl {
    direction: rtl
}

    .t-menu-rtl .t-group .t-link {
        padding-left: 2em;
        padding-right: .97em
    }

    .t-menu-rtl .t-item {
        border-width: 0 0 0 1px
    }

    .t-menu-rtl .t-image, .t-menu-rtl .t-sprite {
        margin: 0 -4px 0 4px
    }

    .t-menu-rtl .t-arrow-down {
        margin-left: -10px;
        margin-right: 2px
    }

    .t-menu-rtl .t-arrow-next {
        right: auto;
        left: 0
    }

    .t-menu-rtl .t-animation-container, .t-menu-rtl .t-group {
        left: auto;
        right: -1px
    }

        .t-menu-rtl .t-animation-container .t-animation-container, .t-menu-rtl .t-group .t-group {
            right: 100%;
            left: auto
        }

.t-menu-vertical-rtl .t-animation-container, .t-menu-vertical-rtl .t-group {
    right: 100%;
    left: auto
}

.t-menu-rtl .t-animation-container .t-group {
    right: auto
}

.t-grid {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .t-grid table {
        width: 100%;
        border-collapse: separate;
        empty-cells: show;
        border: 0
    }

    .t-grid .t-header {
        text-align: left
    }

    .t-grid .t-header, .t-grid .t-last-header {
        padding: .3em .6em;
        border-width: 0 1px 0 0;
        border-style: solid;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

    .t-grid .t-last-header {
        border-right-width: 0
    }

    .t-grid .t-header .t-link {
        line-height: 18px;
        display: block;
        margin: -.3em -.6em;
        padding: .3em 2.4em .3em .6em
    }

    .t-grid .t-state-hover {
        cursor: pointer
    }

    .t-grid td {
        padding: .2em .6em;
        line-height: 1.6em;
        overflow: hidden
    }

.t-grid-header-wrap {
    position: relative;
    overflow: hidden;
    width: 100%
}

.t-grid-header {
    padding-right: 17px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .t-grid-header .t-last-header {
        border-right-width: 1px
    }

.t-grid-content {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll !important;
    width: 100%
}

    .t-grid-header table, .t-grid-content table {
        table-layout: fixed
    }

    * html .t-grid-content table {
        width: auto
    }

    * + html .t-grid-content table {
        width: auto
    }

.t-grid .t-grid-bottom {
    border-style: solid;
    border-width: 1px 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.t-grid .t-footer, .t-grid-footer {
    border-style: solid;
    border-width: 1px 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.t-grid .t-footer {
    padding: .2em .6em;
    line-height: 1.8em;
    overflow: auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0
}

* html .t-footer input {
    vertical-align: middle !important
}

* + html .t-footer input {
    vertical-align: middle !important
}

.t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-grouping-row p {
    display: inline-block;
    vertical-align: middle !important
}

.t-grid .t-status {
    float: left;
    margin: -.2em .6em -.2em -.6em;
    height: 1.85em;
    border-right-width: 1px;
    border-right-style: solid
}

.t-grid .t-pager {
    float: left;
    cursor: default
}

.t-grid .t-status-text {
    float: right;
    margin-right: .5em;
    line-height: 22px
}

.t-pager .t-link {
    text-decoration: none;
    padding: 1px;
    margin-top: .125em
}

.t-pager .t-state-active, .t-pager .t-state-hover {
    padding: 0;
    border-width: 1px;
    border-style: solid
}

.t-pager .t-numeric, .t-pager .t-page-i-of-n {
    margin: 0 7px;
    vertical-align: top
}

.t-numeric .t-link, .t-numeric .t-state-active {
    margin-top: 0;
    padding: 0 5px;
    line-height: 22px;
    vertical-align: top
}

.t-numeric .t-state-active, .t-numeric .t-state-hover {
    padding: 0 4px;
    line-height: 20px
}

.t-page-i-of-n input {
    width: 2em;
    vertical-align: baseline;
    font-size: 1em
}

.t-footer .t-status .t-icon {
    vertical-align: top;
    margin-top: 3px
}

.t-grid-filter {
    float: right;
    height: 18px;
    margin: -1.8em -.6em -.3em 3px;
    padding: .3em .2em;
    position: relative;
    display: inline-block
}

    .t-grid-filter .t-icon {
        vertical-align: top
    }

.t-grid .t-animation-container {
    position: absolute
}

.t-filter-options {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 148px
}

    .t-filter-options .t-filter-help-text, .t-filter-options select, .t-filter-options input, .t-filter-options .t-button, .t-filter-options .t-datepicker {
        display: block;
        margin-bottom: 4px
    }

    .t-filter-options .t-button, .t-filter-options select {
        width: 148px
    }

    .t-filter-options input {
        width: 142px
    }

    .t-filter-options .t-filter-button {
        margin-bottom: 0
    }

.t-grouping-row .t-icon {
    margin: 0 4px
}

.t-grouping-row p {
    padding: 0 .6em;
    margin-left: -.6em
}

.t-grid td.t-group-cell, .t-grid-content tr > td:last-child {
    border-right: 0
}

.t-grid .t-group-col {
    width: 30px
}

.t-drag-clue {
    border-width: 1px;
    border-style: solid;
    font-size: .9em;
    padding: .05em .15em
}

.t-grouping-header, .t-grouping-dropclue {
    height: 24px;
    line-height: 24px
}

.t-grouping-dropclue {
    position: absolute;
    width: 6px
}

.t-grouping-header .t-group-indicator {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    line-height: 1.5em;
    padding: .15em .15em .15em .4em;
    margin: 0 3px
}

.t-grouping-header .t-link {
    text-decoration: none
}

.t-grouping-header .t-button {
    padding: 0;
    border: 0;
    background: transparent
}

.t-grouping-header .t-icon {
    vertical-align: top
}

.t-grouping-header .t-link .t-icon {
    margin: 0 0 0 -3px
}

.t-grouping-header .t-button .t-icon {
    margin: 0 0 0 3px
}

.t-grouping-header a, .t-grouping-header .t-button {
    display: inline-block;
    vertical-align: baseline
}

.t-grouping-header, .t-grid-toolbar {
    cursor: default;
    margin: 0;
    padding: .25em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.t-grid .t-edit-container {
    padding: 0;
    border-right: 0
}

.t-edit-form {
    padding: 0;
    margin: 0
}

    .t-edit-form td {
        border-top: 0;
        border-bottom: 0
    }

.t-edit-container .text-box, .t-edit-container .t-numerictextbox, .t-edit-container .t-datepicker {
    vertical-align: middle !important;
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    margin: -.35em -.3em -.15em
}

* html .t-grid .text-box {
    width: 90%
}

.t-select > .t-icon.t-icon-calendar {
    display: none;
}

.t-timepicker,
.t-datetimepicker,
.t-datepicker {
    border: 0;
    white-space: nowrap;
    width: 8.5em;
}

div.t-timepicker,
div.t-datetimepicker,
div.t-datepicker {
    background: none transparent; /* don't allow t-widget to add background-color */
}

.t-timepicker,
.t-datepicker,
.t-datetimepicker {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.t-grid-edit-row .text-box,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .t-datepicker {
    vertical-align: middle;
    width: 5em;
    max-width: 90%;
    min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
    margin: -.4em -.3em -.15em;
}

.t-grid .field-validation-error {
    display: block
}

.t-grid-toolbar .t-button, .t-grid-actions, .t-grid-action {
    display: inline-block;
    vertical-align: middle !important;
    font-size: 1em;
    line-height: 1.417em
}

.t-grid-action, .t-grid-toolbar .t-button {
    margin: 0 .2em;
    min-width: 45px
}

.t-grid-toolbar .t-button, button.t-grid-action, #ie8#fix {
    min-width: 75px
}

.t-grid-rtl {
    direction: ltr
}

    .t-grid-rtl table {
        border-collapse: separate
    }

    .t-grid-rtl .t-grid-header {
        padding-right: 0;
        padding-left: 17px;
        text-align: right
    }

    .t-grid-rtl .t-header {
        text-align: right;
        border-width: 0 0 1px 1px
    }

        .t-grid-rtl .t-header .t-link {
            padding: .3em .6em .3em 2.4em
        }

    .t-grid-rtl .t-grid-filter {
        float: left;
        margin: -1.8em 3px -.3em -.6em
    }

    .t-grid-rtl .t-pager {
        direction: ltr;
        float: right
    }

    .t-grid-rtl .t-status {
        float: right;
        border-right-width: 0;
        border-left-style: solid;
        border-left-width: 1px;
        margin: -.2em -.6em -.2em .6em
    }

    .t-grid-rtl .t-status-text {
        float: left
    }

.t-panelbar .t-item {
    list-style-type: none
}

.t-panelbar .t-image, .t-panelbar .t-sprite {
    vertical-align: middle !important;
    margin-right: 5px;
    margin-top: 4px;
    float: left
}

.t-panelbar .t-group .t-image, .t-panelbar .t-group .t-sprite {
    margin-top: 1px
}

.t-panelbar .t-link {
    line-height: 2.05em;
    padding: 0 1em;
    border-bottom: 1px solid;
    display: block;
    position: relative;
    text-decoration: none
}

.t-panelbar .t-arrow-up, .t-panelbar .t-arrow-down {
    position: absolute;
    top: 5px;
    right: 2px
}

.t-panelbar .t-group, .t-panelbar .t-content {
    position: relative;
    padding: 0;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .t-panelbar .t-group .t-link {
        line-height: 1.7em;
        border-bottom: 0;
        font-size: .95em
    }

    .t-panelbar .t-group .t-arrow-up, .t-panelbar .t-group .t-arrow-down {
        top: 2px
    }

    .t-panelbar .t-group .t-group .t-link {
        padding-left: 2em
    }

.t-panelbar .t-last .t-link {
    border-bottom: 0
}

.t-panelbar .t-group .t-group {
    border-bottom: 0
}

.t-panelbar-rtl {
    direction: rtl
}

    .t-panelbar-rtl .t-image, .t-panelbar-rtl .t-sprite {
        margin-right: 0;
        margin-left: 5px;
        float: right
    }

    .t-panelbar-rtl .t-arrow-up, .t-panelbar-rtl .t-arrow-down {
        right: auto;
        left: 2px
    }

    .t-panelbar-rtl .t-group .t-group .t-link {
        padding-left: 0;
        padding-right: 2em
    }

div.t-treeview {
    border-width: 0;
    background: none;
    white-space: nowrap;
    overflow: auto
}

.t-treeview .t-item {
    padding-left: 16px
}

.t-treeview .t-group, .t-treeview .t-content {
    list-style-type: none;
    background: none;
    margin: 0;
    padding: 0
}

.t-treeview .t-icon, .t-treeview .t-image, .t-treeview .t-in {
    display: inline-block;
    vertical-align: top
}

.t-treeview .t-plus, .t-treeview .t-minus, .t-treeview .t-plus-disabled, .t-treeview .t-minus-disabled {
    margin-left: -16px;
    margin-top: 2px
}

.t-treeview .t-plus, .t-treeview .t-minus {
    cursor: pointer
}

.t-treeview .t-plus-disabled, .t-treeview .t-minus-disabled {
    cursor: default
}

.t-treeview .t-image {
    margin-right: 3px
}

.t-treeview .t-in {
    margin: 1px 0;
    padding: 2px 4px 2px 3px;
    text-decoration: none;
    line-height: 16px;
    margin-left: 2px
}

.t-treeview span.t-in {
    cursor: default
}

.t-treeview .t-state-hover, .t-treeview .t-state-selected {
    padding: 1px 3px 1px 2px;
    border-width: 1px;
    border-style: solid
}

.t-treeview .t-drop-clue {
    width: 80px;
    visibility: hidden;
    height: 5px;
    position: absolute;
    margin-top: -3px;
    z-index: 10000;
    background-color: transparent;
    background-repeat: no-repeat
}

.t-treeview-lines .t-top {
    background-position: -91px 0
}

.t-treeview-lines .t-bot {
    background-position: -69px -22px
}

.t-treeview-lines .t-mid {
    background-position: -47px -44px
}

.t-treeview-lines .t-last .t-top {
    background-position: -25px -66px
}

.t-treeview-lines .t-item {
    background-repeat: no-repeat
}

.t-treeview-lines .t-first {
    background-repeat: no-repeat;
    background-position: 0 16px
}

div.t-numerictextbox {
    display: inline-block;
    vertical-align: middle !important;
    white-space: nowrap;
    border: 0;
    background: transparent
}

.t-numerictextbox .t-icon {
    margin-left: -16px
}

.t-numerictextbox .t-arrow-up {
    vertical-align: top;
    margin-top: 1px;
    height: 10px
}

.t-numerictextbox .t-arrow-down {
    vertical-align: bottom;
    margin-bottom: 1px;
    height: 11px
}

.t-drag-clue {
    position: absolute;
    z-index: 10000;
    padding: 1px 3px 1px 2px;
    white-space: nowrap;
    cursor: default
}

.t-drag-status {
    margin-right: 4px;
    vertical-align: top
}

.t-status {
    margin: 0 .5em !important;
    padding: 0 .5em 0 0
}

.t-grid .t-hierarchy-col {
    width: 30px
}

.customtable .webgrid-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: solid 1px rgb(196, 194, 194);
    background-color: white;
    word-wrap: break-word;
    border-spacing: 0;
}

.customtable .webgrid-table td, th {
    border: 0px solid rgb(200, 198, 198);
    padding: 3px 7px 2px;
}

.customtable .webgrid-table.SelectedAgenciesGridStyle td:nth-child(1), .webgrid-table.SelectedAgenciesGridStyle th:nth-child(1) {
    display: none
}

.customtable .webgrid-table.SelectedAgenciesGridStyle td:nth-child(2), .webgrid-table.SelectedAgenciesGridStyle th:nth-child(2) {
    display: none
}

.customtable .webgrid-table.SelectedAgenciesGridStyle td:nth-child(8), .webgrid-table.SelectedAgenciesGridStyle th:nth-child(8) {
    display: none
}


.customtable .webgrid-header {
    background-color: #edeeea;
    color: Black;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
    font-size: 90%;
    word-wrap: break-word;
    font-weight: Bold;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}


.customtable .webgrid-row-style {
    padding: 3px 7px 2px;
}

.customtable.webgrid-alternating-row {
    background-color: #EAF2D3;
    padding: 3px 7px 2px;
}

.customtable .t-alt {
    background-color: #EAF2D3;
}

.customtable .webgrid-row-style {
    background-color: #FFFCF2;
}

/* Office2007 theme*/
.t-widget {
    border-color: #d3d3d3;
    background-color: #fffcf2
}

.t-header, .t-grid-header {
    color: #333;
    font-weight: bold;
    border-color: #aaa;
    background: #c3d8f1 url(Office2007/sprite.png) repeat-x 0 -352px
}

.t-grid {
    border-color: #aaa
}

.t-icon {
    background: transparent url(Office2007/sprite.png) no-repeat
}

.t-expand {
    background-position: 0 -160px
}

.t-collapse {
    background-position: 0 -176px
}

.t-plus, .t-plus-disabled {
    background-position: 0 -256px
}

.t-minus, .t-minus-disabled {
    background-position: -16px -256px
}

.t-arrow-up {
    background-position: -16px -160px
}

.t-arrow-down, .ui-icon-triangle-1-s {
    background-position: -16px -176px
}

.t-state-disabled .t-arrow-up {
    background-position: -32px -160px
}

.t-state-disabled .t-arrow-down {
    background-position: -32px -176px
}

.t-state-hover .t-arrow-up {
    background-position: -48px -160px
}

.t-state-hover .t-arrow-down {
    background-position: -48px -176px
}

.t-numerictextbox .t-arrow-up {
    background-position: -16px -162px
}

.t-numerictextbox .t-arrow-down {
    background-position: -16px -178px
}

.t-arrow-up-small {
    background-position: 0 -304px
}

.t-arrow-down-small {
    background-position: -16px -304px
}

.t-arrow-first {
    background-position: 0 -192px
}

.t-arrow-prev, .ui-icon-circle-triangle-w {
    background-position: -186px -50px
}

.t-arrow-next, .ui-icon-circle-triangle-e, .ui-icon-triangle-1-e {
    background-position: -190px -50px
}

.t-arrow-last {
    background-position: -48px -192px
}

.t-state-disabled .t-arrow-first {
    background-position: 0 -208px
}

.t-state-disabled .t-arrow-prev {
    background-position: -16px -208px
}

.t-state-disabled .t-arrow-next {
    background-position: -32px -208px
}

.t-state-disabled .t-arrow-last {
    background-position: -48px -208px
}

.t-state-hover .t-arrow-first {
    background-position: 0 -224px
}

.t-state-hover .t-arrow-prev {
    background-position: -16px -224px
}

.t-state-hover .t-arrow-next {
    background-position: -32px -224px
}

.t-state-hover .t-arrow-last {
    background-position: -48px -224px
}

.t-filter {
    background-position: 0 -240px
}

.t-clear-filter {
    background-position: -16px -240px
}

.t-refresh {
    background-position: -32px -236px;
    height: 20px
}

.t-icon-calendar {
    background-position: -48px -240px
}

.t-delete {
    background-position: 0 -288px
}

.t-insert-top {
    background-position: 0 -320px
}

.t-insert-middle {
    background-position: -16px -320px
}

.t-insert-bottom {
    background-position: -32px -320px
}

.t-add {
    background-position: -48px -320px
}

.t-denied {
    background-position: -64px -320px
}

.t-loading, .t-widget .t-loading {
    background: transparent url(Office2007/loading.gif) no-repeat 0 0;
    margin-top: 3px
}

.t-widget, .t-link, .t-link:link, .t-link:active, .t-link:visited {
    color: #333
}

#UsersGrid .t-grid-header .t-link {
    color: #fff
}

.t-group, .t-content {
    border-color: #688caf;
    background-color: #fff
}

.t-alt {
    background-color: #f7efd5
}

.t-state-default {
    border-color: #b8b8b8
}

.t-active-filter {
    background-color: #c0d9ef
}

.t-state-hover, .ui-state-hover, .t-header a.t-link:hover {
    background-color: #dce6f5;
    border-color: #688caf
}

.t-state-active {
    background-color: #fffcf2;
    border-color: #688caf
}

.t-state-error {
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb
}

.t-state-disabled, .t-state-disabled .t-link {
    color: #8d8d8d
}

.t-grid-toolbar, .t-grouping-header, .t-widget .t-footer, .t-grid-footer, .t-grid-bottom, .t-widget .t-status {
    border-color: #5d8cc9;
    background-color: #d6e5f3
}
/*.t-button{background:#e8e8e8 url(Office2007/sprite.png) repeat-x 0 -96px;color:#333}*/
/*.t-button-hover{background-position:0 -128px;border-color:#d8ca95 #b9a073 #c6b99c}*/
.t-tabstrip li.t-state-active {
    border-bottom-color: #fff
}

.t-grid td {
    border-right: .1em solid #ebe3ca
}

.t-grid .t-grouping-row {
    background: #fff url(Office2007/sprite.png) repeat-x 0 -48px
}

.t-grouping-header .t-group-indicator {
    color: #333;
    border-color: #aaa
}

.t-grouping-dropclue {
    background: url(Office2007/sprite.png) no-repeat -48px -288px
}

.t-grouping-row .t-groupcell, .t-grouping-row p {
    background: #fff
}

.t-treeview .t-drop-clue {
    background-image: url(Office2007/sprite.png);
    background-position: 0 -342px
}

.t-treeview .t-state-selected {
    border-color: #a79d87
}

.t-panelbar .t-link, .t-panelbar .t-group, .t-panelbar .t-content {
    border-color: #5d8cc9
}

.t-panelbar .t-state-hover {
    background-image: none
}

.t-other-month .t-link {
    color: #777
}

.t-treeview-lines .t-top, .t-treeview-lines .t-mid, .t-treeview-lines .t-bot {
    background-image: url(Office2007/treeview-nodes.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px
}

.t-treeview-lines .t-item {
    background-image: url(Office2007/treeview-line.png)
}

.t-treeview-lines .t-last {
    background-image: none
}

.t-grid-toolbar {
    text-align: right;
    height: 27px
}

.t-grid-content {
    position: absolute;
    top: 27px;
    bottom: 0
}

.t-grid .t-group-footer td {
    font-weight: bold;
    border-width: 1px 0;
    border-style: solid;
    background-color: #d6e5f3;
    border-color: #567db0;
}

#org {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-top: 5px;
}

    #org td,
    #org th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #org tr:nth-child(even) {
        background-color: white;
    }

    #org tr:hover {
        background-color: #ddd;
    }

    #org th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #534f59;
        color: white;
        font-weight: bold;
    }

#actionsGrid {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    grid-column-gap: 10px;
}

#actions {
    font-size: 10px;
}

#filteroptions {
    height: auto;
    background-color: white;
    width: 100%;
    text-align: center;
    filter: drop-shadow(0 0 0.25rem #aaa)
}

#newOrg {
    height: 35px;
    background-color: #007bff;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

    #newOrg:hover {
        filter: drop-shadow(0 0 0.25rem grey)
    }

#exp {
    height: 35px;
    background-color: green;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    border-radius: 5px;
    margin-top: 1vw;
    margin-bottom: 1vw;
}

#filterpanel {
    width: 90%;
    margin-left: 5%;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
}

#action h5 {
    background-color: navy;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    border-radius: 5px;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 10vw;
    margin-left: 45vw;
}

.addagc {
    all: unset;
    text-decoration: underline;
    cursor: pointer;
}

.linkAgenciesTableWrapperPanel {
    overflow: scroll;
    border-bottom: 1px solid #ddd;
    max-height: 55vh;
}

    .linkAgenciesTableWrapperPanel table thead th {
        background: #afa;
        position: sticky;
        top: -1px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }

#reload {
    height: 33px;
    background-color: #534f59;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    border-radius: 5px;
    margin-top: 0.2vw;
    margin-bottom: 1vw
}

.refreshBtnContainer {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

#OrganizationCenterCont {
    width: 97%;
    margin-left: 1.5%;
    background-color: white;
    filter: drop-shadow(0 0 0.25rem lightgrey);
    border-radius: 7.5px;
    margin-top: 2.5%;
}

#OrganizationCenterInfo {
    width: 97%;
    margin-left: 1.5%;
    padding-top: 1%;
    padding-bottom: 1.5%;
}

#OrganizationCenterHeading {
    font-size: 23px;
    font-weight: bolder;
    color: #A41A36;
}

#OrganizationCenterSearchCont {
    width: 97%;
    margin-left: 1.5%;
    margin-top: 1.5%;
}

#OrganizationalPanelDataListCont {
    width: 98%;
    margin-left: 1%;
    margin-top: 0.5%;
    background-color: white;
    border-radius: 5px;
    filter: drop-shadow(0 0 0.25rem lightgrey);
}

#OrganizationalPanelDataListGrid {
    display: grid;
    grid-template-columns: 17.666% 15.666% 15.666% 15.666% 11% 10.666% 15%;
    width: 97%;
    margin-left: 1.5%;
    border-top: 1px dashed #A1A1A1;
    background-color: white
}

#OrganizationalPanelGridElement {
    margin-top:15px;
    margin-bottom:15px;
}

#OrganizationalPanelGridTitle {
    font-size: 15px;
    font-weight: bolder;
    color: #A41A36;
    line-height: 45px
}

#OrganizationalPanelGridData {
    font-size: 13.5px;
    color: #515151;
    font-weight: 500;
    font-family: Arial, sans-serif;
}

#OrganizationalPanelGridDataName {
    font-size: 13.5px;
    color: #515151;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

#OrganizationalPanelGridDataStatus {
    background-color: green;
    color: white;
    width: max-content;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13.5px;
    color: white;
    font-weight: bold;
    font-family: Arial, sans-serif;
    border-radius: 20px;
}

#AddAgenciesOrganizationDetails {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#AddAgenciesOrganizationData {
    font-size: 15px;
}

#EditFunctionalityRedirect {
    background-color: white;
    color: #007bff;
    padding: 7.5px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 5px;
    border: 2px solid #007bff;
    cursor: pointer;
}

    #EditFunctionalityRedirect:hover {
        background-color: #007bff;
        color: white;
    }

#AddAgenciesSearchContainer {
    margin-top: 20px;
    text-align: center;
}

#linktoorg {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-top: 25px;
}

    #linktoorg td,
    #linktoorg th {
        border-top: 1px dashed #A1A1A1;
        padding: 12px;
    }

    #linktoorg tr:nth-child(even) {
        background-color: white;
    }

    #linktoorg tr:hover {
        background-color: #ddd;
    }

    #linktoorg th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #534f59;
        color: white;
        font-weight: bold;
    }

#actionsGrid {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    grid-column-gap: 10px;
}

#actions {
    font-size: 10px;
}

#filteroptions {
    height: auto;
    width: 100%;
    text-align: center;
    border-radius: 0.5vw;
}

#exp {
    height: 35px;
    background-color: green;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    border-radius: 5px;
    margin-top: 1vw;
    margin-bottom: 1vw;
}

#filterpanel {
    width: 90%;
    margin-left: 5%;
    padding-top: 1.5vw;
}

#action h5 {
    background-color: navy;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    border-radius: 5px;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 10vw;
    margin-left: 45vw;
}

.linkAgenciesTableWrapper {
    max-height: 37vh;
    overflow: auto;
    border-bottom: 1px solid black;
}

    .linkAgenciesTableWrapper table thead th {
        background: #afa;
        position: sticky;
        top: -1px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }



#vieworg {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-top: 25px;
}

    #vieworg td,
    #vieworg th {
        border-top: 1px dashed #A1A1A1;
        padding: 12px;
    }

    #vieworg tr:nth-child(even) {
        background-color: white;
    }

    #vieworg tr:hover {
        background-color: #ddd;
    }

    #vieworg th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #534f59;
        color: white;
        font-weight: bold;
    }

#panelDataListCont {
    width: 98%;
    margin-left: 1%;
    margin-top: 0.5%;
    background-color: white;
    border-radius: 5px;
    filter: drop-shadow(0 0 0.25rem lightgrey);
}

/*---------override the grid-template-columns as inline style in grid containers in html if you want to have different number of columns based on the needs */
#panelDataListGrid {
    display: grid;
    grid-template-columns: 17.666% 15.666% 15.666% 15.666% 11% 10.666% 15%;
    width: 97%;
    margin-left: 1.5%;
    border-top: 1px dashed #A1A1A1;
    background-color: white
}
/*----------------------------------------------------*/
#panelGridElement {
    margin-top: 15px;
    margin-bottom: 15px;
}

#panelGridTitle {
    font-size: 15px;
    font-weight: bolder;
    color: #A41A36;
    line-height: 45px
}
#panelGridData, panelGridDataAccount {
    font-size: 13.5px;
    color: #515151;
    font-weight: 500;
    font-family: Arial, sans-serif;
}

#panelGridDataName {
    font-size: 13.5px;
    color: #515151;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

#panelGridDataStatus {
    background-color: green;
    color: white;
    width: max-content;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13.5px;
    color: white;
    font-weight: bold;
    font-family: Arial, sans-serif;
    border-radius: 20px;
}
#panelGridDataStatusSecondary {
    background-color: #DFF0D8;
    color: green;
    width: max-content;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13.5px;
    color: green;
    font-weight: bold;
    font-family: Arial, sans-serif;
    border-radius: 20px;
}