/*Reset CSS*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 11px; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img, hr { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; text-align: left; }
textarea, .mirroredText { line-height:20px; }
/*default */
html, body { font-family: 'Arial'; font-size: 11px; /*background: url(images/body-bg.png) repeat-x left -80px;*/ color: Black; }
input, button, select, textarea { font-family: 'Arial'; font-size: 11px; border: solid 1px gray; padding: 2px; }
input[type="checkbox"] { border: 0px none; margin: 0px none; padding: 0px none; }
input[type="radio"] { border: 0px none; margin: 0px none; padding: 0px none; }
h1 { font-size: 150%; font-weight: bold; color: #10354D; margin-bottom: 4px; }
h2 { font-size: 115%; font-weight: bold; color: Black; margin-bottom: 4px; }
h3 { font-size: 120%; font-weight: bold; padding: 3px; padding-bottom: 8px; color: #470C0C; }
h4 { color: #FBDD90; font-size: 16px; font-weight: bold; }
h5 { font-weight: bold; font-family: Georgia; font-style: italic; color: #2478B1; margin: 5px 10px 10px; text-shadow: rgba(255, 190, 108, 1) 0px 1px 1px; font-size: 25px; }
h6 { font-weight: bold; font-family: Georgia; font-style: italic; color: #6e4716; margin: 5px 10px 10px; text-shadow: rgba(255, 190, 108, 1) 0px 1px 1px; font-size: 16px; }
a { font-size: 100%; color: #166F82; text-decoration: underline; }
a:hover { color: #F38E0F; text-decoration: underline; }
#PageMain { cursor: default; text-align: left; min-width: 1000px; }
#Header { height: 120px; background: url(https://micaexchange.com/resources/images/body-bg.png) repeat-x left -80px; }
#Content { padding: 10px; min-height: 500px; background: url(https://micaexchange.com/resources/images/body-bg.png) repeat-x left -200px; }
#Footer { padding: 10px; padding-top: 5px; margin-top: 5px; border-top: dotted 1px gray; }
#TopMenu td { height: 30px; vertical-align: middle; }
/*logos*/
.company-logo { width: 150px; margin: 10px; }
.client-logo { margin: 10px; font-family: Verdana; font-size: 25px; font-weight: bold; font-style: italic; color: #DFC3A0; }
/*form-fields*/
.label { text-align: right; vertical-align: top; padding-top: 4px; padding-right: 3px; white-space: nowrap; }
.buttons { text-align: right; margin-top: 10px; }
.mandatory { font-weight: bold; }
/*breadcrumb*/
.breadcrumb { font-size: 11px; margin: 5px; }
/*logout*/
.logout { text-align: right; vertical-align: middle; padding-right: 25px; }
.logout a { color: #ffffff; font-weight:bold; font-size:14px; }
/* quicklinks */
.quicklinks { width: 150px; }
.quicklinks-btn { display: block; width: 150px; height: 30px; background: url(https://micaexchange.com/resources/images/quicklinks.png) no-repeat top left; cursor: pointer; }
.quicklinks-container { border: solid 3px #2A6105; padding: 5px; background: #fff; position: absolute; right: 0px; top: 120px; width: 550px; background: #C5E8BC; }
/* Top Nav */
.topnav { list-style: none; }
.topnav li { display: inline; border-left: solid 1px #9E9D9C; padding: 5px 10px 5px 10px; }
.topnav li a { display: inline-block; font-size: 110%; font-weight: bold; color: #FFEABA; cursor: pointer; white-space: nowrap; outline: 0px; }
.topnav li img { width: 16px; height: 16px; }
.topnav li:first-child { border: none; }
/*bottom nav*/
.bottomnav { list-style: none; margin-top: 5px; font-family: Arial; }
.bottomnav li { display: inline; }
.bottomnav li a { text-decoration: none; font-size: 100%; color: #E6EFF7; padding: 0px 4px 0px 5px; border-left: solid 1px #B6B5B5; }
.bottomnav li a:hover { text-decoration: underline; }
.bottomnav li:first-child a { border: none; }
/*Side Nav*/
.sidenav { font-size: 100%; }
.sidenav li { padding: 10px; text-align: left; vertical-align: middle; font-weight: bold; color: #1B5D05; border: solid 1px transparent; }
.sidenav li img { width: 18px; height: 18px; }
.sidenav li a { color: #296F11; text-decoration: underline; white-space: nowrap; }
.sidenav li a:hover { color: #C59C1F; text-decoration: underline; white-space: nowrap; }
.sidenav li span { font-weight: normal; display: block; margin-left: 22px; color: Black; }
.sidenav li.selected { padding: 10px; text-align: left; vertical-align: middle; font-weight: bold; color: #1B5D05; border: solid 1px #D07300; background: #FBD67D; }
/*Block Nav*/
.blocknav { }
.blocknav .item { float: left; height: 80px; width: 250px; margin: 5px; }
.blocknav .item img { width: 48px; height: 48px; margin: 4px; }
.blocknav .item a { color: #CE7607; font-size: 130%; font-weight: bold; text-decoration: none; }
.blocknav .item a:hover { color: #FDAA41; text-decoration: underline; }
.blocknav .item span { display: block; }
/*tab*/
ul.htab { width: 100%; float: left; list-style: none; padding: 0px; margin: 0px; border-bottom: solid 2px #1A699D; }
ul.htab li { display: inline; float: left; cursor: pointer; font-size: 110%; margin-right: 1px; padding: 4px 12px 4px 12px; white-space: nowrap; color: #1A699D; border: solid 1px #B0B7BB; background: #E2E7EA; margin-top: 2px; }
ul.htab li img { width: 16px; height: 16px; margin-right: 4px; }
ul.htab li.selected { padding: 5px 12px 5px 12px; color: #fff; border: solid 1px #1A699D; background: #1A699D; margin-top: 0px; font-weight: bold; }
.htab-content { clear: both; padding-top: 2px; }
/*vtab (leftnav) */
ul.vtab { cursor: pointer; list-style: none; }
ul.vtab li { display: block; margin-bottom: 2px; padding: 5px; color: #1B5D05; font-weight: bold; border: solid 1px transparent; white-space: nowrap; }
ul.vtab li img { width: 16px; height: 16px; }
ul.vtab li.selected, ul.vtab li:hover { background: #FBD67D; border: solid 1px orange; }
ul.vtab1 { cursor: pointer; list-style: none; }
ul.vtab1 li { display: block; margin-bottom: 2px; padding: 5px; color: #1B5D05; font-weight: bold; border: solid 1px transparent; white-space: nowrap; }
ul.vtab1 li img { width: 16px; height: 16px; }
ul.vtab1 li.selected, ul.vtab1 li:hover { background:#b2bdbb; border:#969e9d 1px solid; color:White; }
/*vtab (leftnav) */
ul.vtab2 { cursor: pointer; list-style: none; }
ul.vtab2 li { display: block; margin-bottom: 2px; padding: 5px; color: #1B5D05; font-weight: bold; border: solid 1px transparent; }
ul.vtab2 li img { width: 16px; height: 16px; }
ul.vtab2 li.selected { background: #FBD67D; border: solid 1px orange; }
ul.vtab2 li:hover { border: solid 1px #B6B6B6; background: #E6E6E6; }
/* Pager */
.pager { border: solid 1px gray; padding: 4px; background: #C1CC97; font-weight: bold; }
.pager table td { vertical-align: middle; white-space: nowrap; }
/*grid*/
.grid { }
.grid tr:hover td, .grid tr.alt:hover td { background-color: #E6FBDF; }
.grid tr.header:hover td { background-color: Transparent; }
.grid tr th, .grid tr.header th, .grid tr.header td { color: #10354D; text-align: left; vertical-align: bottom; font-size: 110%; font-weight: bold; border-bottom: solid 1px #1E4113; padding: 4px; }
.grid tr td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 2px; padding-left: 4px; padding-right: 4px; }
.grid tr.alt td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 2px; padding-left: 4px; padding-right: 4px; background: #FBFDF3; }
.grid tr.footer td { font-weight: bold; padding-left: 4px; border-bottom: solid 1px #2C3639; }
.grid tr.note td { font-size: 110%; padding-left: 4px; text-align: left; vertical-align: top; }
/*misc*/
.unselectable, .unselectable * { -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.hr { margin: 0px; margin-bottom: 5px; padding: 0px; height: 0px; border-top: solid 1px #9E9D9C; }
.br { margin: 0px; margin-bottom: 6px; padding: 0px; height: 0px; }
.loading-bg { background: url(https://micaexchange.com/resources/images/loading-bg.png) no-repeat left top; width: 200px; height: 80px; color: White; font-size: 13px; font-weight: bold; padding-top: 14px; }
.msg { color: Green; font-weight: bold; font-style: italic; }
.msg-error { color: Red; font-weight: bold; font-style: italic; }
.msg-nodata { font-weight: bold; color: #BA6802; }
.msg-count { font-weight: bold; color: #BA6802; }
.status-active { color: green; }
.status-inactive { color: red; }
.btn { padding: 1px; padding-left: 4px; padding-right: 4px; border: solid 1px #9AB6C8; font-size: 12px; font-weight: bold; color: #fff; background: #0E3249; outline: 0px; cursor: pointer; }
.btn:hover, .btn-hover { padding: 1px; padding-left: 4px; padding-right: 4px; border: solid 1px #0E3249; font-size: 12px; font-weight: bold; color: #fff; background: #2B85C2; outline: 0px; cursor: pointer; }
.btn[disabled] { background: #0E3249; }
.btnchangecolor{background: #e6e6e6;}
.toolbar { background: #1A699D; }
.toolbar a { display: inline-block; padding: 4px; margin: 3px; color: #fff; text-decoration: underline; border: solid 1px transparent; font-weight: bold; }
.toolbar a:hover { background: #67ADDA; border: solid 1px #0D466C; }
.toolbar a.selected { background: #67ADDA; border: solid 1px #0D466C; }
/* may be used as horizontal subnav*/
/*blue*/
.border-box1 { border: solid 1px #32678A; padding: 5px; }
.box1 { border: solid 1px #32678A; background: #D0EAFB; padding: 5px; }
/*gray*/
.border-box2 { border: solid 1px #B6B6B6; padding: 5px; }
.box2 { border: solid 1px #B6B6B6; background: #E6E6E6; padding: 5px; }
.trSelected{ background-color: #B6B6B6;}
/*orange*/
.border-box3 { border: solid 1px #D07300; padding: 5px; }
.box3 { border: solid 1px #D07300; background: #FFAD46; padding: 5px; }
/*green*/
.border-box4 { border: solid 1px #2A6105; padding: 5px; }
.box4 { border: solid 1px #2A6105; background: #85E066; padding: 5px; }
/*light green*/
.border-box5 { border: solid 1px #74AC67; padding: 5px; }
.box5 { border: solid 1px #74AC67; background: #C5E8BC; padding: 5px; }
.boxA { background: #fff; }
.thickborder { border-width: 10px; }
.star { color: #CA0000; font-size: 15px; font-weight: bold; }
.reading-exception { color: red; }
.bold1 { font-weight: bold; text-align: right; white-space: nowrap; color: #37502E; padding-right: 5px; }
.by { color: #C4C4C4; font-size: 11px; font-style: italic; }
/*legends*/
.legend { background: #FBF2B5; border: solid 1px #819A99; padding: 6px; }
.legend img { width: 14px; height: 14px; }
.legend span { font-size: 100%; }
/*window*/
.win { border: 0 none; position: absolute; }
.win .tl, .win .tr, .win .bl, .win .br { background-image: url(https://micaexchange.com/resources/images/window/win.png); background-repeat: no-repeat; }
.win .tl { background-position: left top; width: 5px; }
.win .tr { background-position: right top; width: 8px; }
.win .bl { background-position: left bottom; height: 10px; }
.win .br { background-position: right bottom; height: 10px; }
.win .t { background: url(https://micaexchange.com/resources/images/window/win-v.png) repeat-x left top; }
.win .b { background: url(https://micaexchange.com/resources/images/window/win-v.png) repeat-x left bottom; }
.win .l { background: url(https://micaexchange.com/resources/images/window/win-h.png) repeat-y left top; }
.win .r { background: url(https://micaexchange.com/resources/images/window/win-h.png) repeat-y right top; }
.win .header { color: #fff; font-size: 15px; font-weight: bold; text-align: left; vertical-align: middle; padding-top: 8px; padding-bottom: 8px; padding-left: 7px; }
.win .content { min-width: 100px; background: #fff; padding: 5px; color: Black; }
.win .max, .win .close { width: 28px; cursor: pointer; background-repeat: no-repeat; background-position: left center; }
.win .max { background-image: url(https://micaexchange.com/resources/images/window/win-button-max.gif); }
.win .close { background-image: url(https://micaexchange.com/resources/images/window/win-button-close.gif); }
.win .max:hover { background-image: url(https://micaexchange.com/resources/images/window/win-button-max-hover.gif); }
.win .close:hover { background-image: url(https://micaexchange.com/resources/images/window/win-button-close-hover.gif); }
.win-modalbackground { background-color: white; position: absolute; left: 0px; top: 0px; -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); }
.tooltip { background-color: #FFFFE1; border: solid 1px black; padding: 10px; }
/*date picker*/
.bf-dtpicker { position: absolute; font: normal 10px verdana, arial, sans-serif; }
.bf-dtpicker .cal { border: solid 1px gray; background-color: #fff; padding: 3px; }
.bf-dtpicker .calfooter { }
.bf-dtpicker .cal-r { }
.bf-dtpicker .calfooter-r { }
.bf-dtpicker ul { list-style-type: none; display: inline-block; clear: both; white-space: nowrap; }
.bf-dtpicker ul li.nav { width: 20px; height: 20px; float: left; cursor: pointer; }
.bf-dtpicker ul li.back { background: url(https://micaexchange.com/resources/images/datepicker/back.gif) no-repeat left top; padding-bottom: 3px; }
.bf-dtpicker ul li.forward { background: url(https://micaexchange.com/resources/images/datepicker/forward.gif) no-repeat right top; padding-bottom: 3px; }
.bf-dtpicker ul li.header-content { width: 135px; height: 20px; float: left; text-align: center; padding-bottom: 3px; }
.bf-dtpicker ul li.header-content select { font: normal 10px arial, verdana, sans-serif; }
.bf-dtpicker ul li.datecap { background: #DAECDA; border: solid 1px #DAECDA; font-weight: bold; width: 23px; float: left; padding: 2px 0px 0px 0px; text-align: center; height: 15px; cursor: default; }
.bf-dtpicker ul li.date { width: 23px; text-align: center; float: left; border: solid 1px transparent; padding: 2px 0px 0px 0px; height: 15px; cursor: pointer; color: Black; }
.bf-dtpicker ul li.date:hover { border: solid 1px #8A9392; }
.bf-dtpicker ul li.sun { color: #E75D02; }
.bf-dtpicker ul li.sat { color: #0FA69D; }
.bf-dtpicker ul li.outmonth { color: #8A9392; }
.bf-dtpicker ul li.today { background: #F0E9AD; }
.bf-dtpicker ul li.selected { border: solid 1px orange; }
.bf-dtpicker ul li.foot { float: left; width: 175px; height: 20px; }
.bf-dtpicker ul li.foot div.action { padding: 2px 5px 0px 0px; float: right; }
.bf-dtpicker ul li.foot a { color: #C15208; margin-top: 2px; font-weight: bold; }
.dtpkr-txt { width: 80px; }
.dtpkt-img { width: 16px; height: 16px; cursor: pointer; }
/*Calendar*/
.calendar { background: #fff; border-left: solid 1px gray; border-bottom: solid 1px gray; }
.daystyle, .weekendstyle { height: 70px; border-top: solid 1px gray; border-right: solid 1px gray; }
.othermonthdaystyle, .othermonthweekendstyle { height: 70px; border-top: solid 1px gray; border-right: solid 1px gray; background: #C5D0CF; }
.todaystyle, .othermonthtodaystyle, .othermonthweekendtodaystyle { background: #F0E9AD; border: solid 2px orange; }
.weekdaynamestyle, .weekendnamestyle { width: 14.28%; background: #FDF0C2; text-align: center; border-top: solid 1px gray; border-right: solid 1px gray; }
.daystyle .day-header, .weekendstyle .day-header { background: #E4F8FA; color: #A8A8A7; }
.othermonthdaystyle .day-header, .othermonthweekendstyle .day-header { color: black; }
.todaystyle .day-header, .othermonthtodaystyle .day-header, .othermonthweekendtodaystyle .day-header { background: #C9B584; }
.calendar-event { font-size: 11px; -moz-opacity: 0.7; opacity: 0.7; filter: "alpha(opacity=70)"; }
.eventTime { font-size: 11px; }
.eventDetails { border: solid 1px black; background: #F9F6B2; padding: 10px; width: 400px; color: Black; font-size: 13px; margin-top: 2px; margin-left: -2px; }
.eventDetails td { text-align: left; font-size: 12px; color: Black; text-align: left; vertical-align: top; }
/* calendar day view */
.dayview-container { border: solid 1px gray; border-bottom: 0px none; }
.dayview-grid { border: 0px none; background: #fff; }
.dayview-grid td.time { cursor: pointer; width: 50px; height: 59px; border-bottom: solid 1px gray; border-right: solid 1px gray; text-align: center; font-weight: bold; background: #E4F8FA; }
.dayview-grid td.event { border-bottom: solid 1px gray; }
.dayview-grid .halfhour { height: 29px; border-bottom: dashed 1px gray; }
/* report template style */
.report-style { font-family: Calibri; background-color: White; color: Black; font-size: 11pt; padding: 10px; width: 100%; }
.report-style .header { font-family: Calibri; font-size: 18pt; font-weight: bold; border-bottom: solid 1px rgb(85,157,217); color: rgb(74,170,227); }
.report-style tr { padding: 10px; }
.report-style td.left { font-weight: bold; }
.report-style td.right { text-align: right; padding-right: 10px; }
.report-style td.subheading { font-weight: bold; text-decoration: underline; }
.report-style tr.footer { height: 40px; }
.report-style tr.footer td.left { border-top: solid 1px; font-weight: bold; }
.report-style tr.footer td.right { border-top: solid 1px; text-align: right; font-weight: bold; }
.report-style .reportgrid { width: 100%; }
.report-style .reportgrid .tableheader { height: 25px; font-weight: bold; font-size: 12pt; background-color: rgb(99,154,216); color: White; }
.report-base-box { background-color: #555B54; border: solid 1px #555B54; padding: 5px; }
/* report stack */
.rpt-toolbar { border: solid 1px #B6B6B6; background: #E6E6E6; padding: 5px; }
.rpt-toolbar input { width: 24px; height: 24px; border: 0px none; background-color: Transparent; cursor: pointer; }
.rpt-container { }
/* report grid */
.rpt-grid tr td { padding: 5px; }
.rpt-grid tr.caption td, .rpt-grid tr.caption th { background: #E9E6E6; border-top: solid 2px #20394E; border-bottom: solid 1px #20394E; font-weight: bold; font-size: 13px; }
.rpt-grid tr.group1 td { background: #497AA4; border-top: solid 2px #121F2A; color: White; font-weight: bold; }
.rpt-grid tr.group2 td { border-bottom: solid 2px gray; border-top: solid 1px silver; }
.rpt-grid tr.group3 td { background: #D9DEEA; }
.rpt-grid tr.group-footer td { font-weight: bold; }
.rpt-grid tr.footer td { }
.rpt-grid tr.spacer td { height: 15px; }
.box-blueborder { border: solid 1px #32678A; padding: 5px; border-radius:8px; }
.box-blue { border: solid 1px #32678A; background: #D0EAFB; padding: 5px; }
.box-grayborder { border: solid 1px #B6B6B6; padding: 5px; }
.box-gray { border: solid 1px #B6B6B6; background: #E6E6E6; padding: 5px; }
.box-orangeborder { border: solid 1px #D07300; padding: 5px; }
.box-orange { border: solid 1px #D07300; background: #FFAD46; padding: 5px; }
.box-greenborder { border: solid 1px #2A6105; padding: 5px; }
.box-green { border: solid 1px #2A6105; background: #85E066; padding: 5px; }
.box-lightgreenborder { border: solid 1px #74AC67; padding: 5px; }
.box-lightgreen { border: solid 1px #74AC67; background: #C5E8BC; padding: 5px; }
.box-yellowborder { border: solid 1px #CAC178; padding: 5px; }
.box-yellow { border: solid 1px #CAC178; background-color: #E7E7BC; padding: 5px; }
.box-lightblueborder { border: solid 1px #14aaff; padding: 5px; border-radius:8px; }
.box-lightblue { border: solid 1px #185b81; background: #7ec1e7; padding: 5px; }
.box-lightblue-white-text { background: #00A5C3; padding: 15px; color:#FFFFFF; font-weight:bold; border-radius:8px; }
/*Start DashBoard Summary Table*/
.tbl tr td { height: 25px; text-align: center; vertical-align: middle; border-top: 1px solid #32678A; border-right: 1px solid #32678A; border-bottom: 1px solid #32678A; border-left: 1px solid #32678A; }
/*End DashBoard Summary Table*/
/*Start Table sorting*/
table.tablesorter thead tr .header {
background-image: url('https://micaexchange.com/resources/images/UpDown.png');
background-repeat: no-repeat;
background-position: left;
cursor: pointer;
text-indent:5px;
}
table.tablesorter thead tr .headerSortUp
{
background-position: left;
background-image: url('https://micaexchange.com/resources/images/Down.png');
}
table.tablesorter thead tr .headerSortDown
{
background-position: left;
background-image: url('https://micaexchange.com/resources/images/Up.png');
}
/*End Table sorting*/
/*Start List for rule expression*/
.grid tr.inner:hover td { background-color: Transparent; }
.list
{}
.list tr td
{
cursor: pointer;
text-align: left;
vertical-align: top;
border-bottom: solid 1px #DDDEDC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
height: 17px;
vertical-align: middle;
}
.list tr.alt td
{
cursor: pointer;
text-align: left;
vertical-align: top;
border-bottom: solid 1px #DDDEDC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background: #FBFDF3;
height: 17px;
}
.list tr.alt:hover td
{
background-color:#FBFDF3;
}
.list tr:hover td
{
background-color:#FBFDF3;
}
.list tr.header
{
cursor: pointer;
text-align: left;
vertical-align: top;
border-bottom: solid 1px #DDDEDC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background: #E6FBDF;
height: 17px;
}
.list tr.header:hover td
{
background-color:#E6FBDF;
}
.list tr td.selected
{
background-color: #0A246A;
color: #FFFFFF;
font-weight:bold;
}
.list tr td.selected a
{
background-color: #0A246A;
color: #FFFFFF;
}
.box-lightgray
{
border: solid 1px #B6B6B6;
background: #F3F3F3;
padding: 5px;
}
.noborder tr td
{
border:none;
}
/*End List for rule expression*/
/* lookup editor */
div.lup { border: solid 1px gray; }
div.lup input { color: #166F82; text-decoration: underline; width: 160px; border: 0px none; }
div.lup span.pkr { height: 20px; cursor: pointer; background: url(https://micaexchange.com/resources/images/search1.png) no-repeat center top; border: 0px none; }
div.lup span:hover.pkr { height: 20px; cursor: pointer; background: url(https://micaexchange.com/resources/images/search.png) no-repeat center top; border: 0px none; }
div.lup span.clr { height: 20px; cursor: pointer; background: url(https://micaexchange.com/resources/images/cross.png) no-repeat center top; border: 0px none; }
div.lup span:hover.clr { height: 20px; cursor: pointer; background: url(https://micaexchange.com/resources/images/cross1.png) no-repeat center top; border: 0px none; }
div.lup-cntr { position: absolute; height: 150px; overflow: auto; overflow-x: hidden; border: solid 1px silver; background-color: #fff; }
.link { font-size: 100%; color: #166F82; text-decoration: underline; }
.link:hover { color: #F38E0F; text-decoration: underline; cursor:pointer; }
/* Chart Tooltip */
.charttip { font-weight: bold; padding: 5px; position: absolute; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); background-color: #F7E9A7; border: solid 1px #777; }
/*Notification PopUp*/
div#popupmessage {
z-index:1200;
display:none;
position:absolute;
background:#ffffae; /*#FCF8C7*/
border:1px solid #c0c0c0;
padding: 0px;
cursor:pointer;
}
table#popupmessagetbl{
margin-bottom: 25px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
}
/*End Notification PopUp*/
.heplfilesContainer { width:50%;vertical-align:top; }
.heplfilesContainer .item {height: 80px; width: 100%; margin: 5px; }
.heplfilesContainer .item img { width: 48px; height: 48px; margin: 4px; }
.heplfilesContainer .item a { color: #CE7607; font-size: 130%; font-weight: bold; text-decoration: none; }
.heplfilesContainer .item a:hover { color: #FDAA41; text-decoration: underline; }
.heplfilesContainer .item span { display: block; }
/*Sourav*/
.divider{
width:33.3%;
float:left;
}
.upload_container{
width:100%;
float:left;
}
.upload_right{
width:50%;
float:left;
}
.upload_left{
width:50%;
float:left;
}
.upload_header{
width:100%;
float:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color:#384248;
text-align:left;
}
.upload_logo{
width:100%;
min-height:134px;
float:left;
margin:15px 0 0 0;
}
.new_btn2{
height: 37px;
background:url(bg.jpg) repeat-x top left;
border:#bcbaba 1px solid;
cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:40% 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
color:#010101;
padding:0 4%;
}
/*new_vtab (leftnav)*/
ul.vtab1 { cursor: pointer; list-style: none; }
ul.vtab1 li { display: block; margin-bottom: 2px; padding: 5px; color: #1B5D05; font-weight: bold; border: solid 1px transparent; white-space: nowrap; }
ul.vtab1 li img { width: 16px; height: 16px; }
ul.vtab1 li.selected, ul.vtab1 li:hover { background:#b2bdbb; border:#969e9d 1px solid; color:White; }
/*Block Nav 2*/
.blocknav2 { }
.blocknav2 .item { float: left; height: 15px; width: 250px; margin: 5px; }
.blocknav2 .item span { display: block; }
/*Task Management*/
ul.hlink li { display: inline; cursor: pointer; font-size: 14px; margin-right: 1px; padding: 4px 12px 4px 12px; white-space: nowrap; color: #000; margin-top: 2px; }
ul.hlink li a { color: #000; }
.taskstyle{ color: #3D3D3D; font-family: Verdana; font-size: 11px; vertical-align: middle;}
/*Start Grid Css*/
.new_table td input { width: 95%; border: none; height: 100%; outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: black; }
.new_table td { width: 8%; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: black; font-weight: bold; text-align: center; border-left: #DADCDD 1px solid; border-right: #DADCDD 1px solid; line-height: 22px; margin-left: 2px; *border: #DADCDD 1px solid; }
.big { min-width: 120%; display: block; }
.new_table td select { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: black; }
/*End Grid Css*/
.blocknav_nw .item
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:#DBDBDB 1px solid;
padding:4px;
background:#fAfAfA;
cursor:pointer;
}
.blocknav_nw .item:hover
{
background:#fdfdfd;
}
.blocknav_nw .item a
{
line-height: 40px;
}
/*ESTIMATE PARSING*/
/* Sourav */
#formEstimateFile a:link, a:visited {
color: #034af3;
}
#formEstimateFile a:hover {
color: #1d60ff;
text-decoration: none;
}
#formEstimateFile a:active {
color: #034af3;
}
#formEstimateFile fieldset {
padding: 1em;
border: 1px solid #7A7A7A;
background: #D1E3E9;
width: 93%;
margin: 1em auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-border-radius: 8px;
}
#formEstimateFile label
{
font-size:16px;
color:#000;
letter-spacing:1px;
}
#formEstimateFile select
{
padding:10px 5px;
font-size:14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;
}
#formEstimateFile input
{
font-size:14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;
}
#formEstimateFile fieldset p {
margin: 2px 12px 10px 10px;
}
#formEstimateFile fieldset.login label, fieldset.register label, fieldset.changePassword label {
display: block;
}
#formEstimateFile fieldset label.inline {
display: inline;
font-size:16px;
}
#formEstimateFile legend {
font-weight: bold;
font-size: 17px;
color:#095F6B;
background: #fff;/*#DAD8D8;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 4px 10px;
letter-spacing: 1px;
border: #B1B1B1 1px solid;
}
#formEstimateFile fieldset a:link, a:visited {
color: #006080;
font-family:Myriad Pro, Arial;
font-size:17px;
font-style:italic;
margin-left:10px;
}
#formEstimateFile fieldset a:hover {
color: #000;
text-decoration: none;
}
/*loading font*/
#inTurnFadingTextG{
width:500px;
}
.inTurnFadingTextG{
color:#000000;
font-family:Arial;
font-size:30px;
text-decoration:none;
font-weight:bold;
font-style:normal;
float:left;
-moz-animation-name:bounce_inTurnFadingTextG;
-moz-animation-duration:2.86s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-duration:2.86s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_inTurnFadingTextG;
-ms-animation-duration:2.86s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_inTurnFadingTextG;
-o-animation-duration:2.86s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_inTurnFadingTextG;
animation-duration:2.86s;
animation-iteration-count:infinite;
animation-direction:linear;
}
#inTurnFadingTextG_1{
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}
#inTurnFadingTextG_2{
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}
#inTurnFadingTextG_3{
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}
#inTurnFadingTextG_4{
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}
#inTurnFadingTextG_5{
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}
#inTurnFadingTextG_6{
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}
#inTurnFadingTextG_7{
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}
#inTurnFadingTextG_8{
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}
#inTurnFadingTextG_9{
-moz-animation-delay:1.56s;
-webkit-animation-delay:1.56s;
-ms-animation-delay:1.56s;
-o-animation-delay:1.56s;
animation-delay:1.56s;
}
#inTurnFadingTextG_10{
-moz-animation-delay:1.69s;
-webkit-animation-delay:1.69s;
-ms-animation-delay:1.69s;
-o-animation-delay:1.69s;
animation-delay:1.69s;
}
#inTurnFadingTextG_11{
-moz-animation-delay:1.82s;
-webkit-animation-delay:1.82s;
-ms-animation-delay:1.82s;
-o-animation-delay:1.82s;
animation-delay:1.82s;
}
#inTurnFadingTextG_12{
-moz-animation-delay:1.95s;
-webkit-animation-delay:1.95s;
-ms-animation-delay:1.95s;
-o-animation-delay:1.95s;
animation-delay:1.95s;
}
#inTurnFadingTextG_13{
-moz-animation-delay:2.08s;
-webkit-animation-delay:2.08s;
-ms-animation-delay:2.08s;
-o-animation-delay:2.08s;
animation-delay:2.08s;
}
#inTurnFadingTextG_14{
-moz-animation-delay:2.21s;
-webkit-animation-delay:2.21s;
-ms-animation-delay:2.21s;
-o-animation-delay:2.21s;
animation-delay:2.21s;
}
#inTurnFadingTextG_15{
-moz-animation-delay:2.34s;
-webkit-animation-delay:2.34s;
-ms-animation-delay:2.34s;
-o-animation-delay:2.34s;
animation-delay:2.34s;
}
#inTurnFadingTextG_16{
-moz-animation-delay:2.47s;
-webkit-animation-delay:2.47s;
-ms-animation-delay:2.47s;
-o-animation-delay:2.47s;
animation-delay:2.47s;
}
#inTurnFadingTextG_17{
-moz-animation-delay:2.6s;
-webkit-animation-delay:2.6s;
-ms-animation-delay:2.6s;
-o-animation-delay:2.6s;
animation-delay:2.6s;
}
#inTurnFadingTextG_18{
-moz-animation-delay:2.73s;
-webkit-animation-delay:2.73s;
-ms-animation-delay:2.73s;
-o-animation-delay:2.73s;
animation-delay:2.73s;
}
@-moz-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}
100%{
color:#FFFFFF;
}
}
@-webkit-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}
100%{
color:#FFFFFF;
}
}
@-ms-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}
100%{
color:#FFFFFF;
}
}
@-o-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}
100%{
color:#FFFFFF;
}
}
@keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}
100%{
color:#FFFFFF;
}
}
/*END ESTIMATE PARSING*/
/* LEGEND */
#dvLegend a:link, a:visited {
color: #034af3;
}
#dvLegend a:hover {
color: #1d60ff;
text-decoration: none;
}
#dvLegend a:active {
color: #034af3;
}
#dvLegend fieldset {
padding: 1em;
padding-right: 2em \9;
border: 1px solid #7A7A7A;
width: 80%;
margin: 1em 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-border-radius: 8px;
}
#dvLegend label
{
font-size:10px;
color:#000;
letter-spacing:1px;
}
#dvLegend select
{
padding:10px 5px;
font-size:10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;
}
#dvLegend input
{
padding:3px 3px;
font-size:10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;
}
#dvLegend fieldset p {
margin: 2px 12px 10px 10px;
}
#dvLegend fieldset.login label, fieldset.register label, fieldset.changePassword label {
display: block;
}
#dvLegend fieldset
{
width:360px;
}
#dvLegend fieldset label.inline {
display: inline;
font-size:10px;
}
#dvLegend legend {
font-weight: bold;
font-size: 10px;
color:#095F6B;
background: #DAD8D8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 2px 5px;
letter-spacing: 1px;
border: #B1B1B1 1px solid;
}
#dvLegend fieldset a:link, a:visited {
color: #006080;
font-family:Myriad Pro, Arial;
font-size:10px;
font-style:italic;
margin-left:10px;
}
#dvLegend fieldset a:hover {
color: #000;
text-decoration: none;
}
/*END LEGEND */
/* LEGEND FOR TASK */
#dvTaskLegend fieldset {
padding: 0.4em;
padding-top:0px;
border: 1px solid #7A7A7A;
width: 100%;
-border-radius: 8px;
}
#dvTaskLegend fieldset label.inline {
display: inline;
font-size:13px;
}
#dvTaskLegend legend {
font-weight: bold;
font-size: 13px;
padding: 2px 5px;
letter-spacing: 1px;
}
/*END TASK LEGEND */
/*basob*/
.btn-upload
{
padding: 5px 10px 5px 10px; border: solid 1px black;font-family:Arial Black; font-size: 14px; font-weight: bold; color: #fff; outline: 0px; cursor: pointer;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 0%, #207cca 32%, #083a81 97%, #207cca 100%, #207cca 100%, #7db9e8 100%, #207cca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#2989d8), color-stop(32%,#207cca), color-stop(97%,#083a81), color-stop(100%,#207cca), color-stop(100%,#207cca), color-stop(100%,#7db9e8), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 0%,#207cca 32%,#083a81 97%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
border-radius:6px;
}
.btn-upload:hover
{
padding: 5px 10px 5px 10px; border: solid 1px black;font-family:Arial Black; font-size: 14px; font-weight: bold; color: #fff;outline: 0px; cursor: pointer;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #083a81 0%, #207cca 68%, #2989d8 100%, #207cca 100%, #207cca 100%, #7db9e8 100%, #207cca 100%, #2989d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#083a81), color-stop(68%,#207cca), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#207cca), color-stop(100%,#7db9e8), color-stop(100%,#207cca), color-stop(100%,#2989d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#083a81 0%,#207cca 68%,#2989d8 100%,#207cca 100%,#207cca 100%,#7db9e8 100%,#207cca 100%,#2989d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
border-radius:6px;
}
.btn-upload[disabled] { background: #0E3249; }
/*Calculator */
.boxCalc
{
background-color: #3d4543;
height: 300px;
width: 250px;
position: absolute;
top: 80px;
left: 40%;
}
.keysCalc
{
position: relative;
top: 5px;
}
.buttonCalc
{
width: 30px;
height: 30px;
border: none;
margin-left: 5px;
font-weight:bold;
cursor: pointer;
border-top: 2px solid transparent;
}
.buttonCalc.gray
{
color: red;
background-color: #e6e6e6;
/*border-bottom: gray 2px solid;
border-top: 2px #e6e6e6 solid;*/
border:1px solid gray;
}
.buttonCalc.pink
{
color: black;
/*background-color: #E0E0E0 ;
border-bottom: gray 2px solid;*/
border:1px solid gray;
}
.buttonCalc.black
{
color: black;
background-color:#E8E8E8;
/*border-bottom: gray 2px solid;
border-top: 2px #E8E8E8 solid;*/
border:1px solid gray;
}
.buttonCalc.orange
{
color: black;
background-color: #FF9933;
border-bottom: gray 2px solid;
border-top: 2px #FF9933 solid;
}
.gray:active
{
border-top: black 2px solid;
border-bottom: 2px #6f6f6f solid;
}
.pink:active
{
border-top: black 2px solid;
border-bottom: #ff4561 2px solid;
}
.black:active
{
border-top: black 2px solid;
border-bottom: #303030 2px solid;
}
.orange:active
{
border-top: black 2px solid;
border-bottom: FF9933 2px solid;
}
p
{
line-height: 10px;
}
/*End Calculator*/
/* Custom Grid */
.custom-grid
{}
.custom-grid .grouping
{
/*border-top:none;*/
border-right:none;
border-left:none;
padding-left: 10px;
padding-top: 5px;
}
.custom-grid .left-caption
{
font-weight: bold;
font-size: 1.2em;
}
.custom-grid .cell-bordering
{
border: #7a7f7d 1px solid;
}
.custom-grid .right-cell-format
{
width:5%;
text-align:right;
border: #7a7f7d 1px solid;
}
.custom-grid .tbl-heading
{
width:5%;
border: #7a7f7d 1px solid;
}
/*legends2*/
.legend2 { background: #FBF2B5; border: solid 2px #819A99; padding: 6px; }
.legend2 img { width: 14px; height: 14px; }
.legend2 span { font-size: 100%; }
.rounded-corner-box
{
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; background-color: #EEEEDD; padding-top: 10px;
padding-bottom: 10px; padding-left: 10px; margin-top: 2px; border: solid 1px #BBBBBB;
}
.rounded-corner-box h1
{
font-size: 1.2em;
}
.rounded-corner-box h2
{
font-size: 1em;
}
/*grid2*/
.grid2 { font-size:110%;color:#444; }
.grid2 tr:hover td, .grid tr.alt:hover td { background-color: #E6FBDF; }
.grid2 tr.header:hover td { background-color: Transparent; }
.grid2 tr th, .grid2 tr.header th, .grid2 tr.header td { color: #10354D; text-align: left; vertical-align: middle; font-size: 110%; font-weight: bold; border-bottom: solid 2px #1E4113;border-left:solid 1px #ccc; padding:8px 4px 8px 4px; }
.grid2 tr th:first-child, .grid2 tr.header th:first-child, .grid2 tr.header td:first-child { border-left:0px;}
.grid2 tr td { text-align: left; vertical-align: middle; border-bottom: solid 1px #ccc;border-left:solid 1px #ccc; padding: 8px 4px 8px 4px; }
.grid2 tr td:first-child { border-left:0px;}
.grid2 tr.alt td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 8px 4px 8px 4px; background: #FBFDF3; }
.grid2 tr.footer td { font-weight: bold; padding-left: 4px; border-bottom: solid 1px #2C3639; }
.grid2 tr.note td { font-size: 110%; padding-left: 4px; text-align: left; vertical-align: top; }
.grid2link {float:right;border-left:solid 1px #444;min-width:20px;min-height:16px;position:relative;}
.grid2link::before{content:"";left:20%;top:25%;border:0.5em solid transparent;border-top:8px solid #444;position:absolute;}
.grid2link:hover {float:right;border:solid 1px transparent;background:#2c6c87;border-radius:3px;min-width:20px;min-height:16px;position:relative;cursor:pointer;}
.grid2link:hover::before{content:"";left:20%;top:25%;border:0.5em solid transparent;border-top:8px solid #e5f4fa;position:absolute;}
.grid2-btn{float:right;font-size:90%;font-weight:bold;border:solid 1px #ccc;height:24px;position:relative;border-radius:5px;line-height:24px;cursor:pointer;background-color:#ccc;text-align:left;padding-left:33px;padding-right:20px;margin-left:10px; }
.grid2edit{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-edit.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2delete{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-cross1.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;background-color:#f9cdb5;}
.grid2save{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-greentick.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;background-color:#83d8d8;}
.grid2copy{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-arrow-right.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2doc{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-document.gif);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2download{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-down.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2action{background-image:url(https://micaexchange.com/resources/images/icons/Activity.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2rules{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-rule-engine.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2link2{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-AutoMerge.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2active{background-color:#cbf8e3;padding-left:20px;padding-right:20px;}
.grid2inactive{background-color:#f9cdb5;padding-left:20px;padding-right:20px;}
/*grid3*/
.grid3 { font-size:110%;color:#444; }
.grid3 tr:hover td, .grid tr.alt:hover td { background-color: #E6FBDF; }
.grid3 tr.header:hover td { background-color: Transparent; }
.grid3 tr th, .grid2 tr.header th, .grid2 tr.header td { color: #10354D; text-align: left; vertical-align: middle; font-size: 110%; font-weight: bold; border-bottom: solid 2px #1E4113;border-left:solid 1px #ccc; padding:8px 4px 8px 4px; }
.grid3 tr th:first-child { border-left:0px;}
.grid3 tr td { text-align: left; vertical-align: middle; border-bottom: solid 1px #ccc;border-left:solid 1px #ccc; padding: 8px 4px 8px 4px; }
.grid3 tr td:first-child { border-left:0px;}
.grid3 tr.alt td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 8px 4px 8px 4px; background: #E6E6E6; }
.grid3 tr.footer td { font-weight: bold; padding-left: 4px; border-bottom: solid 1px #2C3639; }
.grid3 tr.note td { font-size: 110%; padding-left: 4px; text-align: left; vertical-align: top; }
.grid2link {float:right;border-left:solid 1px #444;min-width:20px;min-height:16px;position:relative;}
.grid2link::before{content:"";left:20%;top:25%;border:0.5em solid transparent;border-top:8px solid #444;position:absolute;}
.grid2link:hover {float:right;border:solid 1px transparent;background:#2c6c87;border-radius:3px;min-width:20px;min-height:16px;position:relative;cursor:pointer;}
.grid2link:hover::before{content:"";left:20%;top:25%;border:0.5em solid transparent;border-top:8px solid #e5f4fa;position:absolute;}
.grid2-btn{float:right;font-size:90%;font-weight:bold;border:solid 1px #ccc;height:24px;position:relative;border-radius:5px;line-height:24px;cursor:pointer;background-color:#ccc;text-align:left;padding-left:33px;padding-right:20px;margin-left:10px; }
.grid2edit{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-edit.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2copy{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-arrow-right.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2doc{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-document.gif);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2download{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-down.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid2active{background-color:#cbf8e3;padding-left:20px;padding-right:20px;}
.grid2inactive{background-color:#f9cdb5;padding-left:20px;padding-right:20px;}
/*Niraj*/
.chkPrivate {
width: 16px;
height: 16px;
position: relative;
margin: 0px auto;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
border:solid 1px gray;
}
.chkPrivate label {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: 2px;
cursor: pointer;
/*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chkPrivate label:after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 0px;
left: 0px;
background: #27ae60;
/*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
background: linear-gradient(to bottom, #167940 0%, #072915 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
opacity: 0;
}
.chkPrivate label:hover::after {
opacity: 0.3;
}
.chkPrivate input[type=checkbox] {
visibility: hidden;
}
.chkPrivate input[type=checkbox]:checked + label:after {
opacity: 1;
}
.chkLock {
width: 16px;
height: 16px;
position: relative;
margin: 0px auto;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
border:solid 1px gray;
}
.chkLock label {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: 2px;
cursor: pointer;
/*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chkLock label:after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 0px;
left: 0px;
background: #27ae60;
/*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
background: linear-gradient(to bottom, #167940 0%, #072915 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
opacity: 0;
}
.chkLock label:hover::after {
opacity: 0.3;
}
.chkLock input[type=checkbox] {
visibility: hidden;
}
.chkLock input[type=checkbox]:checked + label:after {
opacity: 1;
}
.chkLockNote {
width: 16px;
height: 16px;
position: relative;
margin: 0px auto;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
border:solid 1px gray;
}
.chkLockNote label {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: 2px;
cursor: pointer;
/*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chkLockNote label:after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 0px;
left: 0px;
background: #27ae60;
/*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
background: linear-gradient(to bottom, #167940 0%, #072915 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
opacity: 0;
}
.chkLockNote label:hover::after {
opacity: 0.3;
}
.chkLockNote input[type=checkbox] {
visibility: hidden;
}
.chkLockNote input[type=checkbox]:checked + label:after {
opacity: 1;
}
.chkLockNoteAll {
width: 16px;
height: 16px;
position: relative;
margin: 0px auto;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
border:solid 1px gray;
}
.chkLockNoteAll label {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: 2px;
cursor: pointer;
/*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chkLockNoteAll label:after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 0px;
left: 0px;
background: #27ae60;
/*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
background: linear-gradient(to bottom, #167940 0%, #072915 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
opacity: 0;
}
.chkLockNoteAll label:hover::after {
opacity: 0.3;
}
.chkLockNoteAll input[type=checkbox] {
visibility: hidden;
}
.chkLockNoteAll input[type=checkbox]:checked + label:after {
opacity: 1;
}
.chkPvPbNoteAll {
width: 16px;
height: 16px;
position: relative;
margin: 0px auto;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
border:solid 1px gray;
}
.chkPvPbNoteAll label {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: 2px;
cursor: pointer;
/*background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;*/
background: -webkit-linear-gradient(top, #d2d9e5 0%, #e3f5fa 100%);
background: linear-gradient(to bottom, #d2d9e5 0%, #e3f5fa 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chkPvPbNoteAll label:after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 0px;
left: 0px;
background: #27ae60;
/*background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
background: -webkit-linear-gradient(top, #167940 0%, #072915 100%);
background: linear-gradient(to bottom, #167940 0%, #072915 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
opacity: 0;
}
.chkPvPbNoteAll label:hover::after {
opacity: 0.3;
}
.chkPvPbNoteAll input[type=checkbox] {
visibility: hidden;
}
.chkPvPbNoteAll input[type=checkbox]:checked + label:after {
opacity: 1;
}
.btn-download {font-size:90%;font-weight:bold;border:solid 1px #ccc;min-width:70px;height:24px;position:relative;border-radius:5px;padding-left:33px;line-height:24px;cursor:pointer;background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-down.png);background-size:16px 16px;background-repeat:no-repeat;background-position:12px 4px;background-color:#ccc; }
.btn-download::before{content:"Download";}
.btn-download:hover{background-color:#f6bc61;border:solid 1px #f6bc61;}
/* LEGEND FOR ASSIGNED LOSS */
#dvAssignedLoss fieldset {
padding: 0.4em;
padding-top:0px;
border: 1px solid #7A7A7A;
width: 98%;
-border-radius: 8px;
}
#dvAssignedLoss fieldset label.inline {
display: inline;
font-size:13px;
}
#dvAssignedLoss legend {
font-weight: bold;
font-size: 13px;
padding: 2px 5px;
letter-spacing: 1px;
}
/*END ASSIGNED LOSS LEGEND */
/* LEGEND FOR RECENT ACTIVITIES */
#dvRecentAct fieldset {
padding: 0.4em;
padding-top:0px;
border: 1px solid #7A7A7A;
width: 98%;
-border-radius: 8px;
}
#dvRecentAct fieldset label.inline {
display: inline;
font-size:13px;
}
#dvRecentAct legend {
font-weight: bold;
font-size: 13px;
padding: 2px 5px;
letter-spacing: 1px;
}
/* LEGEND FOR ASSIGNED LOSS NIRAJ */
.tab-loss-status
{
float: left;
margin-right: 10px;
width: 150px;
height: 40px;
background: #e9e9e6;
color: #000;
font-size: 120%;
font-weight: bold;
text-align: center;
line-height: 40px;
cursor: pointer;
}
/*END RECENT ACTIVITIES LEGEND */
.btn-download {font-size:90%;font-weight:bold;border:solid 1px #ccc;min-width:70px;height:24px;position:relative;border-radius:5px;padding-left:33px;line-height:24px;cursor:pointer;background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-down.png);background-size:16px 16px;background-repeat:no-repeat;background-position:12px 4px;background-color:#ccc; }
.btn-upload2 {font-size:90%;font-weight:bold;border:solid 1px #ccc;min-width:80px;height:24px;position:relative;border-radius:5px;padding-left:33px;line-height:24px;cursor:pointer;background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-upload2.png);background-size:16px 16px;background-repeat:no-repeat;background-position:12px 4px;background-color:#ccc; }
.btn-email {font-size:90%;font-weight:bold;border:solid 1px #ccc;min-width:70px;height:24px;position:relative;border-radius:5px;padding-left:33px;line-height:24px;cursor:pointer;background-size:16px 16px;background-repeat:no-repeat;background-position:12px 4px;background-color:#ccc; }
.btn-edit {font-size:90%;font-weight:bold;border:solid 1px #ccc;min-width:70px;height:24px;position:relative;border-radius:5px;padding-left:33px;line-height:24px;cursor:pointer;background-size:16px 16px;background-repeat:no-repeat;background-position:12px 4px;background-color:#ccc; }
.btn-download::before{content:"Download";}
.btn-download:hover{background-color:#f6bc61;border:solid 1px #f6bc61;}
.btn-normal {font-size:100%;font-weight:bold;border:solid 1px #ccc;min-width:100px;height:24px;position:relative;border-radius:5px;line-height:24px;cursor:pointer;background-color:#cccccc; text-align:center; }
.btn10 {font-family:"segoe UI";font-size:90%;font-weight:bold;border:solid 1px #16b5d7; border-radius:5px;min-width:80px;height:30px; text-align:center; position:relative;line-height:30px;cursor:pointer;background-color:#0e89cf;color:#fff; }
.btn10:hover {background-color:#f6bc61;border:solid 1px #f6bc61;color:#000;}
.dir-left {margin-right:20px;float:left;}
.dir-right {margin-left:20px;float:right;}
.__sch-dropmenu-header {color:#0e89cf; font-size:140%; font-weight:bold;}
.__sch-dropmenu-X {float:right;position:relative;cursor:pointer; color:#fff; font-size:110%; background-color:#0e89cf; border:solid 1px #444; border-radius:12px; width:20px; height:20px; line-height:20px; text-align:center;}
/*Status Home Pop Up*/
div#dvPossibleDuplicates {
position:relative;
padding:10px;
border-radius:3px;
box-shadow:0px 0px 20px #999;
min-height:50px; min-width:150px;
border:1px solid #06516e;
background:#fff;
}
div#dvPossibleDuplicates::before
{
content: "";
width: 0px;
height: 0px;
border: 0.8em solid transparent;position: absolute;
}
div#dvPossibleDuplicates::after
{
content: "";
width: 0px;
height: 0px;
border: 0.8em solid transparent;
position: absolute;
}
div#dvPossibleDuplicates.top::before
{
left: 3%;
bottom: -20px;
border-top: 10px solid #06516e;
}
div#dvPossibleDuplicates.bottom::before
{
left: 3%;
top: -20px;
border-bottom: 10px solid #06516e;
}
div#dvPossibleDuplicates.bottom::after
{
left: 3%;
top: -19px;
border-bottom: 10px solid #fff;
}
div#dvPossibleDuplicates.left::before
{
right: -20px;
top: 40%;
border-left: 10px solid #06516e;
}
div#dvPossibleDuplicates.right::before
{
left: -20px;
top: 40%;
border-right: 10px solid #06516e;
}
/*End Status Home Pop Up*/
/*Device Tab*/
ul.Dtab { width: 100%; float: left; list-style: none; padding: 0px; margin: 0px; border-bottom: solid 1px #395984; }
ul.Dtab li { display: inline; float: left; cursor: pointer; font-size: 110%; padding: 4px 12px 4px 12px; white-space: nowrap; color: #000000; border: solid 2px #395984; background: #ded7d6; margin-top: 2px; }
ul.Dtab li img { width: 16px; height: 16px; margin-right: 4px; }
ul.Dtab li.selected { padding: 5px 12px 5px 12px; color: #fff; border: solid 2px #395984; background: #84797b; margin-top: 0px; font-weight: bold; }
.Dtab-content { clear: both; padding-top: 2px; }
/*Android Styles*/
.box-bluishGreen{ background:#00A5C3; border:0.5px solid ;color: #FFFFFF; border-color:#0C3745; font-weight: bold; font-size: 12px; height: 64px; }
.checkboxCustomized {
background-color: #00A5C3;
border-radius: 80%;
height:22px;
width:22px;
}
.legendDevice { background: #e9e9e9; border: solid 1px #819A99; padding: 6px; }
.legendDevice img { width: 18px; height: 18px; }
.legendDevice span { font-size: 100%; }
.btnSmartReview { padding: 1px; padding-left: 4px; padding-right: 4px; font-size: 12px; font-weight: bold; color: #fff; background: #05AFF7; outline: 0px; cursor: pointer; }
.btnSmartReview:hover, .btnSmartReview-hover { padding: 1px; padding-left: 4px; padding-right: 4px; border: solid 1px #0E3249; font-size: 14px; font-weight: bold; color: #231f20; background: #C1E7F7; outline: 0px; cursor: pointer; }
/*.btnSmartReview[disabled] { background: #0E3249; }*/
.classtdinput { width: 95%; border: none; height: 100%; outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: black; }
.classtd { width: 8%; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: black; font-weight: bold; text-align: center; border-left: #DADCDD 1px solid; border-right: #DADCDD 1px solid; line-height: 22px; margin-left: 2px; border: #DADCDD 1px solid; }
.btnSub { font-family: Segoe UI; font-size: 110%; font-weight: bold; border: solid 1px #9AB6C8;border-radius: 5px; color: #000; background-color: #ccc; outline: 0px; cursor: pointer;padding:0 30px 5px 30px; height: 25px;line-height:25px; text-align: center;}
.btnSub:hover{ color: #000000; background-color: #f3f3f3;}
.btnSublineitems{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_line_items.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubcustompricing{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_custom_pricing.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubupload{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-up.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubNote{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-notes.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubSelected { background-color:#fdca0d; }
.btnSubback{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_back.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubAccept{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_accepted.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubReject{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_rejected.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
/*End Estimate Review*/
/*#fdca0d*/
.grid4 { font-size:110%;color:#444; }
.grid4 tr th, .grid4 tr.header th, .grid4 tr.header td { color: #10354D; text-align: left; vertical-align: middle; font-size: 110%; font-weight: bold; border-bottom: solid 2px #1E4113;border-left:solid 1px #ccc; padding:8px 4px 8px 4px; }
.grid4 tr th:first-child { border-left:solid 1px transparent;}
.grid4 tr td { text-align: left; vertical-align: middle; border-bottom: solid 1px #ccc;border-left:solid 1px #ccc; padding: 8px 4px 8px 4px; }
.grid4 tr td:first-child { border-left:solid 1px transparent; }
.grid4 tr.alt td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 8px 4px 8px 4px; background: #FBFDF3; }
.grid4 tr.footer td { font-weight: bold; padding-left: 4px; border-bottom: solid 1px #2C3639; }
.grid4 tr.note td { font-size: 110%; padding-left: 4px; text-align: left; vertical-align: top; }
.pop {
position:absolute;
padding:10px;
border-radius:3px;
box-shadow:0px 0px 20px #999;
min-height:50px; min-width:150px;
border:1px solid #06516e;
background:#fff;
z-index:1000000;
}
.pop::before
{
content: "";
position: absolute;
width: 0px;
height: 0px;
border: 0.8em solid transparent;
}
.pop::after
{
content: "";
width: 0px;
height: 0px;
border: 0.8em solid transparent;
position: absolute;
}
.pop.top::before
{
left: 3%;
bottom: -20px;
border-top: 10px solid #06516e;
}
.pop.bottom::before
{
right: 3%;
top: -20px;
border-bottom: 10px solid #06516e;
}
.pop.bottom::after
{
right: 3%;
top: -18px;
border-bottom: 10px solid #fff;
}
.pop.bottom2::before
{
right: 9%;
top: -20px;
border-bottom: 10px solid #06516e;
}
.pop.bottom2::after
{
right: 9%;
top: -18px;
border-bottom: 10px solid #fff;
}
.pop.bottom4::before
{
right: 78%;
top: -20px;
border-bottom: 10px solid #06516e;
}
.pop.bottom4::after
{
right: 78%;
top: -18px;
border-bottom: 10px solid #fff;
}
.pop.bottom3::before
{
right: 92%;
top: -20px;
border-bottom: 10px solid #06516e;
}
.pop.bottom3::after
{
right: 92%;
top: -18px;
border-bottom: 10px solid #fff;
}
.pop.bottom1::before
{
right: 6%;
top: -20px;
border-bottom: 10px solid #06516e;
}
.pop.bottom1::after
{
right: 6%;
top: -18px;
border-bottom: 10px solid #fff;
}
.pop.left::before
{
right: -20px;
top: 40%;
border-left: 10px solid #06516e;
}
.pop.right::before
{
left: -20px;
top: 40%;
border-right: 10px solid #06516e;
}
.clselected {cursor: pointer; font-weight:bold; background-color:#fbd67d; text-decoration:none;}
.clnormal {cursor: pointer; font-weight: 600; color: #5e9ca9; text-decoration:none; }
ul.vtab3 { list-style: none; }
ul.vtab3 li { display: block; margin-bottom: 2px; padding: 5px; color: #1B5D05; font-weight: bold; border: solid 1px transparent; }
ul.vtab3 li img { width: 16px; height: 16px; }
/*Start Scheduler*/
div.__clear {clear:both;}
div.__sch
{
font-size:12px;
font-family:"Segoe UI", Arial;
color:#6f6f72;
position:relative;
box-sizing:border-box;
background:#fff;
min-width:1200px;
height:650px;
}
div.__sch ._nav
{
box-sizing:border-box;
height:60px;
position:absolute;
left:0;
top:0;
width:100%;
}
div.__sch ._sched
{
box-sizing:border-box;
position:absolute;
left:0;
top:61px;
width:100%;
min-height:200px;
}
._caption
{
height:34px;
text-align:center;
line-height:34px;
font-size:180%;
position:absolute;
left:0;
width:100%;
margin:12px 0 12px 0;
}
._leftNav
{
float:left;
position:relative;
}
._viewBtn
{
float:left;
box-sizing:border-box;
height:34px;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-align:center;
line-height:34px;
margin:12px 0px 12px 10px;
color:#096397;
padding:0 10px 0 10px;
}
._viewBtn:hover
{
text-decoration:underline;
}
._sel
{
background:#0e89cf;
color:#fff !important;
font-weight:normal !important;
text-decoration:none;
!important
}
._rightNav
{
float:right;
position:relative;
}
._prev
{
float:right;
box-sizing:border-box;
width:50px;
height:34px;
cursor:pointer;
margin:12px 10px 12px 10px;
position:relative;
}
._prev:before
{
content:"";
left:15px;
top:10px;
border:10px solid transparent;
border-right:10px solid #096397;
position:absolute;
}
._prev:after
{
content:"";
left:17px;
top:10px;
border:10px solid transparent;
border-right:10px solid #fff;
position:absolute;
}
._next
{
float:right;
box-sizing:border-box;
width:50px;
height:34px;
cursor:pointer;
margin:12px 10px 12px 10px;
position:relative;
}
._next:before
{
content:"";
right:15px;
top:10px;
border:10px solid transparent;
border-left:10px solid #096397;
position:absolute;
}
._next:after
{
content:"";
right:17px;
top:10px;
border:10px solid transparent;
border-left:10px solid #fff;
position:absolute;
}
._today
{
float:right;
box-sizing:border-box;
height:34px;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-align:center;
line-height:34px;
margin:12px 10px 12px 10px;
color:#096397;
padding:0 10px 0 10px;
}
._today:before
{
content:"Today";
font-weight:bold;
}
._baseline
{
float:right;
box-sizing:border-box;
height:34px;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-align:center;
line-height:34px;
margin:12px 10px 12px 0px;
color:#096397;
padding:0 10px 0 10px;
}
._baseline:before
{
content:"Set As Baseline";
font-weight:bold;
}
._sch_header
{
box-sizing:border-box;
width:100%;
height:66px
}
._sch_body_outer
{
box-sizing:border-box;
width:100%;
height:30px;
border:solid 1px #ccc;
overflow:auto;
}
._sch_body_inner
{
box-sizing:border-box;
width:100%;
min-height:100%;
border-right:solid 1px #ccc;
}
._h_cap
{
box-sizing:border-box;
height:66px;
border:solid 1px #ccc;
border-left:0px none;
border-bottom:0px none;
float:left;
overflow:hidden;
text-align:center;
line-height:66px;
color:#000;
}
._h_cap_d
{
box-sizing:border-box;
height:32px;
border:solid 1px #ccc;
border-left:0px none;
border-bottom:0px none;
float:left;
overflow:hidden;
text-align:center;
line-height:32px;
color:#000;
}
._h_cap_c
{
box-sizing:border-box;
height:34px;
line-height:34px;
text-align:center;
font-weight:bold;
font-size:120%;
border-right:solid 1px #ccc;
overflow:hidden;
color:#000;
}
._ampm
{
box-sizing:border-box;
height:59px;
width:50%;
float:left;
overflow:hidden;
text-align:center;
opacity:0.7
}
._h_img
{
float:right;
vertical-align:middle;
padding:5px;
}
._h_img_l
{
float:left;
vertical-align:middle;
padding:5px;
}
.textbox
{
border:solid 1px #ccc;
border-bottom:0px none;
float:left;
text-align:left;
color:#ddd;
}
table.__viewtable
{
border-collapse: collapse;
border-spacing: 0;
}
table.__viewtable td
{
vertical-align:middle;
text-align:left;
box-sizing:border-box;
}
._cal_event
{
}
._cal_event ._lhandle
{
position:absolute;
width:3px;
height:15px;
left:1px;
top:2px;
box-sizing:border-box;
cursor:w-resize;
}
._cal_event ._rhandle
{
position:absolute;
width:3px;
height:15px;
right:1px;
top:2px;
box-sizing:border-box;
cursor:w-resize;
}
._cal_event:hover ._lhandle
{
}
._cal_event:hover ._rhandle
{
}
._cal_event:hover ._lhandle:before
{
content:".....";
font-weight:bold;
position:absolute;
left:-2px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
._cal_event:hover ._rhandle:before
{
content:".....";
font-weight:bold;
position:absolute;
left:-2px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
div._spop
{
position:relative;
padding:10px;
border-radius:3px;
box-shadow:0px 0px 20px #999;
min-height:50px;
min-width:150px;
border:1px solid #06516e;
background:#fff;
}
div._spop::before
{
content: "";
width: 0px;
height: 0px;
border: 0.8em solid transparent;
position: absolute;
}
div._spop::after
{
content: "";
width: 0px;
height: 0px;
border: 0.8em solid transparent;
position: absolute;
}
div._spop.topleft::before
{
left: 3%;
bottom: -20px;
border-top: 10px solid #06516e;
}
div._spop.topleft::after
{
left: 3%;
bottom: -19px;
border-top: 10px solid #fff;
}
div._spop.topright::before
{
right: 3%;
bottom: -20px;
border-top: 10px solid #06516e;
}
div._spop.topright::after
{
right: 3%;
bottom: -19px;
border-top: 10px solid #fff;
}
div._spop.bottomleft::before
{
left: 3%;
top: -20px;
border-bottom: 10px solid #06516e;
}
div._spop.bottomleft::after
{
left: 3%;
top: -19px;
border-bottom: 10px solid #fff
}
div._spop.bottomright::before
{
right: 3%;
top: -20px;
border-bottom: 10px solid #06516e;
}
div._spop.bottomright::after
{
right: 3%;
top: -19px;
border-bottom: 10px solid #fff;
}
div._spop.left::before
{
right: -20px;
top: 40%;
border-left: 10px solid #06516e;
}
div._spop.right::before
{
left: -20px;
top: 20%;
border-right: 10px solid #06516e;
}
div._spop.right::after
{
left: -19px;
top: 20%;
border-right: 10px solid #fff;
}
._form-container-label
{
font-size:110%;
}
._form-container-field
{
margin-bottom:10px;
}
div._cbox
{
position:relative;
box-sizing:border-box;
float:left;
width:24px;
height:24px;
margin-right:8px;
margin-bottom:8px;
cursor:pointer;
}
._cbox-selected
{
font-size:20px;
text-align:center;
line-height:24px;
color:#fff;
}
._cbox-selected::before
{
content:"\2713 ";
}
._cbox-selected-w
{
font-size:20px;
text-align:center;
line-height:24px;
color:#444;
}
._cbox-selected-w::before
{
content:"\2713 ";
}
._chbox
{
position:relative;
box-sizing:border-box;
float:left;
width:15px;
height:15px;
border-style:solid;
border-width:1px;
border-color:#096397;
margin:22px 0px 0px 0px;
cursor:pointer;
}
._chbox-selected
{
font-size:15px;
text-align:center;
line-height:13px;
color:#056c22;
}
._chbox-selected::before
{
content:"\2713 ";
}
._cross
{
font-size:15px;
text-align:center;
line-height:13px;
color:Red;
}
._cross::before
{
content:"\2717 ";
}
._compare
{
float:right;
box-sizing:border-box;
height:34px;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-align:center;
line-height:34px;
margin:12px 10px 0px 0px;
color:#096397;
padding:0 10px 0 0px;
}
._compare:before
{
content:"Compare with current schedule";
font-weight:bold;
}
._gline
{
height:25px;
border-bottom:solid 1px #ccc;
line-height:25px;
padding-left:13px;
padding-right:13px;
}
.form_field input
{
height: 20px;
}
.form_field select
{
height: 25px;
}
._s_menu
{
height:40px;
border-bottom:solid 1px #ccc;
line-height:40px;
padding-left:13px;
padding-right:13px;
font-size:120%;
}
._s_menu img
{
width:32px;
height:32px;
}
._s_menu:hover
{
font-weight:bold;
background:#eee;
cursor:pointer;
}
._form_field_container
{
float: left;
padding: 2px;
width: 225px;
height: 25px;
}
._form_label
{
float: left;
width: 100px;
text-align: right;
padding-top: 4px;
}
._form_field
{
float: left;
width: 120px;
text-align: left;
padding-left: 4px;
}
._form_field input
{
height: 18px;
border-radius: 5px;
}
._form_field select
{
height: 23px;
border-radius: 5px;
}
.chk-toggle
{
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.chk-toggle + label
{
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
}
input.toggle + label
{
padding: 2px;
width: 80px;
height: 20px;
border-radius: 20px;
line-height:20px;
font-size:12px;
background-color: #15a97d;
transition: background 0.4s;
}
input.toggle + label:before
{
display: block;
position: absolute;
top: 10%; left: 2.5%;
bottom: 10%;
right: 2.5%;
content:"Job";
padding-left:50%;
color: #15a97d;
background-color: #fff;
transition: background 0.4s;
border-radius: 60px;
}
input.toggle + label:after
{
display: block;
position: absolute;
content:"";
top: 20%;
left: 5%;
bottom: 20%;
width: 45%;
background-color: #15a97d;
transition: margin 0.4s, background 0.4s;
border-radius: 20px;
}
input.toggle:checked + label
{
background-color: #e07839;
}
input.toggle:checked + label:before
{
content:"Team";
padding-left:10%;
color: #e07839;
}
input.toggle:checked + label:after
{
margin-left: 45%;
background-color: #e07839;
}
.bubble
{
position:relative;
padding:5px;
border-radius:3px;
box-shadow:0px 0px 20px #999;
border:1px solid #06516e;
background:#fff;
height: 5px;
margin: 5px;
width:5px;
}
.bubble::after
{
background-color: #F2F2F2;
box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
content: "\00a0";
display: block;
height: 20px;
left: -10px;
position: relative;
top: 20px;
transform: rotate( 45deg );
-moz-transform:rotate( 45deg );
-ms-transform:rotate( 45deg );
-o-transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
width: 20px;
}
._ancor
{
float:right;
box-sizing:border-box;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-align:center;
margin:2px 2px 2px 2px;
color:#096397;
}
._ancor:before
{
font-weight:bold;
}
/*End Scheduler*/
/*Start callout css */
div.__co_container
{
position:absolute;
z-index:1000;
}
div.__co_backdrop
{
position:absolute;
left:0px;
top:0px;
background:#000;
opacity:0.0;
z-index:999;
}
div.callout
{
background-color: #444;
background-image: -moz-linear-gradient(top, #444, #444);
position: relative;
color: #ccc;
padding: 10px;
border-radius: 3px;
box-shadow: 0px 0px 20px #999;
margin: 25px;
min-height: 50px;
border: 2px solid #444;
text-shadow: 0 0 1px #000;
}
.callout::before
{
content: "";
width: 0px;
height: 0px;
border: 0.8em solid transparent;
position: absolute;
}
.callout.top::before
{
left: 45%;
bottom: -20px;
border-top: 10px solid #444;
}
.callout.bottom::before
{
left: 45%;
top: -20px;
border-bottom: 10px solid #444;
}
.callout.left::before
{
right: -20px;
top: 40%;
border-left: 10px solid #444;
}
.callout.right::before
{
left: -20px;
top: 40%;
border-right: 10px solid #444;
}
.callout.top-left::before
{
left: 7px;
bottom: -20px;
border-top: 10px solid #444;
}
.callout.top-right::before
{
right: 7px;
bottom: -20px;
border-top: 10px solid #444;
}
.callout td.cross
{
text-align:center;
cursor:pointer;
font-family:verdana;
width:14px;
}
.callout td.cross:hover
{
text-align:center;
cursor:pointer;
font-family:verdana;
background:#ded0d0;
color:Red;
}
.__co_opacity1
{
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
opacity:1.0;
}
.__co_opacity0
{
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
opacity:0.0;
}
/*End callout css */
/*Start gridpopup */
div.__gp_container
{
position:absolute;z-index:995;
}
div.__gp_backdrop
{
position:absolute;
left:0px;
top:0px;
background:#000;
opacity:0.0;
z-index:994;
}
div.__gp
{
position: relative;
padding: 10px;
border-radius: 3px;
box-shadow: 0px 0px 20px #999;
min-height: 50px;
min-width:150px;
border: 1px solid #ccc;
background:#fff;
}
div.__gp td.cross
{
text-align:center;
cursor:pointer;
font-family:verdana;
width:14px;
}
div.__gp td.cross:hover
{
text-align:center;
cursor:pointer;
font-family:verdana;
background:#ded0d0;
}
.__co_opacity1
{
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
opacity:1.0;
}
.__co_opacity0
{
-webkit-transition:opacity 0.5s;
transition:opacity 0.5s;
opacity:0.0;
}
/*End gridpopup */
.btnSubGenInfo{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_information.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubContacts{background-image:url(https://micaexchange.com/resources/images/icons/trans_icon_address.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubNotes{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-notes.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.btnSubDocs{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-document.gif);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
/*grid5*/
.grid5 { font-size:110%;color:#444; }
.grid5 tr.header:hover td { background-color: Transparent; }
.grid5 tr th, .grid5 tr.header th, .grid5 tr.header td { color: #10354D; text-align: left; vertical-align: middle; font-size: 110%; font-weight: bold; border-bottom: solid 1px #1E4113;border-left:solid 1px #ccc; border:none; padding:8px 4px 8px 4px; }
.grid5 tr th:first-child { border-left:0px;}
.grid5 tr td { text-align: left; vertical-align: middle; border-bottom: solid 1px #ccc;border-left:solid 1px #ccc; padding: 6px 4px 6px 4px; }
.grid5 tr td:first-child { border-left:0px;}
.grid5 tr.alt td { text-align: left; vertical-align: top; border-bottom: solid 1px #DDDEDC; padding: 8px 4px 8px 4px; background: #FBFDF3; }
.grid5 tr.footer td { font-weight: bold; padding-left: 4px; border-bottom: solid 1px #2C3639; }
.grid5 tr.note td { font-size: 110%; padding-left: 4px; text-align: left; vertical-align: top; }
.grid5 tr.selected td{border: solid 1px #74AC67; border-top: solid 1px #74AC67; border-bottom: solid 1px #74AC67; color: #1B5D05; background-color: #E6FBDF; font-size: 110%; font-weight: bold;}
.grid5link {float:right;border-left:solid 1px #444;min-width:20px;min-height:16px;position:relative;}
.grid5link::before{content:"";left:20%;top:25%;border:0.5em solid transparent;border-top:8px solid #444;position:absolute;}
.grid5link:hover {float:right;border:solid 1px transparent;background:#2c6c87;border-radius:3px;min-width:20px;min-height:16px;position:relative;cursor:pointer;}
.grid5link:hover::before{content:"";left:20%;top:25%;border:0.5em solid transparent;border-top:8px solid #e5f4fa;position:absolute;}
.grid5-btn{float:right;font-size:90%;font-weight:bold;border:solid 1px #ccc;height:24px;position:relative;border-radius:5px;line-height:24px;cursor:pointer;background-color:#ccc;text-align:left;padding-left:33px;padding-right:20px;margin-left:10px; }
.grid5edit{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-edit.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid5delete{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-cross1.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;background-color:#f9cdb5;}
.grid5save{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-greentick.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;background-color:#83d8d8;}
.grid5copy{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-arrow-right.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid5doc{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-document.gif);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid5download{background-image:url(https://micaexchange.com/resources/images/icons/trans-icon-down.png);background-size:16px 16px;background-repeat:no-repeat;background-position:8px 4px;}
.grid5active{background-color:#cbf8e3;padding-left:20px;padding-right:20px;}
.grid5inactive{background-color:#f9cdb5;padding-left:20px;padding-right:20px;}
.lnkContact { font-size: 1.5em;color: #9197a3;cursor: pointer; }
.lnkContact:hover{ font-weight:bold; }
.lnkContactSelected {font-size: 1.5em;color: #9197a3;cursor: pointer;font-weight:bold; }
.classBtnAddDisable
{
width: 30px;
height: 25px;
text-align: center;
line-height: 25px;
border: solid 1px #ccc;
border-radius: 3px;
margin-right: 5px;
font-size: 110%;
font-weight: bold;
color: #444;
background: #ddd;
cursor: pointer;
}
.classBtnAddEnable {background-color:#fdca0d;}
/*grid3*/
/*CSS By Abhik*/
#notification {
position:fixed;
top:0px;
width:100%;
z-index:105;
text-align:center;
font-weight:normal;
font-size:14px;
font-weight:bold;
color:white;
background-color:#FF7800;
padding:5px;
}
#notification span.dismiss {
border:2px solid #FFF;
padding:0 5px;
cursor:pointer;
float:right;
margin-right:10px;
}
#notification a {
color:white;
text-decoration:none;
font-weight:bold
}
.menu
{
text-align:left;
list-style: none;
border: solid 4px #AFCA6A;
float: right;
position: absolute;
right: 32px;
height: 96px;
width: 130px;
border-radius: 5px;
background-color: #0E3249;
}
.menu li
{
height:29px;
}
.menu li:last-child
{
margin-bottom: 10px;
}
.menu li a
{
display: block;
padding: 6px 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align: left;
}
/**************/
/* Other gradient styles*/
.BaseGray
{
background: #E6E6E6;
border: solid 2px #B6B6B6;
}
.BaseBlue
{
background: #0E3249;
}
.BaseSky
{
background: #94c9eb;
}
.BaseTeal
{
background: #FEEFEC;
}
.gradientBoxBlue2D
{
background: #0E3249; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#FFFFFF, #0E3249); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FFFFFF, #0E3249); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFFFFF, #0E3249); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FFFFFF, #0E3249); /* Standard syntax */
}
.whiteBox
{
background: #FFFFFF;
padding: 5px;
}
.box-bluishAsh
{
background: #00A5C3;
border-radius: 8px;
height: 52px;
color: #FFFFFF;
}
.gradientBoxBlue2DSky
{
background: #94c9eb; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#94c9eb, #FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#94c9eb, #FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#94c9eb, #FFFFFF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#94c9eb, #FFFFFF); /* Standard syntax */
}
.gradientBoxBlue3DSky
{
background: #d4eaf7;
color: #000000;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.gradientBoxBlue2DGreen
{
background: #006666; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#FFFFFF, #006666); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FFFFFF, #006666); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFFFFF, #006666); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FFFFFF, #006666); /* Standard syntax */
color: #FFFFFF;
font-weight: bold;
font-style: italic;
}
.gradientBoxBlue3DGreen
{
background: #006666; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#006666, #FFFFFF, #006666); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#006666, #FFFFFF, #006666); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#006666, #FFFFFF, #006666); /* For Firefox 3.6 to 15 */
background: linear-gradient(#006666, #FFFFFF, #006666); /* Standard syntax */
color: #FFFFFF;
font-weight: bold;
font-style: italic;
}
.gradientBoxBlueInverse
{
background: #0E3249; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#0E3249, #FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0E3249, #FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0E3249, #FFFFFF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0E3249, #FFFFFF); /* Standard syntax */
}
.sidebarBox {
width: 300px; /* Replace with your sidebar width */
float: right;
position: relative;
}
.scrollingBox {
width: 300px; /* Replace with the same width as sidebar */
}
/************************/
.dvHelpIcon{background-color: #2e3c2c; border-radius: 8px; width: 16px; height: 16px; text-align: center; line-height: 16px; cursor: pointer; }
.dvHelpIcon::before{content:"?";color: #b2f2ad; font-family: Segoe UI; font-size: 12px; font-weight: bold;}
.f-icon-tick{color:Green;font-weight:bold;}
.f-icon-tick::before{content:"\002714";font-size:16px;color:Green;margin:3px;}
.f-icon-cross{color:Red;font-weight:bold;}
.f-icon-cross::before{content:"\002718";font-size:16px;color:Red;margin:3px;}
.f-icon-warning{color:#f8c446;font-weight:bold;}
.f-icon-warning::before{content:"\0026A0";font-size:16px;color:#f8c446;margin:3px;}
/* Loss Explorer - Water damage section - BASOB*/
.wd-main {width:100%;font-size:110%;}
.wd-main::after{content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.wd-leftpane{width:25%;float:left;height:520px;border:solid 1px #ccc;overflow:auto;}
.wd-rightpane{width:74%;float:right;min-height:520px;border:solid 1px #ccc;}
.wd-level {font-weight:bold;border-bottom:solid 1px #aaa;padding:6px;background:#eee;}
.wd-area {padding:6px 6px 6px 26px;border-bottom:solid 1px #ccc;cursor:pointer;}
.wd-area:hover{background:#cce6ff;}
.wd-selected {background:#448cd0;color:#fff;}
.wd-areainfo{margin:8px;}
.wd-areainfo div{ margin:10px;}
.wd-areadetails{margin:0px 4px;}
.wd-damagedetails{width:48%;float:left;padding:0px 1%;}
.wd-mmap {width:49%;float:right;}
.wd-damagedetails h1,.wd-mmap h1 { display:block;text-align:center;font-size:130%;font-weight:bold;color:#fff;background:#448cd0;padding:4px 0px;}
.wd-mmap img{margin:0px auto;}
/*grid7*/
.grid7 {font-size:100%;}
.grid7 thead tr th {text-align: left; vertical-align: middle; font-weight: bold; border-bottom: solid 1px #1E4113; padding: 6px 6px;}
.grid7 tfoot tr td {text-align: left; vertical-align: middle; border-bottom: solid 1px #DDDEDC; padding: 6px 6px; font-weight:bold;}
.grid7 tbody tr td {text-align: left; vertical-align: middle; border-bottom: solid 1px #DDDEDC; padding: 6px 6px;}
.grid7 tbody tr:last-child td {border-bottom: solid 1px #1E4113;}
.grid7 tbody tr:hover td { background-color: #E6FBDF; }
/* Loss Explorer - Water damage section */
/* Contact details - NIRAJ */
.cd-res{background:#eee;}
.cd-res::after{content: " ";visibility: hidden; display: block;height: 0;clear: both;}
.cd-search {height:50px;padding-top:20px;border-bottom:solid 1px #ccc;background:#fff;}
.search{width:350px;margin:0px auto;position:relative;}
.search input[type=text]{width:100%;border:solid 1px #ccc;border-radius:5px;font-size:110%;height:30px;line-height:20px;padding:0px 6px;}
.search img { width:16px;height:16px;background:#5e9cb1;border:solid 3px #5e9cb1;border-radius:3px;position:absolute;top:5px;right:-2px;cursor:pointer; }
.cd-left{width:25%;float:left;background:#fff;height:500px;box-sizing:border-box;}
.cd-right{width:75%;float:right;background:#fff;box-sizing:border-box;border:solid 1px #ccc;}
.cd-left ul{padding-top:20px;}
.cd-left ul li { width:90%;height:33px;line-height:33px; font-size:110%;padding-left:10px;cursor:pointer;border-top-left-radius:5px;border-bottom-left-radius:5px;border:solid 1px Transparent; }
.cd-left ul li:hover{background:#ccc;border:solid 1px #ccc;}
.cd-left ul li.selected{background:#D0EAFB ;font-weight:bold;border:solid 1px #ccc;}
.nocontact{color:#32678A;font-size:120%;width:250px;text-align:center;margin:0px auto;}
.cd-container1 { background:#ccc;}
.cd-container { background:#ccc;height: 500px; overflow: auto; }
.cd-items { border:solid 1px #ccc;background:#fff;margin:5px;border-radius:5px;font-size:110%;padding-bottom:10px; }
.cd-items .name { padding:6px;font-weight:bold;color:#5e9cb1;border-bottom:solid 1px #ccc;padding-left:12px;line-height:26px;font-size:125%; }
.cd-items .name::after{content: " ";visibility: hidden; display: block;height: 0;clear: both;}
.cd-items .address, .cd-items .phone, .cd-items .email { margin:6px;margin-left:40px;min-height:25px;line-height:25px;position:relative; }
.cd-items .address::before{ content:"\2709"; position:absolute;left:10;top:10;margin-left:-30px;width:25px;height:25px;line-height: 25px;text-align: center;border:solid 1px #5e9cb1;border-radius:50%;background:#5e9cb1;color:#fff;font-size: 20px; }
.cd-items .phone::before{ content:"\260E"; position:absolute;left:10;top:10;margin-left:-30px;width:25px;height:25px;line-height: 20px;text-align: center;border:solid 1px #5e9cb1;border-radius:50%;background:#5e9cb1;color:#fff;font-size: 20px;font-family:Arial Unicode MS; }
.cd-items .email::before{ content:"@"; position:absolute;left:10;top:10;margin-left:-30px;width:25px;height:25px;line-height: 20px;text-align: center;border:solid 1px #5e9cb1;border-radius:50%;background:#5e9cb1;color:#fff;font-size: 15px; }
.cd-items .add{ background:#74797e;padding:0px 30px;display:inline-block;border-radius:5px;color:#fff;font-size:80%;font-weight:bold;height:26px;line-height:26px;float:right;margin-right:12px; cursor:pointer; }
.nav3 {padding:10px 0px;border-bottom: solid 1px #ccc;}
.nav3 ul li { display:inline-block; color:#3a4451; border:solid 1px #ccc;border-left:0px none; height:28px;line-height:26px;text-align:center;padding:0px 7px;cursor:pointer;font-weight:bold;box-sizing:border-box;margin-left:-3px; }
.nav3 ul li:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;border-left:solid 1px #ccc;margin-left:0px;}
.nav3 ul li:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.nav3 ul li:hover { color:#fff;background:#5e9cb1; }
.nav3 ul li.selected { color:#fff;background:#5e9cb1; }
.grid2 tr.filter td {position:relative;padding:0;border-bottom:solid 1px #000;}
.grid2 tr.filter:hover td {background-color: Transparent;}
.grid2 tr.filter td input[type=text]{width:90%;border:0px none;height:30px;line-height:30px;font-size:110%;margin-left:3px;}
.grid2 tr.filter td img { width:16px;height:16px;background:#5e9cb1;border:solid 3px #5e9cb1;border-radius:3px;position:absolute;right:3px;top:5px;cursor:pointer; }
.grid2 .dvContent {position:relative;min-height:20px;padding-right:30px;}
.grid2 .imgCommand { width:16px;height:16px;background:#ccc;border:solid 3px #ccc;border-radius:3px;cursor:pointer;position:absolute;top:50%;margin-top:-11px;right:0px; }
.grid2 .imgCommand:hover { background:#5e9cb1;border:solid 3px #5e9cb1; }
.cm-tab-container { border-bottom: solid 2px #1A699D; }
.cm-tab-container::after{content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.cm-tab-container .tbs{position:relative;width:300px;float:left;}
.cm-tab-container .tbs #uLContacts{border:0px none;margin-top:23px;}
.cm-tab-container .btn-new{ background: #5e9cb1; height: 33px; line-height: 33px; cursor: pointer; position: relative; margin: 0px auto;color:#fff;border-radius:5px;display:inline-block;padding:0 10px 0 40px;font-size:110%;font-weight:bold;float:right;margin:10px 6px 0 0;z-index:5;text-shadow: 1px 1px #444; }
.cm-tab-container .btn-new::before{content: "+"; position: absolute; left: 10px; top: 5px; width: 20px; height: 20px; line-height: 22px; text-align: center; border: solid 1px #fff; border-radius: 50%; color: #fff; font-size: 20px;}
.cm-tab-container .btn-new:hover{background: #0E3249;}
.add-contact-main .caption{margin-top:10px;border-bottom:solid 1px #999;}
.add-contact-main .caption h1{display:inline-block;height:33px;line-height:33px;font-size:15px;color:#444;}
.add-contact-main .caption .btn01{background: #666; height: 28px; line-height: 26px; cursor: pointer; color:#fff;border-radius:5px;display:inline-block;padding:0 10px;font-size:110%;font-weight:bold;float:right;text-shadow: 1px 1px #444;margin-right:10px;box-shadow:2px 2px 5px rgba(0,0,0,0.6);}
.contact-summary-info {width:90%;margin:0px auto;}
.contact-summary-info .inner{ width:45%;float:left; }
.contact-summary-info::after{content: " ";visibility: hidden; display: block;height: 0;clear: both;}
.contact-summary-info .inner div {margin-bottom:6px; }
.contact-summary-info .inner label { display:block;font-weight:bold;font-size:120%; }
.contact-summary-info .inner label.mandatory{position:relative;}
.contact-summary-info .inner label.mandatory::after{content:" *";color:Red;font-size:14px;}
.contact-summary-info .inner input,
.contact-summary-info .inner select,
.contact-summary-info .inner textarea { box-sizing:border-box;width:90%;font-size:120%; padding:5px 5px; border:solid 1px #bbb;border-radius:3px; }
.contact-summary-info .btn-bar {width:80%;float:none;display:block;}
.contact-summary-info .btn-bar .btn{height:28px;line-height:26px;padding:0px 8px;}
.popContMgmt {
position:absolute;
padding:10px;
/*box-shadow:0px 0px 20px #999;*/
min-height:250px;
min-width:400px;
border:1px solid #06516e;
background:#fff;
z-index:1000000;
border-radius: 4px;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.popContMgmt1 {
position:absolute;
padding:10px;
/*box-shadow:0px 0px 20px #999;*/
min-height:190px;
min-width:250px;
border:1px solid #06516e;
background:#fff;
z-index:1000000;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control {
display: block;
width: 250px;
height: 20px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
/*-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
*/
}
/* Contact details - NIRAJ */