* {margin:0; padding:0; outline:none; 
}

img { border: none; }

body {
    font-size: 11px;
    font-family: 'Open Sans', Arial;
    color: #343434;
}

html,body{
    /*min-width: 1400px;*/
    width: 100%;
}

a:link		{color: #5C85BA; text-decoration: none;}
a:visited 	{color: #5C85BA; text-decoration: none;}
a:active 	{color: #5C85BA; text-decoration: none;}
a:hover 	{color: #5C85BA; text-decoration: underline;}

h4 { font-size: 11px; font-weight: bold;}

.full-width {
    width: 100%;
}

.p10 {
    padding: 10px;
}

.fieldsetSpacer {
  border-top: 1px solid #ccc;
  padding: 5px;
}

.dropdownli:hover {
    background: #f2f2f2;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.noliststyle {
    list-style: none;
    list-style-type: none;
}

.noliststyle ul {
    list-style-image: none;
}

.noliststyle li {
    margin: 5px 10px 5px 15px;
    padding: 0;
    list-style-image: none;
}

select#project_users {
    height: 120px !important;
    width: 160px !important;
}

#status_message{
    font-family:Arial; padding:5px;
    color:#b00000;
    font-size:12px;
    font-weight:bold;
}
ul#files_list{ list-style:none; padding:0; margin:0; }
ul#files_list li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px; text-align:center;color:#ffffff;}
ul#files_list li img{ max-width:180px; max-height:150px; }
/*.success{ background:#000000; border:1px solid #cccccc; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }*/

.spacer	{clear:both}
.error	{color:#FF9C00;}
.error a	{color: #FF9C00}
.rightAlign {width: 100%; text-align: right;}
.icon, .delete-tool-file {vertical-align: middle; padding-left: 2px; padding-right: 5px; cursor: pointer;}
.icon.disabled { opacity: 0.6; cursor: default; }
.adminTitle {display: block; float: left; width: 22px;}
.floatleft {float: left}
.floatright {float: right}

ul	{list-style: url(/images/template/bullet.gif);}

li {
    margin: 10px 0px 10px 25px;
}

.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
    margin: 0;
}

h1 {font-size: 14px; margin-bottom: 15px;}
h1.toolname {font-size: 14px; margin-top: 20px; margin-left: 65px; color:#6F98CD;}
h2 {font-size: 12px; font-weight: normal}
h3 {color:#5C85BA; font-size: 11px; font-weight: normal;}
hr {border: 1px solid #D3D2D2; padding: 0;}
p {margin-bottom: 10px; margin-top: 10px;}
.newButton {float: right; text-align: right; margin-bottom: 5px; width: 40%;}

h3.accordion_toggle {cursor: pointer;display: block;}
.accordion_content {display: none; overflow: hidden; width: 200px;}

h3.Naccordion_toggle {cursor: pointer;display: block;}
.Naccordion_content {overflow: hidden; width: 200px;}

.reportGroup .accordion_content {width: 100%;}

/* HEADER */
#main-wrapper {
    height: 100%;
    width: 100%;
}
#header-wrapper	{width: 100%;}
.headerlogo		{float:left;}
.headerInfoBox	{float:left; margin:10px; padding:10px; background-color:#FFFFFF;}
.headerimg		{float:right;}

#loggedinBox {float:right; background: #ffffff; width: 240px; padding: 5px 0px 0px 5px;}
#topSearchBar {
    background: #CEDBEB;
    padding: 10px 10px;
    margin-bottom: 5px;
    position: relative;
    min-width:900px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#topEditBar {background: #EEEEEE; padding: 8px 10px; margin-bottom: 2px;}
#alertBar {background: #EEEEEE; padding: 8px 10px; margin-bottom: 2px;}
#topKPIBar {background: #EEEEEE; padding: 8px 10px; margin-bottom: 2px;}

div.saveSearch { position: absolute; right: 4px; top: 4px; }
div.exportButtonList { margin-top: -5px; float: right; }

#popup-content-wrapper {width: 100%;}
#popup-header-wrapper	{width:100%; background: url('/images/template/popupheader.gif') #7DA6DA;}

.padder	{padding:10px;}
.nopadder	{padding: 0px;}
#content {float: left;}

/* LEFT SIDE */ 
#leftSide li {margin: 10px 0px 10px 20px;}
/*
.leftSideBox {margin: 8px 0px; border-bottom: 1px solid #CEDBEB;}
.leftSideBox .centerBit {padding: 7px 7px 0px 7px;}
.leftSideBox .bottomEdge {height: 12px;}
*/
.leftSideBox {
    margin-bottom: 5px;
    background: #EEEEEE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.leftSideBox .centerBit {padding: 7px 7px 0px 7px;}
.leftSideBox .bottomEdge {
    height: 12px;
}

#blink {width: 190px; font-weight: bold; text-align: center;}

/* RELATED ASSETS */
#assetsCounter .row { padding-bottom: 0; }
#assetsCounter .formField { float: none; width: 100%; }
#assetsCounter .formLabel { float: none; text-align: left; width: 100%; font-weight: bold; padding-bottom: 3px; padding-top: 5px; }

.header .tool-logo {
    height: 50px;
}

.header {
    display: flex;
    border-bottom: 2px solid #7DA6DC; 
    padding: 10px 0;
    margin-bottom: 10px;
    justify-content: space-between;
}

/* TOOLBAR */
.toolbar {
    position: fixed;
    width: 100%;
    z-index: 901;
    font-size: 11px;
    height: 16px;
    padding: 4px 0px;
    background: #7da6dc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYTZkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzdiYTRkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MThhYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7da6dc 0%, #7ba4d9 25%, #618abd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7da6dc), color-stop(25%,#7ba4d9), color-stop(100%,#618abd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da6dc', endColorstr='#618abd',GradientType=0 ); /* IE6-8 */
    color: #fff;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
/* #7DA6DC */
.toolbar a, .toolbar .navLink {color: #fff; font-weight: 600; padding: 5px; text-decoration: none; }
.toolbar .navPadding { padding: 5px; }

.toolbar a:hover, .toolbar .navLink:hover, .toolbar .navOptionsParent:hover .navLink {color: #7DA6DC; background-color: #CEDBEB; font-weight: 600;}

/* LEFT SIDE NAV */
#tools {list-style: none; }
#tools ul {list-style: none; list-style-image: none; list-style-type: none; }
#tools li { list-style: none; list-style-image: none; list-style-type: none; }
#tools li a { display: block; text-decoration: none;  }
#tools li a span:hover { text-decoration: underline;  }
#tools li a b:hover { text-decoration: underline;  }

/*
#sideNav {margin-bottom: 0px; }
#sideNav h3, #sideNav h3 a {font-size: 14px; padding: 6px; background: #7DA6DC; color: #fff;}
*/

/* TOP NAV */
#topNav {position: relative; margin-bottom: 0px; margin-right: 5%;}
#topNav a {text-decoration: none;}

/* DROP DOWNS */
.navOptions {overflow: hidden; margin-top: 2px; width: 215px;}

/* TOOLS */
.navOptions .tools ul {
    list-style: none;
}

.navOptions .tools li { 
    width: 100%;  padding: 0px; margin: 0px; border-bottom: 1px solid #ccc; 
}

.navOptions > .tools > ul li > a {
    display: block;
    padding: 10px;
    color:#8BADCF;
}


.navOptions .tools li a:hover {
    background-color: #CEDBEB; 
    color: #7DA6DC;
}


.navOptions {
    position: absolute; 
    z-index: 100; 
}

.navOptions .tools { 
    background: #fff; border-left: 1px solid #D9D9D9;
}

/* ACCOUNT */
#accountNavOptions {
    right: 88px;
}

#accountNavOptions li a {
    font-weight: normal;
}

/* HELP */
#helpNavOptions {
    right: 10px;
}

#helpNavOptions li a {
    font-weight: normal;
}

.navOptionsParent {
    display: inline-block;
    cursor: pointer;
}

.navOptions {
    display: none;
    z-index: 100;
}

.navOptionsParent:hover .navOptions {
    display: block;
}

/* RIGHT SIDE */
#rightSide {float: right; width: 211px;}
#rightSide li	{margin: 10px 0px 10px 20px;}
.rightSideBox {
    margin-bottom: 5px;
    background: #EEEEEE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.rightSideBox .centerBit {padding: 7px 7px 0px 7px;}
.rightSideBox .bottomEdge {
    height: 12px;
}

/* DRAGABLE WINDOWS */
.divDragTitle { position: relative; }
.divDragContent { position: absolute; background-color: #FFFFFF; padding:0px; margin:0px; border:1px black solid; display:block;}

/* AJAX */
#ajaxMessage {float:right; padding: 10px}

/*SUB MENU */
#endHeader {width: 100%; height: 5px; margin-top: 1px; background: url(/images/template/blueBar.gif);}
#navQuickJump {float: left; width: 211px; margin-top: 1px; margin-left: 5px;}

#membersNav {float: left; width: 78%;}

#subNavMenu {width: 100%; align-self: center; background:  url(/images/template/tabs/blank.gif);}
#subNavMenu ul {list-style: none; }
#subNavMenu li { font-family: 'Open Sans', Arial; display: inline-block; font-size: 14px; border-right: 1px solid #ccc; margin: 0px;padding: 0px 10px;background: #fff url(/images/template/tabs/blank.gif); font-weight: 600; }
#subNavMenu .last {border: none}
#subNavMenu #selected { color: #000; } /*background: #7DA6DC;*/
#subNavMenu a { color: #7DA6DC; text-decoration: none; }
#subNavMenu a:hover { text-decoration: underline;}
#subNavMenu #selected a { color: #000; }

h1 {
    font-family: 'Open Sans', Arial;
    font-weight: 600;
}

/* TAB MENU */
#tabMenu {width: 100%; margin-top: 6px; margin-bottom: 10px; border-bottom: 1px solid #D3D2D2;}
#tabMenu ul {list-style: none;}
#tabMenu li {
    float: left;
    height: 24px;
    margin: 0px 1px 0px 0px;
    background: #dadada; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dadada 0%, #dadada 13%, #dedede 26%, #f8f8f8 83%, #fafafa 96%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(13%,#dadada), color-stop(26%,#dedede), color-stop(83%,#f8f8f8), color-stop(96%,#fafafa), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dadada 0%,#dadada 13%,#dedede 26%,#f8f8f8 83%,#fafafa 96%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dadada 0%,#dadada 13%,#dedede 26%,#f8f8f8 83%,#fafafa 96%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dadada 0%,#dadada 13%,#dedede 26%,#f8f8f8 83%,#fafafa 96%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dadada 0%,#dadada 13%,#dedede 26%,#f8f8f8 83%,#fafafa 96%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
    font-weight: bold;
}
#tabMenu .leftEdge {float: left; background: url(/images/template/tabs/offLeft.gif) no-repeat; width: 4px;}
#tabMenu .centerBit {float: left; padding: 5px 10px 0px 10px;}
#tabMenu .rightEdge {float: left; background: url(/images/template/tabs/offRight.gif) no-repeat top right; width: 4px;}
#tabMenu #selected {
    background: #d1d1d1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #d1d1d1 0%, #d1d1d1 0%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(0%,#d1d1d1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d1d1d1 0%,#d1d1d1 0%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d1d1d1 0%,#d1d1d1 0%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d1d1d1 0%,#d1d1d1 0%); /* IE10+ */
    background: linear-gradient(to bottom,  #d1d1d1 0%,#d1d1d1 0%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-8 */
}
#tabMenu #selected .leftEdge {background: url(/images/template/tabs/onLeft.gif) no-repeat;}
#tabMenu #selected .rightEdge {background: url(/images/template/tabs/onRight.gif) no-repeat top right;}
#tabMenu #back {background: url(/images/template/tabs/backBG.gif);}
#tabMenu #back .leftEdge {background: url(/images/template/tabs/backLeft.gif) no-repeat;}
#tabMenu #back .rightEdge {background: url(/images/template/tabs/backRight.gif) no-repeat top right;}

/**
 * PACS_Flash flash
 */
.flash {
    border-style: solid;
    border-width: 1px;
    border-color: #CCC;
    padding: 10px auto;
    margin-bottom: 10px;
}

.flash .message {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #CCC;
    padding: 10px;
}

.flash .message:last-child {
    border: none;
}

.flash .message.notice {
    color: black;
}

.flash .message.warning {
    color: orange;
}

.flash .message.error {
    color: red;
}

/* REPORTS */
#reportFilter {float: left; width: 94%; background: #CEDBEB; padding-left: 10px; padding-top: 3px; margin-bottom: 2px; margin-right: 2px;}
#reportOverview {float: left; width: 23%; background: #CEDBEB; padding-left: 10px; padding-top: 3px;}
.filterOption {float: left; margin: 5px 10px 3px 0px;}
.filterOption select {
    max-width: 24em;
}
.filterOption select, .filterOption input, .filterOption img  { margin-top: 3px; }
.filterOption.goButton { padding-top: 10px; }
.filterGroup {height: 100px; }
.geographyOption {float: left; width:130px; height: 62px; margin: 3px 10px 3px 0px;}
.filterSubmit {float: right; margin: 3px;}
.searchSubmit {float: left; margin: 3px;}

.graphList {vertical-align: top; display: inline-block; width: 600px; min-height: 250px; margin-right: 16px; margin-top: 10px;  /*border: 3px solid #DBDBDB;*/ padding: 5px;}
.graphList2 {
    vertical-align: top;
    display: inline-block;
    width: 33.33%;
    min-height: 250px;
    padding: 5px;
    padding-right: 16px;
    padding-top: 10px;
    box-sizing: border-box;

}
/*.graphList:hover {border: 3px solid #6B9DD8;}*/

.reportDataHolder {position: absolute; z-index: 100; left: 300px; top: 200px; height:200px;}
#reportDataBox {background: #FFFFFF; width: 600px; height: 200px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}
#faveDataHolder {background: #FFFFFF; }

.reportGroup {background: #CEDBEB; padding: 10px; margin-bottom: 2px;}

.filterOptionNew {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: .5em;
}
.filterOptionNew > label {
    display: block;
    margin-bottom: .25em;
}

/* FOOTER */
#nextprev {width: 100%; text-align: center;}
#footer {
    margin-top: -24px;
    height: 18px;
    clear: both;
    width: 100%;
    background: #7da6dc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYTZkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzdiYTRkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MThhYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7da6dc 0%, #7ba4d9 25%, #618abd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7da6dc), color-stop(25%,#7ba4d9), color-stop(100%,#618abd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7da6dc 0%,#7ba4d9 25%,#618abd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da6dc', endColorstr='#618abd',GradientType=0 ); /* IE6-8 */
    text-align: center;
    color: #ffffff;
    padding: 3px 0;
}
#footer a	{color: #ffffff}

/* LOGIN SCREEN */
.loginbox {width: 350px; height: 400x; margin: 0 auto; }
.loginboxheader {width:100%; padding: 3px 0; border: 1px dotted #A4BBD9; text-align:center; font-weight:bold; vertical-align:top; background: #DCE5F0;}
.loginboxcontent {width:100%; border: 1px dotted #A4BBD9; margin-top:2px;}
.loginboxcontent p { text-align: center; }

/* OPTION BOX */
.optionbox {width: 155px; /*height: 220px;*/ float: left; /*margin-right: 10px;*/ margin: 0 10px 10px 0; }
.optionboxheader {width:100%; padding: 3px 0; border: 1px dotted #A4BBD9; text-align:center; font-weight:bold; vertical-align:top; background: #DCE5F0;}
.optionboxcontent {width:100%; border: 1px dotted #A4BBD9; margin-top:2px;}
.optionboxcontent li { margin: 10px 10px 10px 30px;}

/* LIST LAYOUTS */
table {
    border-collapse: collapse;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    font-size: 100%;
}
th	{background: #CEDBEB; border: 1px solid #CEDBEB; text-align:center; vertical-align: middle; padding: 3px;}
.sorted {background: #B0C3DB;}
tr	{vertical-align: top;}
td	{border: 1px dashed #CEDBEB; padding: 3px;}
td.count {text-align: center; vertical-align: middle;}
.noFormat	{border: none; padding: 1px;}
.dataNum {text-align: right;}
.ntableRow1 {background: #E6EFFA;}
.ntableRow2 {background: #DBE4F0;}
.lowlighted {color: #A4BBD9;}
.lowlighted a {color: #A4BBD9;}
.highlighted {color: #FF9C00;}
.highlighted a {color: #FF9C00;}
.subheadrow {background: #EEEEEE; font-weight: bold;}
.lowLightRow td { background: #F7F7F7; color: #888; font-weight: bold; }
.hilightCol {background-color: #A4BBD9;font-weight: bold;}
.negative {color: #ff0000;}

.colHighlight {border-left: 2px solid #CEDBEB;}


.noborderLeft {border-top: 0px; border-left: 0px; border-bottom: 0px;}
.noborder {border-top: 0px; border-left: 0px; border-bottom: 0px;border-right: 0px; }

#breadcrumbTable tr {vertical-align: top;}
#breadcrumbTable td	{border: 0px; padding: 1px;}

.lowRisk {color: #33CC00;}
.mediumRisk {color: #FF9C00;}
.highRisk {color: #FF0000;}

table tr.riskTemplateRow div.riskTemplateRowQ {
    width: 100%;
    padding: 10px;
    display: block;
    background-color: #CEDBEB;
}

table tr.riskTemplateRow td {
    padding: 0 20px 0 0;
}

table tr.riskTemplateRow div.riskTemplateRowA {
    width: 100%;
    padding: 10px;
    display: block;
}

table tr.riskTemplateRow div.riskTemplateRowA span.riskTemplateRowARadio {
    display: block;
}

table tr.riskTemplateRow div.riskTemplateRowA span.riskTemplateRowARadio input[type=radio] {
    margin: 0 5px 5px 0;
}

.reading .actual,
.reading .actual a {
    color: #000000;
}

.reading .estimate,
.reading .estimate a {
    color: #909090;
}

/* Scroll tables */
table.scrollable { table-layout: auto; height: 100%; margin-bottom: -1px; }
table.scrollable th { overflow: hidden; text-align: left; }
table.scrollable td { overflow: hidden; text-overflow: ellipsis;}
div.scrollableholder { background: #CEDBEB; }
div.scrollableholder.white { background: #fff; }
table.scrollable.cal th { border-right: 1px solid #fff; }
div.scrollableTableHolder { border-bottom: 1px dashed #CEDBEB;min-width:1024px; }
table.scrollable tr:last-child td { border-bottom: none; }
div.scrollableholder > table.scrollable tr th[colspan="2"]{ padding-left: 7px; padding-right: 6px; }
div.scrollableholder > table.scrollable tr td[colspan="3"]{ padding-left: 3px; padding-right: 17px; }
table.scrollable th > div { width: inherit; overflow: hidden; }

/* FORM LAYOUT */
fieldset {border: 1px solid #D3D2D2;}
legend {color:#5C85BA; background: #FFFFFF; padding: 5px; }

.row {clear:both; padding-bottom: 30px;}
.row-inline { display: inline-block; }
.formLabel {color:#5C5C5C; float: left; width: 34%; text-align: right;}
.formLabelTree {color:#5C5C5C; float: left; width: 44%; text-align: left;}
.formField {color:#5C5C5C; float: left; text-align: left;}
.formField-Left {color:#5C5C5C; float: left; width: 100%; text-align: left;}
.formFieldDiv {margin-right: 5px; float:left;}
.formRequired {color:#FF9C00;}
.formRequiredBig {color:#FF6C00; font-weight: bold;}
.calcField {float: left; width: 191px; font-weight: bold;}
.calcFieldRight {float: left; width: 120px; font-weight: bold;}
.leftFloatSpan {/*float: left;*/ width: 180px;}
.rightFloatSpan {float: right; width: 60%;}
.helpText {margin-left: 5px; vertical-align: top; font-weight: normal;}
.rightAlign	{width:100%; text-align:right;}
.dropdown {display: none; overflow-y: hidden; margin: 5px 0 0 0; width: 404px; border: 1px solid #c2c2c2; background: #fff; max-height: 200px; position: absolute; z-index: 999999;} /* Ticket */

.row-inline .formLabel {
    float: none;
    width: auto;
    margin-left: 0;
    display: block; 
    text-decoration: underline; 
    text-align: left;    
}

.row-inline .formField {
    float: none;
    width: auto;
    margin-left: 0;
    display: block;
    padding: 5px;
}

form[name="myForm"] .row .formLabel {
    margin-bottom: 10px;
}

form[name="myForm"] .row .formField {
    margin-bottom: 10px;
}

form[name="myForm"] .row .formField .myInput {
    min-width: 200px;
}

/* FORM FIELDS */
.myInput, .dataTables_length select, .dataTables_filter label input {
    border: 1px solid #BDBDBD;
    font-size: 11px;
    color: #444343;
    padding: 3px 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-family: 'Open Sans';
    box-sizing: border-box;
}

.myInput-wide {
    width: 200px;
}

.myInput:disabled {
    background: #efefef;
}

.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

input.myInput[type="number"] {
    text-align: right; /**/
}

input.myInput[type="number"].hide-arrows::-webkit-outer-spin-button,
input.myInput[type="number"].hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none; 
}

input.myInput.formNum {
    text-align: right !important;
}

textarea {
    font-family: 'Open Sans', Arial;
}

.formNum {
    width: 80px;
}

.formSmall {
    width: 100px;
}

.formXMed {
    width: 240px;
}

.formLMed {
    width: 200px;
}

.formMed {
    width: 160px;
}

/* Shortened from 170px to allow for smaller screen sizes */
.formLarge {
    width: 400px;
}

/* BOOTSTRAP BUTTONS */
input.button, button.button {
    -webkit-appearance: none;
    -webkit-user-select: none;
    -webkit-writing-mode: horizontal-tb;
    align-items: flex-start;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: center;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    writing-mode: lr-tb;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

input.button.active, button.button.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

input.button.active,
input.button:active, 
button.button.active, 
button.button:active{
    background-image: none;
}

input.button, button.button {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

input.button:hover,
input.button:focus,
button.button:hover,
button.button:focus,
input.button:disabled,
button.button:disabled {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

input.button:active,
input.button.active,
button.button:active,
button.button.active {
    background-color: #e0e0e0;
    border-color: #dbdbdb;
}

.btnTopAlign {
    vertical-align: top;
}

.btnCenterAlign {
    margin: 0 auto;
}

/*input.button {font-family: Arial; font-size: 12px; font-weight: bold; background-color: #5C85BA; color: #FFFFFF;}
input.button[disabled] {font-family: Arial; font-size: 12px; font-weight: bold; text-shadow: none; background-color: #BDBDBD; color: #FFFFFF;}*/

TEXTAREA {margin-bottom: 10px;}
SELECT {padding-right: 1px;}
#city SELECT {width: 250px}

/* AJAX POPUPS */
#helpBox {position: absolute; z-index: 3000; width:220px; background:#FFFFFF; border: 1px dashed #CEDBEB;padding: 3px;}
.editHelpBox {position: absolute; z-index: 150; width:280px; background:#FFFFFF; border: 1px dashed #CEDBEB;padding: 3px;}
#oPopup {position: absolute; z-index: 200; background:#E6EDF5; border: 1px solid #CEDBEB; padding: 10px; height:180px; overflow:hidden; margin: 20px 15px 0 0;}

#calendarBox {position: absolute; z-index: 9999; background:#FFFFFF; border: 1px dashed #CEDBEB;}

#calendarTable table {width: 200px;}
#calendarTable td {border: 0px;}
#commentsBox {position: absolute; z-index: 100; left: 0px; top: 500px; height: 350px; width: 520px;}

.widgetPopupHolder {position: absolute; z-index: 90; height: 500px;}
#widgetPopupContainer {background: #FFFFFF; width: 700px; height: 440px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}


.userSelectionHolder {position: absolute; z-index: 100; left: 550px; top: 103px; height:350px;}
#userSelectionBox {background: #FFFFFF; width: 200px; height: 300px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}

.relatedSelectionHolder {position: absolute; z-index: 100; height:580px;}
#relatedBoxHeader {width:700px; }
.divDragTitle {background: #EEEEEE; height:10px; border: 1px solid #6089BC; border-bottom: 0px; padding:5px; text-align: right;}
#relatedBox {background: #FFFFFF; width: 700px; height: 580px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}
#displayRelations {float: left; width: 265px; height: 338px ; overflow: auto; border-right: 1px solid #6089BC; padding-top: 6px; padding-left: 2px;}
#selectRelations {float: right; width: 315px; padding-left: 5px; }
#relationsList {height: 255px; overflow: auto;}

#propertyPhotos {padding: 10px;}

#uploadPopup {position: absolute; display: none; z-index:100; left: 200px; top: 280px; width:550px; height:360px;}
#relatedUploadHeader {width:550px; }
#relatedUploadBox {background: #FFFFFF; width: 550px; height: 360px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}

#archivePopup {position: absolute; visibility: hidden; z-index:100; left: 200px; top: 280px; width:780px; height:600px;}
#archiveHeader {width:750px; }
#archiveBox {background: #FFFFFF; width: 750px; height: 600px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}

#propertyDetailsTable {
    text-align: center;
}

#propertyDetailsTable table {
    text-align: left;
    margin: 10px auto 25px;
}

#propertyDetailsTable em {
    color: grey;
}

.fakeLink {cursor: pointer; padding: 5px; color: #5C85BA}
span.riskquestion { display: inline-block; max-width: 45%; padding: 5px 5px 5px 26px; position: relative; vertical-align: top; }
span.riskquestion input { position: absolute; left: 5px; top: 6px; }

.plannedHolder {position: absolute; z-index: 100; left: 350px; top: 250px; height:250px;}
#plannedFormBox {background: #FFFFFF; width: 500px; height: 250px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}

#showConfirmation {font-weight: bold; color: #FF9C00; font-size: 12px;}

.slider { width:150px; margin:2px 0; background-color:#ccc; height:10px; position: relative; }
.slider .scoreHandler { width:20px; height:15px; cursor:move; position: absolute;  top: -15px; left:-4px; text-align: center; }
.slider .startSlider {position: absolute; left: -20px; }

.slider .handled { width:10px; height:15px; background-color:#f00; cursor:move; position: absolute; }
.sliderCompare { width:150px; margin:2px 0; background-color:#ccc; height:20px; position: relative; }
.sliderCompare .scoreHandlerCompare { position: absolute; width:20px; height:15px; cursor:move; top: -15px; }
.sliderCompare .scoreHandlerCompare img {margin-top: 5px;}
.sliderCompare .scoreHandler { position: absolute; width:20px; height:15px; cursor:move; top: 10px;}
.sliderCompare .scoreHandler img {margin-bottom: 5px;}
.sliderCompare .scoreLabel {font-weight: bold; position: absolute;left: 20px;}

.startSlider {position: absolute; left: -20px; }

#loader{ visibility:hidden;}
#f1_upload_process{ z-index:100; visibility:hidden; position:absolute; text-align:center; width:400px;}

.sortcol {cursor: pointer;	padding-right: 20px; background-repeat: no-repeat; background-position: right center;}
.sortasc {	background-color: #A4BBD9; background-image: url(/images/icons/up.gif);}
.sortdesc { background-color: #A4BBD9; background-image: url(/images/icons/down.gif);}
.nosort {cursor: default;}

/* DASHBOARD */
.areaBox {float: left; border: 1px dashed #CEDBEB; padding: 20px; margin-left: 10px; margin-bottom: 10px;}

/* EBID */
#pricingContainer {width:100%; height:500px; overflow:auto; border: 1px solid #A4BBD9}
#pricingPopupContainer {background: #FFFFFF; width: 300px; height: 500px; overflow: auto; border: 1px solid #6089BC; padding: 5px;}
.pricingPopupHolder {position: absolute; z-index: 100; height:500px;}


/* CSA */
.progress {
    border: 1px solid #A4BBD9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
.progress div {background-color: #CEDBEB;}

.serviceProgress {
    border: 1px solid #A4BBD9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    margin: 5px 0 2px 0;
    background-color: #ffffff;
}
.serviceProgress div {background-color: #dff0d8; border-right: 1px solid #ccc; text-align: center;}

.mockLink {color: #5C85BA; cursor:pointer;}
div.sortableClass img.topRowPointer { cursor: move; }

#steps { overflow: auto; border:1px solid #dedede; height:2.5em; list-style-type:none; margin: 0px; padding: 0px; list-style: url(/images/blank.gif);}
#steps li { display: inline-block; height: 100%; color:#777; list-style-type:none; margin: 0px; padding: 0px 10px; vertical-align: top; text-align: center; }
#steps li span { line-height: 2em; height: 100%; display:block; padding:0 25px 0 0; background:url(/images/template/steps.gif) no-repeat right center;}
#steps .todo { font-weight: normal; color: #ccc}
#steps .actioned { font-weight: bold; color: #5C85BA}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; z-index:150; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#f00; }


/* COMPONENTS - TABLE*/
#compoTableForm td .row .formField {width: 100%; float: left;}
#compoTableForm td .row .formLabel {display: none;}

#compoTableContent td .row .formField {width: 100%; float: left;}
#compoTableContent td .row .formLabel {display: none;}

div#alertNotice2{
    position:fixed;
    left:10%;
    top:20%;
    width:80%;
    /*background-color:#FFFFFF;*/
    filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
    z-index:10000;
    padding:0px;
    margin:0px;
    min-height:0px;
    /*overflow:auto;*/
}
.hoverClass {
    position:fixed;
    left:10%;
    top:20%;
    width:80%;
    z-index:100;
    margin:0px;
    padding:2px;
    border: solid 1px #CEDBEB;
    background-color:#FFFFFF;
    height:500px;
    overflow:auto;
    display:block;
}
.padder2 {
    padding-bottom:5px;
}
.hoverClass2 {
    border: 1px dashed #CEDBEB;
    margin:2px;
    padding:10px;
    background-color:#FFFFFF;
    min-height:460px;
    /*max-height:450px;
    overflow:auto;*/
    display:block;
}



/*
 * Table
 */
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.dataTable thead th {
    padding: 3px 18px 3px 10px;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    background: #CEDBEB;
    border: 1px solid #CEDBEB;
    color: #333;
    border-top: 1px solid #e2e2e2;
}

/*table.dataTable thead th {
        padding: 3px 18px 3px 10px;
        border-bottom: 1px solid #CEDBEB;
        font-weight: bold;
        cursor: pointer;
        *cursor: hand;
        background: #CEDBEB;
}*/

table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.dataTable td {
    padding: 3px 10px;
    border: 1px dashed #CEDBEB;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable tr.odd { background-color: white; }
table.dataTable tr.even { background-color: #f6f6f6; }

table.dataTable tr.selectedRow {
    background-color: #CEDBEB !important;
}
table.dataTable tr.even.selectedRow td.sorting_1 {
    background-color: #CEDBEB !important;
}
table.dataTable tr.even.selectedRow td.sorting_2 {
    background-color: #CEDBEB !important;
}
table.dataTable tr.even.selectedRow td.sorting_3 {
    background-color: #CEDBEB !important;
}
table.dataTable tr.odd.selectedRow td.sorting_1 {
    background-color: #CEDBEB !important;
}
table.dataTable tr.odd.selectedRow td.sorting_2 {
    background-color: #CEDBEB !important;
}
table.dataTable tr.odd.selectedRow td.sorting_3 {
    background-color: #CEDBEB !important;
}

table.dataTable tr.selected-google-folder { background-color: #8EDAFF; }

table.dataTable tr.selected-google-folder td.sorting_1 { background-color: #5FC5F7; }
table.dataTable tr.selected-google-folder td.sorting_2 { background-color: #5FC5F7; }
table.dataTable tr.selected-google-folder td.sorting_3 { background-color: #5FC5F7; }


table.dataTable tr.selected-google-folder-subtle { background-color: #eaeaea; }

table.dataTable tr.selected-google-folder-subtle td.sorting_1 { background-color: #cacaca; }
table.dataTable tr.selected-google-folder-subtle td.sorting_2 { background-color: #cacaca; }
table.dataTable tr.selected-google-folder-subtle td.sorting_3 { background-color: #cacaca; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
    float: left;
    margin: 5px 10px 10px 15px;
}


/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
    margin: 5px 15px 10px 10px;
}

.dataTables_filter input {
    border: 1px solid #BDBDBD;
    padding: 1px;
    width: 200px;
}

.filterHide .label {
    cursor: pointer;
    color: #5C85BA;
    text-decoration: none;
    clear: both;
    display: block;
    margin: 10px 5px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.filterHide .label:hover {
    text-decoration: underline;
}

.filterHide.region .label {
    background-image: url('/images/icons/globe.gif');
    padding-bottom: 8px;
}

.filterHide.client .label {
    background-image: url('/images/icons/myaccountdark.png');
}

.filterHide.resource .label {
    background-image: url('/images/icons/myTasks.png');
}

.filterHide.eventType .label {
    background-image: url('/images/icons/tasks.png');
}

/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
    margin: 10px 10px 10px 15px;
}


/*
 * Pagination
 */
.pageNumber {
    border: 1px solid lightgrey;
    padding: 3px 5px;
    margin: 1px;
    text-decoration: none;
}

.pageNumber.selected {
    font-weight: bold;
    border: 1px solid grey;
}

.pageNumber:hover {
    border: 1px solid grey;
}

.dataTables_paginate {
    float: right;
    text-align: right;
    margin: 10px 10px 10px 10px;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: white;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #f2f2f2;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #f2f2f2;
}

/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {	outline: none; }

/*
 * Scrolling
 */
.dataTables_scroll { clear: both; }
.dataTables_scrollBody { *margin-top: -1px; }

/*
 *	Access Group
 */
#accessGroupList { width: 250px; min-height: 20px; }
#accessGroupList p { margin: 3px 3px 3px 0px; }
.reportCharts {	width:100%;	height:400px; }

/*
 * Key CSS
 */
.keyTable h2 { margin: 5px; padding-top: 5px; border-top: 1px dashed #CEDBEB; }
.keyTable table { width: 100%; border: 0; margin: 10px 0; }
.keyTable td { border: 0; }
.keyTable td span.colourBox {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
    width: 20px;
    height: 15px;
    border: 1px solid #CEDBEB;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


.reportCharts {
    float:left;
    width:50%;
    height:350px;
}

/*
 * MGTPLAN Specific Styles
 */
td.mgtPlanCell { padding: 3px 0; width: 2%; text-align: center; vertical-align: middle; }

td.enviroReadingTotal .reading .actual,
td.enviroReadingTotal .reading .actual a,
td.enviroReadingTotal .reading .estimate,
td.enviroReadingTotal .reading .estimate a {
    color: #5C85BA;
}

/**
 * Widget CSS
 */
div.graphList {
    border-radius: 10px;
    -wekit-border-radius: 10px;
    -moz-border-radius: 10px;
}
div.graphList.widget div[widget=chart] {
    width: 738px;
    height: 226px;
}

div.graphList.widget div[widget=chart] div[component=chart] {
    width: inherit;
    height: inherit;
}

div.graphList.widget h2 {
    margin-bottom: 5px;
}

div.graphList.widget div.haxis {
    height: 12px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

div.graphList2 {
    border-radius: 10px;
    -wekit-border-radius: 10px;
    -moz-border-radius: 10px;
}
div.graphList2.widget div[widget=chart] {
    width: 738px;
    height: 226px;
}

div.graphList2.widget div[widget=chart] div[component=chart] {
    width: inherit;
    height: inherit;
}

div.graphList2.widget h2 {
    margin-bottom: 5px;
}

div.graphList2.widget div.haxis {
    height: 12px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

div.guage {
    height: 238px;
    padding: 0 55px;
    width: 243px;
}


/**
 * Admin > Users > X > Property Permissions
 */

fieldset.accessGroup {
    padding: 1px 10px 10px;
}

fieldset.accessGroup table th.ref {
    min-width: 8em;
}

fieldset.accessGroup table th.title {
    min-width: 34em;
}

fieldset.accessGroup table th.city {
    min-width: 8em;
}

fieldset.accessGroup table th.region {
    min-width: 13em;
}


.rotateHeader div {

    width: 1.2em;
    white-space: nowrap;
    margin-bottom: -140px;
    padding-bottom: 0;
    color: #000;
    display: block;
    /*Firefox*/
    -moz-transform: rotate(-45deg);
    /*Safari*/
    -webkit-transform: rotate(-45deg);
    /*Opera*/
    -o-transform: rotate(-45deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;

}
.clear-fix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.calendarContainer{
    /* Change this and you'll break everything. */
    min-width: 1024px;
    width: 100%;
}
.listViewContainer{
    /* Change this and you'll break everything. */
    min-width: 1200px;
}

.listViewContainer th, .listViewContainer td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.outActions{
    background: #DFECFC;
}

.clear-fix
{
    zoom: 1;
}
/* Space */
#spacesummary{
    width: 100%;
    display: block;
    float: none;
    padding: 5px;
    margin: 10px 0;
}
#spacesummarycontent {
    display: block;
    float: none;
    border: #6089BC 1px solid;
    padding: 5px;
    margin: 10px 10px 10px 10px;
}
#spacetable{
    width: 100%;
    display: block;
    float: none;
    padding: 5px;
    font-size: 11px;
    font-family: Arial;
}
.spaceelement{
    float: none;
    border: dashed 1px #d6d6d6;
    border-spacing: 10px;
    padding: 3px;
    margin: 0 10px 0 10px;
}
.spaceelement:first-child{
    margin-top: 1px;
}
#spaceindex{
    float: none;
    padding: 5px;
    margin: 0 10px 0 10px;
    background-color: #CEDBEB;
    font-weight: bold;
}
.hiddenspace{
    display: none;
}

.entrytitle,.entrychildren,.entryedit,.spaceaddchild,.taskSelectChild,.entryUp{
    float: left;
    margin: 0 10px 0 10px;
}
.entrychildren{
    float: right;
}
.spaceindexproperty{
    float: left;
}
.spaceindexchildren{
    float: right;
}

label.error {
    display: block;
    font-size: 12px;
}
.deletespace{
    float: left;
}
.newspace{
    display: none;
}
#newspacebox{
    display: none;
    width: auto;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    margin: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: #6089BC 1px solid;
}
.spaceaddchild,.entrytitle,.entryUp{
    cursor: pointer;
}
#newspacebox button,#newspacebox select,#newspacebox label,#newspacebox input{
    padding: 5px;
    margin: 10px;
}
#spacesummarytitle{
    width: 400px;
    display: inline-block;
}
#spacesummarychildren{
    display: inline-block;
}
.moveSpace{
    width:6px;
    display:block;
    float: left;
    margin-right:10px;
    cursor: pointer;
}

html, body {
    height: 100%;
}

body {
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
}

#templateVersionDisplay {
    border: 1px solid #bce8f1;
    background: #d9edf7;
    color: #3a87ad;
    width: 98.5%;
    height: 85px;
    padding: 10px;
    margin-top: 10px;
    display: none;
}

#templateVersionDisplay .saveTemplateLoader {
    color: #333;
    display: none;
    font-weight: bold;
    padding-top: 3px;
}

#templateVersionDisplay .saveTemplateLoader img {
    float: left;
}

#templateVersionDisplay .saveTemplateLoader span {
    float: left;
    margin-left: 7px;
    margin-top: 2px;
}

.error {
    margin-bottom: 5px;
}

.riskShortText {
    width: 30%;
}

#riskUploadMask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: visible;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    z-index: 1;
    background-position: initial initial;
    background-repeat: initial initial;
    display: none;
}

#riskUpload {
    width: 600px;

    top: 11%;
    left: 45%;
    margin-left: -300px;
    border: 1px solid #a3a0a2;
    background: #fff;
    z-index: 100;
    position: fixed;
    display: block;
    display: none;
}

#riskUpload h4 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    font-size: 12px;

}

#riskUpload form {
    margin-left: 70px;
    margin-right: 70px;

}

#riskUpload .riskUploadClose {
    cursor: pointer;
    color: #7DA6DC;
    float: left;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #c2c2c2;
    padding: 5px;
    width: 590px;
}

#riskUpload .riskUploadClose:hover {
    color: #333;
}

#riskUpload ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#riskUpload ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

#riskUpload ul li div label {

}

#riskUpload ul li div input.myInput, textarea.myInput {
    margin-top: 5px;
}

#riskUpload ul li div textarea.myInput {
    width: 350px;

}


#riskUpload ul li div .swfupload {
    float: right;
    margin-top: -5px;
    margin-right: 8px;
    cursor: pointer;
}

#riskUpload ul li div #fsUploadProgress {
    margin-left: 95px;
    margin-bottom: 10px;
    padding-top: 5px;
}


#uploadModal {
    width: 800px;
    top: 11%;
    left: 50%;
    margin-left: -400px;
    border: 1px solid #a3a0a2;
    background: #fff;
    z-index: 10000;
    position: fixed;
    display: block;
    padding: 20px 20px 0 20px;
    display: none;
}

#uploadModal h4 {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#uploadModal p {
    font-size: 12px;

}

#uploadModal .uploadModelSection {
    border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 5px;
    margin-bottom: 20px;
}

#uploadModal #uploadModalSubmit {
    float: right;
}

#uploadModal #uploadModalMessage {
    padding: 10px;
    display: none;
}

#uploadModal ul {
    margin: 0;
    list-style: none;
    padding: 0 5px 0 5px;
}

#uploadModal ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding: 5px;
    border-bottom:  1px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;

}

#uploadModal .uploadModalFilesTitle {
    background: #f2f2f2;
    border: none;
    width: 500px;
    margin-left: 40px;
    margin-bottom: 4px;
}

#uploadModal .uploadModalFilesDescription {
    background: #f2f2f2;
    border: none;
    width: 600px;
    margin-left: 2px;
}

#uploadModal .uploadModalFilesDelete {
    float: right;
    margin-top: 5px;
    cursor: pointer;
}


#uploadModalMask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: visible;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    z-index: 9999;
    background-position: initial initial;
    background-repeat: initial initial;
    display: none;
}

#addNewUserModal {
    width: 500px;
    top: 20%;
    left: 50%;
    margin-left: -250px;
    border: 1px solid #a3a0a2;
    background: #fff;
    z-index: 100;
    position: fixed;
    display: block;
    padding: 20px 20px 5px 20px;
}

#addNewUserModal_error {
    color: orange;
    margin-bottom: 10px;
    display: none;
}

#addNewUserModalMask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: visible;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    z-index: 1;
    background-position: initial initial;
    background-repeat: initial initial;
    display: none;
}

#edit_suppliers_sourcingModal {
    width: 1024px;
    top: 10%;
    left: 50%;
    margin-left: -512px;
    border: 1px solid #a3a0a2;
    background: #fff;
    z-index: 100;
    position: fixed;
    padding: 20px 20px 5px 20px;
    display: none;
}

#edit_suppliers_sourcingModalMask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: visible;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    z-index: 1;
    background-position: initial initial;
    background-repeat: initial initial;
    display: none;
}
.commentUser {
	display        : inline-block;
	width          : 130px;
	vertical-align : top;
	color: #888;
}

.commentText {
	display : inline-block;
	width   : 500px;
}

.commentBox {
	margin-bottom  : 10px;
	padding-bottom : 10px;
	border-bottom  : 1px solid #eee;
	width          : 100%;
}

.commentContainer {
	margin-bottom: 10px;
	max-width    : 660px;
	height   : 250px;
	overflow : scroll;
	overflow-x: hidden;
}

.addComment{
	width: 338px;
	height: 62px;
}

.clickThroughReport {
    cursor: pointer;
}

.fieldTable {
	width: 1000px;
	margin-left: 30px;
	margin-right: 30px;
}

#completionReason {
    width: 300px;
}

.clickThroughReport {
    cursor: pointer;
}

#completionReason {
    width: 300px;
}

.maxWidth{
	max-width: 406px;
}

.commentUser {
	display        : inline-block;
	width          : 130px;
	vertical-align : top;
	color: #888;
}

.commentText {
	display : inline-block;
	width   : 500px;
}

.commentBox {
	margin-bottom  : 10px;
	padding-bottom : 10px;
	border-bottom  : 1px solid #eee;
	width          : 100%;
}

.commentContainer {
	margin-bottom: 10px;
	width    : 660px;
	height   : 250px;
	overflow : scroll;
	overflow-x: hidden;
}

.addComment{
	width: 338px;
	height: 62px;
}

.clickThroughReport {
    cursor: pointer;
}

.fieldTable {
	width: 1000px;
	margin-left: 30px;
	margin-right: 30px;
}

.assets-image-container {
    display: inline-block;
    width: 57px;
    height: 57px;
    margin: 2px;
    position: relative;
}

.assets-image-inner {
    overflow: hidden;
    width: 57px;
    height: 57px;
    position: absolute;
    top: 0;
    left: 0;
}

.assets-image-container img {
    position: relative;
}

.assets-file-container {
    display: block;
    width: 184px;
    margin: 8px;
}

.assets-delete-file {
    float: right;
}

#assets-image-enlarged {
    position: absolute;
    top: 0;
    left: 230px;
}

#assets-image-enlarged img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.36);
}

.assets-image-container .assets-delete-file {
    background: rgba(255, 255, 255, 0.75);
    border-radius: 3px;
    margin: 2px;
    opacity: 0;
    cursor: pointer;
}

.assets-image-container .assets-delete-file:hover {
    background: rgba(255, 255, 255, 1);
}

.assets-image-container:hover .assets-delete-file {
    opacity: 1;
}

.asset-field  {
    width: 500px !important;
}

.upload-image-container {
    overflow: hidden;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 5px 0 0;
}

.upload-image-container img {
    position: relative;
}

#csaQuestionsOrderMsg {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    display: none;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

#serviceResources {
    width: 800px;
    top: 100px;
    left: 50%;
    margin-left: -400px;
    border: 1px solid #a3a0a2;
    background: #fff;
    z-index: 100;
    position: fixed;
    display: block;
    padding: 10px 10px 10px 10px;
    display: none;
}

#serviceResourcesMask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: visible;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    z-index: 99;
    background-position: initial initial;
    background-repeat: initial initial;
    display: none;
}

.service_sortable_shadow {
    box-shadow: 1px 1px 2px 1px hsl(0, 0%, 80%);
}

.service_sortable_child {
    background: #FFF;
}

.service_sortable_button {
    cursor: pointer;
}

.buttonList {
    text-align: right;
}
.buttonList > input[type="button"] {
    font-size: 13px;
    margin-left: .5em;
}

span#favTitle {
    font-size: 13px;
}

.dashboardRow td {
    background: #fff !important;
}

.categoryRow > td {
    padding: 0;
}

tbody.categorySortable table {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: #FFF;
}
tbody.categorySortable > tr > td {
    border: none;
}

.searchNew {
    display: none;
    vertical-align: middle;
}

.searchDefault {
    vertical-align: text-top;
    margin-right: .25em;
}

.searchButton {
    margin: 0 .2em;
}

.pacs-popup, .registerEditBox {
    position: fixed;
    opacity: 1;
    top: 10%; 
    left: 50%;
    margin-left: -350px;
    width: 800px;
    z-index: 2000;
    background-color: white;
    padding: 5px;
    padding-top: 0;
    border: 1px solid grey;
}

.pacs-form legend {
    text-align: left;
}

.pacs-popup-fade, .registerFade {
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 1999;
    opacity: 0.4;
    background-color: grey;
    width: 100%;
    height: 100%;
}

.pacs-popup-fields .formLabel {
    width: 20%;
    margin-left: 17.5%;
}

.pacs-popup-fields .formLabel {
    width: 20%;
    margin-left: 17.5%;
}

.pacs-popup-small {
    width: 400px;
    margin-left: -150px;
}

.pacs-popup-small .formLabel {
    margin-left: 0;
    width: 160px;
}

.pacs-buttons > input {
    margin-left: .5em;
}

.summaryEditBox {
    position: fixed;
    opacity: 1;
    top: 200px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    z-index: 2000;
    background-color: white;
    padding: 5px;
    padding-top: 0;
    border: 1px solid grey;
}

.summaryFade {
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 1999;
    opacity: 0.4;
    background-color: grey;
    width: 100%;
    height: 100%;
}

.actionEditBox {
    position: fixed;
    opacity: 1;
    top: 200px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    z-index: 2000;
    background-color: white;
    padding: 5px;
    padding-top: 0;
    border: 1px solid grey;
}

.actionFade {
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 1999;
    opacity: 0.4;
    background-color: grey;
    width: 100%;
    height: 100%;
}

.resourceEditBox {
    position: fixed;
    opacity: 1;
    top: 200px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    z-index: 2000;
    background-color: white;
    padding: 5px;
    border: 1px solid grey;
}

.resourceFade {
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 1999;
    opacity: 0.4;
    background-color: grey;
    width: 100%;
    height: 100%;
}

.scoreDiv {
    position: absolute;
    width: 100px;
}

.costSummaryDepth1 {
    font-weight: bold;
    background-color: #A3A3A3;
    border-top: 1px solid black;
    border-bottom: 1px solid black;

}

.costSummaryDepth2 {
    border-top: 1px groove black;
    border-bottom: 1px groove black;
    font-weight: bold;
    text-decoration: underline;
}
 .summaryTable {
     margin: 0 auto;
     width: 100%;
     text-align: center;
 }

.proActionPlanBox {
    max-height: 300px;
    overflow-y: scroll;
}

.proSummaryTable {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.verticalText {
    transform: rotate(270deg);
    height: 25px;
    background-color: #CEDBEB;
    display: block;
    width: 23px;
    text-align: left;
    margin-top: 25px;
}
 .leftBorder {
     border-left: 1px dashed white;
 }

.rightBorder {
    border-right: 1px dashed white;
}

.resourceDiv1 {
    width: 19%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;

}
.resourceDiv2 {
    width: 59%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}

/*.resourceTeamTable, .resourceIndividualTable {
    width: 50%;
}*/

.actionPlanContainer {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.registerFull {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.register70 {
    width: 69%;
    display: inline-block;
    vertical-align: top;
}

.centreMe {
    margin: 0 auto;
    text-align: center;
}

.share-move-file-container {
    display: none;
    position: absolute;
    width: 500px;
    top: 200px;
    left: 50%;
    margin-left: -250px;
    background: #FFF;
}
.share-move-file-container > fieldset {
    height: 100%;
}

.share-move-file-buttons {
    text-align: center;
}

td > input.myInput, td > select.myInput {
    width: 100%;
    box-sizing: border-box;
}

#calendarTable select {
    width: auto;
}

.typeahead-table > tbody > tr, .typeahead-row {
    border-bottom: 1px solid #e2e2e2; color: blue; cursor: pointer;
}

.typeahead-table > tbody > tr > td.dataTables_empty {
    color: #333;
}

.costCentreSearchResult {
    position: absolute;
    background-color: white;
    width: 300px;
    max-height: 200px;
    overflow-y: auto;
    border: solid #e2e2e2;
    cursor: pointer;
}

.hidden {
    display: none !important;
}

div.row.button-row {
    float: none; 
    text-align: center;
    padding-bottom: 15px; 
}

div.row.button-row > span.formField {
    float: none;
}

div.row.button-row input[type="button"], 
div.row.button-row input[type="submit"]
{
    margin-right: .5em;
}

.g-recaptcha {
    width: 100%;
    display: block; 
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85); 
}

.g-recaptcha > div > div {
    width: 100% !important;
}

.loginbox .formLabel {
    width: 155px;
    margin-left: -21px;
}

.loginbox .formField {
    margin-left: -15px;
}

.form-comparison {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.form-comparison:first-of-type {
    padding-right: 25px;
} 

.form-comparison .formLabel {
    text-align: right;
    width: 30%;
    margin-left: 0;
    box-sizing: border-box;
}

.form-comparison .formField {
    text-align: left;
    width: 70%; 
    margin-left: 0;
    box-sizing: border-box;
}

.registerEditBox .formField {
    width: 30%;
}

.addCommentContainer {
    float: left;
    margin-left: 20%;
    width: 25%;
}

.commentListContainer {
    float: right;
    width: 55%;
}

.login-button {
    text-align: center;
    width: 225px;
    margin: 0 auto;
    padding: 5px 0;
}    

.login-divider {
    font-size: 14px;
    position: relative;
    margin-top: -1em;
    bottom: -18px;
    background: #fff;
    text-align: center;
    width: 125px;
    margin: 0 auto;
}

.login-rule {
    margin: 10px 0;
}

.closeOutDocContainer {
    width: 100px;
}

.finance-volume, .finance-unit-cost, .finance-value {
    text-align: right;
}

.googleDocsTableContainer {
    width: 50%;
    margin: 0 auto;
}

.file-name-container {
    display: inline-flex;
    width: 200px;
}

.middle-text {
    vertical-align: middle;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

@media only screen {
    .port-record-details {
        padding: 1em;
    }
}

@media only print {
    .port-record-details {
        padding-left: 1em;
        padding-bottom: 1em;
    }
}

.port-record-details {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.port-photo-container {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.port-details-table {
    width: 100%;
}

.port-row {
    height: 30px;
    vertical-align: middle;
}

.port-row > th {
    width: 150px;
    border-radius: 0px important;
}

.port-row > td {
    padding-left: 15px;
}

.port-padding-bottom {
    padding-bottom: 1em;
}

.portEventPopup {
    float: right;
    margin-bottom:  1em;
}

#typeaheadList {
    z-index: 1900;
}

.typeahead-list {
    display: none; 
    position: absolute; 
    border: 1px #EEE solid;
    background: #FFF; 
    width: 700px;
    z-index: 2000;
}

.propertyThumb {
    cursor: pointer;
}

.field-new > .formLabel {
    color: #34C43F;
}

.field-new-old > .formLabel {
    color: #34C43F;
    font-style: italic;
}


.field-new > .formField {
    color: #34C43F;
}

.field-new-old > .formField {
    color: #34C43F;
    font-style: italic;
}

.field-deleted > .formField, .field-changed > td, th.field-changed, td.field-changed, .field-changed > .formField, .field-deleted > .formLabel, span.field-changed, .field-changed > .formLabel, .field-deleted > td, .text-changed, .text-deleted, .box-changed, .box-deleted {
    color: #f02;
}


.field-new > td {
    color: #c00;
    color: white;
}
.field-new > td > a {
    color: white;
}

.field-new-old > .td {
    color: #34C43F;
    font-style: italic;
}

.text-new {
    color: #34C43F;
}

.box-new {
    color: #34C43F;
}

.field-comparison > .formField {
    margin-left: -5px;
}

.file-uploader-list-container {
    width: 350px !important;
}

.file-uploader-list-scroll {
    max-height: 119px; 
    overflow-y: auto;
    border: 1px solid #c8c8c8;
}

.file-uploader-list {
    width: 100%;
}

.file-uploader-list tr td {
    vertical-align: middle;
}

.file-uploader-list tr td:nth-child(1) {
    border-right: 0;
}
.file-uploader-list tr td:nth-child(2) {
    border-left: 0;
    width: 20px;
}

.file-uploader-list tbody:empty:before {
    content: 'No files uploaded';
    line-height: 30px;
    padding: 0 5px;
}

.file-uploader-list tbody tr:last-child td {
    border-bottom: 0; 
}

textarea.myInput.no-resize {
    width: 98%;
    resize: vertical;
}

.wideField {
    width: 50% !important;
}

.clickable-row {
    cursor: pointer;
}

.typeaheadContainer {
    overflow: hidden;
    margin: 5px 0 0;
    width: 400px;
    border: 1px solid #c2c2c2;
    background: #FFF;
    max-height: 300px;
    position: absolute;
    display: none;
}

.typeaheadContainer tbody tr {
    margin: 0;
    padding: 2px 0;
    border-bottom: 1px solid #e2e2e2;
    color: blue;
    cursor: pointer;
}

.typeaheadContainer tbody tr td {
    vertical-align: middle;
}

.typeaheadContainer .typeaheadDiv {
    padding: 5px;
    max-height: 300px;
    overflow-y: scroll;
}

.table-container { 
    padding: 1em 0;
    margin: 0 auto;
    width: 1000px;
}

.pacs-table-nowrap th, .pacs-table-nowrap td {
    white-space: nowrap;
}

.pacs-table-nowrap td > input.myInput, .pacs-table-nowrap td > select.myInput {
    width: auto;
    box-sizing: unset;
}


.pacs-table-nowrap td > input.myInput.full-width, .pacs-table-nowrap td > select.myInput.full-width {
    width: 95%;
}

.frontend-iframe {
    border: 0;
    height: 0;
    border-radius: 0.2rem;
    width: 100%;
    overflow: hidden;
}

.chosen-container-multi .chosen-choices {
    font-size: 10px;
    /* height: 25px !important; */
}

.chosen-search-input {
    height: 20px;
}

hr {
    margin-top: 5px;
}

.formField.field-wide {
    width: 50%;
}

.table-searchbar {
    margin-top: 5px;
    float: right
}

svg > g > g:last-child { pointer-events: none }

.wideTextarea {
    width: 500px;
}

.service-fields .formLabel {
    margin-left: 5%;
    width: 35%;
}

.service-fields > .row {
    margin-bottom: 1em;
}

fieldset.fieldset-break-before {
    page-break-before: always;
}

.ant-upload.ant-upload-drag {
    height: 100px !important;
}

.fileInfoTable {
    width: 100%;
    margin-top: 10px;
}

.fileInfoTable td {
    border: 0px;
}

.fileListTable {
    width: 800px;
}

.fileListTable td:first-child {
    width: 450px
}

.centerAlign {
    text-align: center;
}

.fileInfoTable thead {
    font-weight: bolder;
}

.e-treegrid .e-rowcell {
    position: relative;
    text-overflow: ellipsis;
}

.e-treegrid .e-rowcell .overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    background: #000000;
    opacity: 0.1;
}

.e-treegrid .e-rowcell .overlay-content {
    position: relative;
    z-index: 10;
}

.tracker-addrow {
    background-color: #a9ffd0;
}

#reportContainer .reportWarning {
    padding: 10px 20px;
    background: #e17c7c;
    color: #ffffff;
    margin: 10px 0;
    border-radius: 5px;
}

#reportContainer .reportWarning::before {
    content: 'Warning: ';
    display: inline;
    font-weight: bold;

}