/*@import url('fonts/myriadpro.css');*/ /*MyriadProCondensed, MyriadProBoldCondensed*/
/*@import url('menu.css');*/


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    height: auto;
    margin: 0px auto;
    background:#DDDDDD;
    color:#333333;
    font:75%/1.5 "Trebuchet MS",Helvetica,Arial,sans-serif;
}
#bodyContent{ width: 1050px; margin: 0px auto;}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
h3 {
    font-family: Arial, Verdana, sans-serif;
    text-transform: uppercase;
    font-size:18px;
}

h4 {
    float:left;
    font-family:Arial, Verdana, sans-serif;
    text-transform:uppercase;
    font-size:15px;
    margin:0;
    color:#1b7da2;
    padding:0 15px;
    line-height:26px;
    margin: 0px;
}

h5 {
    float: right;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top:35px;
    color: #1b7da2;
    padding:  0 15px;
    line-height: 26px;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    clear:          both;
}

/* END Eric Meyer's reset */

/*Specific styles for ajacent tables in a popup*/

.box-inner{
    max-width:100%;
    padding:0px;
}

.table-all-notes{ 
    display:inline-block;
    float:left;
    width:49%;
    margin-right:0px;
}

.popup-h1{
    color: #000;
}

.note-id{
    vertical-align:top; 
    width:3%;
    text-align:center;
}

.note{
    text-align:left;
    width:58%;
}

.note-author{
    width:14%;
    text-align:center;
}

.note-date{
    /*width:24%;*/
    width:15%;
    text-align:center;
}

#task_overview_div td{
    padding: 1px !important;
}

.table-all-files{
    display:inline-block;
    width:49%;
    margin-left:1%;
}

.file-table{
    width:100%;
}

.file-table-head{
    padding:0px;
}

.file-id{
    width:3%;
    text-align:center;
}

.file-link{
    width:58%;
    text-align:left;
    word-break: break-all;
    word-break: break-word;
}

.uploaded-by{
    width:14%;
    text-align:center;
}

.upload-date{
    /*width:24%;*/
    width:15%;
    text-align:center;
}



a, button {
    outline:none;
}

a:hover {
    text-decoration:none;
}

a img {
    border:none;
}

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


.centerDiv {
    margin:	0 auto;
}

#header {
    background-color:#fff;
    border-bottom:1px solid #1b7da2;
    min-height: 100px;
    position: relative;
    border-radius:5px;
}
.grad100 {
    background-image:url("../img/grad100.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;
}
#header .centerDiv {
    padding:20px 0 16px;
}
#header #logo {
    float:left;
    margin-top:5px;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 30px;
    text-transform: uppercase;
}
#nav {
    background:	#1b7da2 url(../img/lines-3.png) 50% 0 repeat;
    border-bottom:1px solid #999999;
    border-top:1px solid #fff;
    border-radius:5px;
}

#nav .centerDiv {
    padding:0;
    position:relative;
    z-index:2;
}
/* Content from menu.css START*/
.menu {
    height:50px;
    background:transparent;
    font-family:Arial, Verdana, sans-serif;
    text-transform:capitalize;
}
.menu ul {
    padding:0 0 0 0;
    margin:0;
    list-style-type:none;
}
.menu ul li {
    float:left;
    position:relative;
    background: transparent;
}

.menu ul li ul li{
    border-right: none;
}

.menu ul li a {
    float:left;
    font-family: Arial, Verdana, sans-serif;
    display:block;
    color: #ddd;
    padding: 0 0 0 20px;
    line-height: 50px;
    height: 50px;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.8rem;
}

.menu ul li a.header {
    font-size: 	1rem !important;
    font-weight:bold;
}

.menu ul li a.subheader {
    color:#ddd;
}

.menu ul li a span {
    display:block;
    padding:0 5px 0 0;
    height:50px;
    cursor:pointer;
}

.menu ul li a:hover, .menu ul li:hover a {
    color:#fff;
    text-decoration:none;
}
.menu ul li a:hover span, .menu ul li:hover a span {
    backgound:#000;
    text-decoration:none;
}

.menu ul li.current, .menu ul li.current:hover{
    background: transparent url(../img/current.png) 50% 0 no-repeat;
}
.menu ul li.current a {
    color: #8f8f8f;
    background-color:transparent;
}
.menu ul li.current a span {
    color: #8f8f8f;
    background-color:transparent;
}

.menu ul li:hover {
    background: transparent url(../img/hover.png) 50% 0 no-repeat;
    width: auto;
    color: #9E040C;
}

.menu ul li ul {
    display: none;
    padding: 0;
    border:  1px solid #999;
    border-top: none;
}
.menu table {
    font:75%/1.5 "Trebuchet MS",Helvetica,Arial,sans-serif;
    margin:0;
    border-collapse:collapse;
    font-size: 10px !important;
    position:absolute;
    top:0;
    left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:50px;
    margin-top: 0;
    left:-1px;
    width:230px;
    border-bottom:1px solid #999;
    background-color:#fff;
    padding-bottom: 5px;
}
.menu ul li:hover ul.endstop {
    left:-92px;
}
.menu ul li:hover ul li ul {
    display:none;
    color:#9e040c;
    border:1px solid #999;
}
.menu ul li:hover ul li a {
    display:block;
    color:#1b7da2;
    height:auto;
    line-height:15px;
    padding:6px 10px 6px 10px;
    width:210px;
    text-transform:capitalize;
    font-weight:bold;
}
.menu ul li:hover ul li a:hover {
    background-color:#e1e1e1;
}

.menu ul li:hover ul li a.acurrent {
    background:#f7f7f7;
    color:#8f8f8f;
}

.menu ul li:hover ul li:hover ul {
    display:block;
    position:absolute;
    left:150px;
    top:-1px;
    color:#4b4e56;
    padding-top:15px;
}
.menu ul li:hover ul li:hover ul.left {
    left:-150px;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
    display:block;
    position:absolute;
    top:50px;
    background:#fff;
    left:0;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #999;
}

.menu ul li a:hover ul.endstop {
    left:-150px;
}
.menu ul li a:hover ul li a {
    display:block;
    background:#fff;
    color:#000;
    height:16px;
    line-height:16px;
    padding:4px 16px 4px 10px;
    width:150px;
    text-decoration:none;
    text-transform:none;
    font-weight:normal;
}
.menu ul li a:hover ul li a ul {
    visibility:hidden;
    position:absolute;
    height:0;
    width:0;
}
.menu ul li a:hover ul li a:hover {
    background:#e1e7f5;
}
.menu ul li:hover ul li a:hover.acurrent {
    color: #8f8f8f;
    background: #e1e1e1;
}
.menu ul li a:hover ul li a:hover ul {
    visibility:visible;
    position:absolute;
    top:0;
    color:#4B4E56;
    left:150px;
}
.menu ul li a:hover ul li a:hover ul.left {
    left:-150px;
}
/* Content from menu.css END*/

/* Content from tipsy.css START*/
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
/* Content from tipsy.css END*/


#container {
    min-height: 410px;
    max-width: 2400px;
    margin: 0 auto;
}

#container .centerDiv {
    padding: 10px 0;
}

.box {
    background:#fff;
    clear:right;
    border-radius:6px;
    -moz-border-radius:	6px;
    margin-bottom:25px;
    border:1px #999 solid;
}

#bldgbox1.box {
    -moz-box-shadow:0 0 10px #aaa;
}

.box .header {
    background-color:#1b7da2;
    height:35px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    padding:0 15px;
    position:relative;
}

.box .header h3 {
    line-height: 35px;
    font-size: 12px;
}
.box .header a.icon,
.box .header a.iconTxt {
    margin: 5px 0;
}

.box .subheader {
    background-color:#1b7da2;
    height:35px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    position: relative;
}

.box .subheader h4 {
    line-height: 35px;
    color: #ffffff;
    padding: 0 18px;
    font-size: 12px;
}
.box .subheader h4 a {
    color: #ffffff;
}
.box .subheader a.icon,.box .subheader a.iconTxt {
    float: right !important;
    margin: 5px;
}
.box .subheader a.backLink{text-decoration: none;color: #ffffff; padding-top: 7px; padding-right:15px;float: right;}
.box .subheader a.backLink:hover{text-decoration: underline;}
.box .controls a.icon span,
a.icon span
{display:none;}
.box .controls a.iconTxt span,a.iconTxt span{display:block;}

.box .header h3 {position: relative; top: 2px; display: inline; font-size: 120%; color: #fff;}
.box .header h3  a {position: relative; top: 2px; display: inline; color: #fff;}
/* tabs in the header */
.box .header ul {
    position: absolute;
    right: 9px;
    bottom: 0;
}
.box .header ul li {display: inline;}
.box .header ul a {
    border-radius: 5px 5px 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #777; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;
    text-decoration: none;
}
.box .header ul a.active,
.box .header ul a:focus,
.box .header ul a:active {background: #fff; color: #444;}

.box .header ul a:hover {background: #e1e1e1; color: #444;}

.box .content {
    background-color:#fff;
    margin-bottom:5px;
}

.box #important.content {
    background-color:#ffbfbf;
}
.box #important h4 {
    color:#fff;
}
.box #blddetails.content {
    margin-bottom:0;
}

.box.altcolor .header {
    background-color:#8f8f8f;
}

/* boxes' content types � tabular */
.box .content table {width: 100%;}
.box .content table th,
.box .content table td {padding: 8px; vertical-align:middle; }
/*.last-completed-on{vertical-align:text-bottom !important;}/*customized td*/

.box .content table.add_def td,th {padding: 4px 8px!important;vertical-align: middle;}
.box .content table thead td.actions {text-align:center;}
.box .content table th {text-align: left; font-weight: normal;}
.box .content table tr.even th,
.box .content table tr.even td {background: #f5f5f5;}
.box .content table tr.odd td {background: #ffffff;}
.box .content table th.first,
.box .content table td.first,
.box .content table tr.first,
.box .content table tbody tr.first th.first,
.box .content table tbody tr.even th.first {padding-left: 15px;background: #e1e1e1 !important;}
.box .content table thead th,
.box .content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd;  text-shadow:#fff 0 1px 0;}

.box .content table tbody tr.deviceDetails {display:none;}

.box .content table a {border: 0; padding: 10px; color: #1b7da2;}

ul.paperwork li{padding:0 0 6px 0;}
.box .content table a.pdf, a.pdf {border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/icon-pdf.png) 0 50% no-repeat;float:left;}
.box .content table a.doc, a.doc {border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/icon-doc.png) 0 50% no-repeat;float:left;}
.box .content table a.upload, a.upload {border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/icon-upload.png) 0 50% no-repeat;float:left;}

.box .content table a.icon {padding: 0; color: #1b7da2;}
.box .content table tfoot th,
.box .content table tfoot td {background: #fff ;}
/* boxes' content types � simple list */
.box .content ul.simple li {clear: both; overflow: hidden;}
.box .content table tr.even th,
.box .content ul.simple li.even {background: #f5f5f5;}

.box .content ul.simple strong {float: left; font-weight: normal;}
.box .content ul.simple span {float: right;}
.box .content ul.simple li a {display: block;padding: 6px 15px 4px 15px; text-decoration: none;}
.box .content ul.simple li a:hover {background: #e1e1e1; }

.box a {color:#1b7da2;}

/* forms */
form, .inner-box {padding: 18px;}
dl {width: 100%; overflow: hidden;} /* basic layout for forms */
dl dt,
dl dd {float: left;}
dl dt {padding: 3px 5px 3px 5px; width: 10%; clear: left;font-weight: bold;}
dl dd {padding: 3px 0 3px 5px; width: 60%;}
span.h5 {color: #1b7da2;font-size: 14px;font-weight:bold;padding-top: 15px;clear:both;float:left;}
span.h5:first-child {padding-top:0;}

label.check,
label.radio {margin-right: 5px;float: left; clear:both;}
form small {color: #999;}
input.txt,
textarea {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border: 1px solid #999; padding: 5px 2px;
}
form input.txt,
form textarea {width: 100%;}

form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}


.button {border: 1px solid #00487a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #1b7da2; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer;}
.button:hover,
.button:focus,
.button:active {border-color: #272727; background: #2a2a2a; text-shadow: #000 1px 1px 0; color: #fff;}

.divider {margin-top:20px;padding-top:20px;border-top:1px solid #d7d7d7;}

.div20 {float:left;width:20%;}
.div30 {float:left;width:30%;}
.div50 {float:left;width:50%;}
.div70 {float:left;width:70%;}
.div50doc {float:left;width:49%;margin-left:2px;}
.box .controls{text-align:right; background-color: #fff;padding: 6px 0; width: 100%; float:left !important;}
.conrolunlink {text-align:right; background-color: #fff;padding: 6px 0; width: 100%;}
.box #important .controls {background-color: #f00;}
.box #important .inner-box {background-color: #ffbfbf;}
.box .controls.top,
.box .controls.bottom {border-bottom:1px solid #BBBBBB;border-top:1px solid #BBBBBB;}
.flright div {float: right;}
.flleft div {float: left;}
.box .controls.flright a,.conrolunlink.flright a,.tc a.editDevice,.tc a.viewDevice {margin-right:10px;}
.box .controls.flleft a,.conrolunlink.flleft a {margin-left:10px;}
.box .header a.icon,.box .subheader a.icon,  .box .controls a.icon, .conrolunlink a.icon, .box .content table .tc a.icon { margin-right:5px; background-color: #e1e1e1; float: left; background-position: 50% 50%;background-repeat: no-repeat; width:24px;height:24px;display:inline;border: 1px solid #bbb;-moz-border-radius: 3px;-webkit-border-radius:3px;}
.box .header a.iconTxt,.box .subheader a.iconTxt,  .box .controls a.iconTxt, .box .content table .tc a.iconTxt { background-color: #e1e1e1; float: left; background-position: 4px 50%;background-repeat: no-repeat; height:24px;display:block;border: 1px solid #bbb;-moz-border-radius: 3px;-webkit-border-radius:3px;padding: 0 4px 0 24px;}
a.iconTxt {
    line-height:        24px;
    text-decoration:    none;

}
.box .header a.icon:hover, .box .controls a.icon:hover, .box .content table .tc a.icon:hover {background-color: #fff;}
.box .header a.iconTxt:hover, .box .controls a.iconTxt:hover, .box .content table .tc a.iconTxt:hover {background-color: #fff;}
.box .controls a span {display:none;}
.blddetails         {background-image: url(../img/building.png);}
.bld_docs           {background-image: url(../img/building_docs.png);}
.bld_notes          {background-image: url(../img/building_notes.png);}
.editBldg           {background-image: url(../img/building_edit.png);}
.addUser            {background-image: url(../img/user_add.png);}
.add3rd             {background-image: url(../img/3rd_add.png);}
.addClient          {background-image: url(../img/client_add.png);}
.addMech            {background-image: url(../img/mech_add.png);}
.addSuper           {background-image: url(../img/super_add.png);}
.addAgent           {background-image: url(../img/agent_add.png);}
.addNote            {background-image: url(../img/note_add.png);}
.editUser           {background-image: url(../img/user_edit.png);}
.edit3rd            {background-image: url(../img/3rd_edit.png);}
.editClient         {background-image: url(../img/client_edit.png);}
.editMech           {background-image: url(../img/mech_edit.png);}
.editSuper          {background-image: url(../img/super_edit.png);}
.editAgent          {background-image: url(../img/agent_edit.png);}
.removeUser         {background-image: url(../img/user_delete.png);}
.remove3rd          {background-image: url(../img/3rd_delete.png);}
.removeClient       {background-image: url(../img/client_delete.png);}
.removeMech         {background-image: url(../img/mech_delete.png);}
.removeSuper        {background-image: url(../img/super_delete.png);}
.removeAgent        {background-image: url(../img/agent_delete.png);}
.deactBldg          {background-image: url(../img/building_delete.png);}
.addDevice          {background-image: url(../img/device_add.png);}
.addUser            {background-image: url(../img/user_add.png);}
.viewProposal       {background-image: url(../img/proposal_view.png);}
.viewViolation      {background-image: url(../img/vio_view.png);}
.addProposal        {background-image: url(../img/proposal_add.png);}
.editDevice         {background-image: url(../img/device_edit.png);}
.removeDevice       {background-image: url(../img/device_delete.png);}
.vioNotes           {background-image: url(../img/vio_notes.png);}
.vioNotes2          {background-image: url(../img/note_add.png);}
.testHistory        {background-image: url(../img/test_view.png);}
.periodics          {background-image: url(../img/periodic_view.png);}
.maintenances          {background-image: url(../img/maintenance_view.png);}
.addTest            {background-image: url(../img/test_add.png);}
.tracking           {background-image: url(../img/tracking.png);}
.compDetails        {background-image: url(../img/comp_view.png);}
.compNotes          {background-image: url(../img/comp_note.png);}
.viewDevice         {background-image: url(../img/device_view.png);cursor: pointer;}
.addViolation       {background-image: url(../img/violation_add.png);cursor: pointer;}
.aocheader      {background: transparent url(../img/building.png) 0 0 no-repeat;cursor: pointer;padding-left:10px;padding-right:10px;}
.close              {background-image: url(../img/cancel.png);display:block;cursor: pointer;width:16px;height:16px;position:absolute;margin-left: -28px;}
.addPaperwork       {background-image: url(../img/paper_add.png);}
.box .content table a.addSchedTest.icon {background-image: url(../img/book_add.png);display:block;width:16px;height:16px;float:left;margin-right:10px;}
.box .content table a.editSchedTest {background-image: url(../img/book_edit.png);display:block;width:16px;height:16px;float:left;}

.box .content table tr.deviceDetails td {padding: 8px 8px 8px 40px;border-bottom:1px solid #bbb;background-color:#efefef;}
.box .content table.innerTable tr td {padding: 8px;}
.box .content table.innerTable thead tr td {border-top:1px solid #bbb; padding-top:5px;}
.box .content table.innerTable thead td {border-left:1px solid #bbb;}
.box .content table.innerTable tbody td {background-color: #fff;border-bottom:1px solid #bbb;}
.box .content table.innerTable{border-left:1px solid #bbb;border-right:1px solid #bbb;}

.collapse .inner-box {
    display:    none;
}
#important .inner-box {
    display:block;
}

/*  ------------  LOGO LINK  ------------  */
#logolink {
    background: transparent url(../img/logo.png) 0 0 no-repeat;
    position: absolute;
    width: 272px;
    height: 65px;
    padding: 0;
    top: 20px;
    left: 10px;
}

#logolink a,#logolink a:hover{
    display: block;
    width: 272px;
    height: 65px;
    color: #2E3640;
    text-decoration: none;
}

#logolink a span {
    visibility: hidden;
    color: #2E3640;
}
/*  ------------  END LOGO LINK  ------------  */
.iconswitch {
    color:  #999;
}

.abc
{
    font-size:15px;
    color:#CC3300;
}
div.error-message
{
    font-size:13px;
    color:#CC3300;
    clear: both;
}

.doblogo {background-image: url(../img/doblogo_1.jpg);cursor: pointer;}
.alertdiv {margin-left:15px; color:red;}
.newtestdiv
{
    display:none;
}

.col_header a{text-decoration: none; color: #000000 !important;}

.col_header:hover span{background-image: url(../img/sort_asc.gif);background-repeat: no-repeat;float: right;}

.col_header .sort_asc {background-image: url(../img/sort_asc.gif);background-repeat: no-repeat;float: right;}
.col_header:hover .sort_asc {background-image: url(../img/sort_desc.gif);background-repeat: no-repeat;float: right;}

.col_header .sort_desc {background-image: url(../img/sort_desc.gif);background-repeat: no-repeat;float: right;}
.col_header:hover .sort_desc {background-image: url(../img/sort_asc.gif);background-repeat: no-repeat;float: right;}
#clientbuildingdetails{width:99%;float:left;}
#clientbuildingdetails  form{padding:7px!important;margin:0px!important;}
#clientbuildingdetails .innerbox{float:left;width:100%;}
#clientbuildingdetails .clearer{clear:both;}
#clientbuildingdetails .selectboxcss{margin-left: 7px;position:absolute;right:346px}
#clientbuildingdetails .selectboxcss div{float:left!important;}
#clientbuildingdetails  .top.grad100 h4{text-align:left;width:60%!important;}
#clientbuildingdetails  .top.grad100 h4 a{width:150%!important;display:block;}
#clientbuildingdetails  .content .inner-box.subpanel{padding-top:0px!important;}
#clientbuildingdetails  .space{clear:both;line-height:16px;}
#clientbuildingdetails  .gap{clear:both;line-height:5px;}
#clientbuildingdetails  .nopadding{padding-top:0px!important;}
#clientbuildingdetails .boldtext{color:#1B7DA2;font-size:14px;font-weight:bold;
                                 padding-top:0px!important;padding-bottom:0px!important;}
#livesearch{width:100%; max-height: 165px; overflow: auto;}
*+html #livesearch{position:relative;top:-1px;}
#livesearch ul{padding:0px!important;margin:0px!important;}
#livesearch ul li{padding: 2px 5px;}
#livesearch ul li:hover{border-radius:5px;border: 1px solid #9C9497; background-color: #E3E1E2 !important;padding: 5px;}

.endtestclass {background-color: #E1E1E1!important;
}
.firsttestclass{background-color: #F5F5F5!important;
}
.prevtestclass{background-color: #FF9999!important;
}
.holdtestclass{
    background-color: #f9ff99!important;
}

.accountCl {
    font-size:12px;
    color:#CC3300;
    margin-left:2px;
}

.icon_16 {
    width: 26px;
    height: 24px;

}
.icon_25 {
    width: 36px;
    height: 36px;


}
.help-img {
    background: url("/img/help-icon.png") no-repeat scroll 0 5px transparent;
    margin-left:5px;
}


.icon_16.delete-img {
    background: url("/img/comment_cancel_icon.png") no-repeat scroll 0 5px transparent;
    width:20px ;height:25px;float:left;
}

a.icon_16{padding:0px 3px!important}
.icon_16.edit-img {
    background: url("/img/building_edit.png") no-repeat scroll 0 5px transparent;
    width:16px ;height:24px;float:left; margin-right:10px;
}
.icon_16.export-img {
    background: url("/img/export1.png") no-repeat scroll 0 5px transparent;
    width:16px ;height:24px;float:left; margin-right:10px;
}
.icon_16.doc-img {
    background: url("/img/connect-icon.png") no-repeat scroll 0 5px transparent;
    width:16px ;height:24px;float:left; margin-right:10px;
}
.icon_25.detail-img {
    background: url("/img/details.png") no-repeat scroll 5px 5px transparent;padding:16px!important; position:relative;top:2px;margin-right:10px;
}
.icon_16.active-img {
    background: url("/img/active.gif") no-repeat scroll 0 5px transparent;
    text-decoration:none;
    width:16px ;height:25px;float:left;margin-right:10px;
}
.icon_16.deactive-img {
    background: url("/img/deactive.gif") no-repeat scroll 0 5px transparent;
    text-decoration:none;
    width:16px ;height:25px;float:left;margin-right:10px;
}
.icon_16.print-img {
    background: url("/img/print.png") no-repeat scroll 0 5px transparent;
    width:20px;height:25px;float:left;margin-right:10px;
}

.icon_16.activate-img {
    background: url("/img/activate.png") no-repeat scroll 0 5px transparent;
    text-decoration:none;
    width:91px ;height:30px;float:left;margin-right:10px;
}
.icon_16.deactivate-img {
    background: url("/img/deactivate.png") no-repeat scroll 0 5px transparent;
    text-decoration:none;
    width:91px ;height:30px;float:left;margin-right:10px;
}

.astric{color:#FF0000;}
.mandatory2{clear: both; margin: 2px; text-align:right;font-size:11px}
.totalErrors{
    background: #FFF4DD;
    border: solid 1px #FFB722 ;
    padding:10px;
    margin-bottom: 5px;
    color:red;
}
.totalSuccess,message{
    background: #FFF4DD;
    border: solid 1px #FFB722 ;
    padding:10px;
    margin-right:10px;
    margin-bottom: 3px;
    color:green;
}
.vertical_align{vertical-align: top!important}

input[type="button"],input[type="reset"],
input[type="submit"]{
    margin: 0 2px 0 2px;cursor: pointer;background:#1b7da2; width:auto;
    color:#ffffff; font-weight:bold; border-radius:5px; overflow:visible; padding:5px; border:1px solid  #1b7da2;
    font-size:12px;text-align: center !important;}
input[type="button"]:hover,input[type="button"]:active, input[type="button"]:focus{ background: #FCB040; border: #B76E07 1px solid }
input[type="submit"]:hover,input[type="submit"]:active, input[type="submit"]:focus{ background: #FCB040; border: #B76E07 1px solid }
input[type="reset"]:hover,input[type="reset"]:active, input[type="reset"]:focus{ background: #FCB040; border: #B76E07 1px solid }


.controller_submit_button{
    margin: 0 2px 0 2px;cursor: pointer;background:#1b7da2; width:auto;
    color:#ffffff; font-weight:bold; border-radius:5px; overflow:visible; padding:5px; border:1px solid  #1b7da2;
    font-size:12px;text-align: center !important;}
.controller_submit_button:hover,.controller_submit_button:active, .controller_submit_button:focus{ background: #FCB040; border: #B76E07 1px solid }


.tableBroder{width:100%;border:1px solid #bbbbbb;}
.tableBroder .tableHeader {font-weight: bold;background-color:#BBBBBB}
.tableHeader a{padding: 0px !important; color: #333333 !important;}
.pagination{ float:left; width:95%; font-weight: bold;}
.pagination li{ display:block; text-align:right; padding-top:5px;}

#userLogin{background: transparent url(../img/bg.png) no-repeat; height: 300px;width: 400px !important; margin: 0px auto;}

#userLogin a{color: #3B3637 !important; text-decoration: none}
#userLogin a:hover{color: #3B3637; text-decoration:underline}
#userLogin table, tr, th, td {padding: 5px!important}
#userLogin input[type="text"],
input[type="password"]{border-radius:5px 5px 5px 5px;height: 18px;border: 1px solid #808080; padding: 4px;width: 95%;}

.loginError {text-align: center; width:350px;margin: 0px auto;}
.forgotError {text-align: center;width: 410px;margin: 0px auto;}

.box .content table.border {width: 99.5%; border:1px solid black;}

.roundedBorder{border-radius:5px;}
.tableBroder{padding: 0px!important;}

.footer{
    background-color:#1b7da2;
    height:40px;
    border-radius:5px;
    padding: 0 15px;
    position:relative;
    text-align: center;
}

.footer-content{
    font-size:12px;
    color:#ffffff;
    margin:0px auto;
    clear:both;
    padding-top:10px;
}
.building_ad-1{ float:left;margin-right:10px;}
.selectboxcss-1{ float: left !important; margin-right: 10px;}
.selectboxcss-1 select{ width:230px;}
h3.tp a{ top:0px !important; color:#1B7DA2;}
.icon_abl{ float: right;}
.centerdiv_toppad{ padding-top:30px;}
.class_hide_accord{float: left; width: 96%;}
.normal{ border-radius:0px !important; padding: 0px!important; border-color: none !important}
.smallBtn{ width:80px !important;}
#divUpdate table a{padding: 0px !important;}
h3.tp{float:left;
      font-size: 14px;
      margin-top: 10px;
      width: auto;
      color:#666}
#from, #to{width: 100px;}
#ReportMechanicId{width: 150px !important;}


.footer-content a{color: #ffffff;text-decoration: none;}
.footer-content a:hover{color: #ffffff; text-decoration: underline;}


.note_list {background-image: url(../img/note_available.jpg);}
.note_add {background-image: url(../img/note_2add.png);}
.append_all_notes {background-image: url(../img/append_all_notes.jpg);}
.customerebiaoc {background-image: url(../img/AOC.png);}
.lvmview {background-image: url(../img/lvmview.png);}

.loading {
    background-image: url(../img/loader.gif);
    height: 32px;
    width: 32px;
}
.status-Processing {
    background-image: url(../img/status-yellow.gif);
    background-repeat:no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right:2px;

}
.status-Failed {
    background-image: url(../img/status-red.gif);
    background-repeat:no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right:2px;
}
.status-Completed {
    background-image: url(../img/status-green.gif);
    background-repeat:no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right:2px;
}
.extraction_hider {
    background-image: url(../img/cancel.png);
    background-repeat:no-repeat;
    height: 16px;
    width: 16px;
    cursor:pointer;
}
div.error-message444
{
    font-size:13px;
    color:#CC3300;
    clear: both;
}
.catcss1{
    text-align:left;
    margin-top:10px;
}
.catcss{    
    margin-top:-32px;
}

.bstatus{
    background-color: #1B7DA2;
    color: red;
    float: left;
    font-family: arial;
    font-style: italic;
    font-weight: bold;
    margin-left: 12px;
    padding: 4px;
}
.noteclass {
    overflow: auto;
}
.test-dot-img {background: url("/img/dot.jpg") no-repeat scroll 0 5px transparent;float:right;height: 5px; margin-left:-22px;}

td.notestop{
    vertical-align:top !important;
    width: 350px;
}

.box .content table a.printelv36 {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/36.png) 0 50% no-repeat;float:left;}
.box .content table a.ebiaoc {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/AOC.png) 0 50% no-repeat;float:left;}
.box .content table a.ebielv {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/ebi_elv.png) 0 50% no-repeat;float:left;}
.box .content table a.aeu {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/AEU2.png) 0 50% no-repeat;float:left;}
.box .content table a.aeu20 {height: 13px;background-size: contain !important;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/AEU20.png) 0 50% no-repeat;float:left;}
.box .content table a.elv29 {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/elv29.png) 0 50% no-repeat;float:left;}
.box .content table a.stamped {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Stamped.png) 0 50% no-repeat;float:left;}
.box .content table a.scan {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Scan.png) 0 50% no-repeat;float:left;}
.box .content table a.customer {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Person.png) 0 50% no-repeat;float:left;}
.box .content table a.cover {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Cover.png) 0 50% no-repeat;float:left;}
.box .content table a.workorder {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/workorder.png) 0 50% no-repeat;float:left;}
.box .content table a.itemproposal {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/building-item-proposal1.png) 0 50% no-repeat;float:left;}
.box .content table a.leftnopad{padding-left:0px !important}
.box .content table a.cat5ebielv {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/cat5_ebi_elv.png) 0 50% no-repeat;float:left;}
.box .content table a.stamped_cat5 {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Stamped_cat5.png) 0 50% no-repeat;float:left;}
.box .content table a.ebi_aoc {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/EBI_AOC.png) 0 50% no-repeat;float:left;}
.box .content table a.stamped_aoc {height: 13px;border: 0; padding-left: 22px; color: #1b7da2;background: transparent url(../img/Stamped_AOC.png) 0 50% no-repeat;float:left;}

.mechanic-report{ float: right; position: relative; width:200px;}
.mechanic-report input[type="button"]{width:200px; text-align:left !important; padding:8px;}
.mechanic-report .mechanic-excel, .mechanic-report .mechanic-pdf{position:absolute; top:4px; right:3px;}
.mechanic-report .mechanic-pdf{right:38px;}


.icon_rejection.active-img {
    background: url("/img/rejection.png") no-repeat scroll 0 5px transparent;
    text-decoration:none;
    width:16px ;height:25px;float:left;margin-right:10px;
}

.tclass{
    border-right:1px solid #CCCCCC;
}

.defContainer{padding: 10px}
.bulidingDetails h3{ font-family: Arial,Verdana,sans-serif;font-size: 11px;line-height: 26px;margin: 0;padding: 0;text-transform: uppercase; color: #333;}
.defContainer table tr td {vertical-align: text-top !important} 
#searchSection{text-align: center}
#searchSection ul{ list-style: none;display: inline-block}
#searchSection ul li{ list-style: none;display: inline-block}

#download-counter {
    margin-top:16px;
    margin-left:-105px;
    margin-right:85px;
    padding-right:2px;
    padding-left:2px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:  rgb(0, 90, 107);
    display:inline-block;
    color: rgb(221, 221, 221);
}
.resetpassword{width: 450px;margin:10px;}
.resetpassword div{margin-top: 10px;}
.resetpassword input[type="text"], .resetpassword input[type="password"]{width:320px;}
.resetpassword div.error-message{margin: 0px;}
ul#proposalDashboard{margin-left: 100px;float: left;padding-bottom: 20px;}
ul#proposalDashboard li{float: left; padding: 10px; border: 1px solid gray; border-radius: 5px;margin-right: 25px;}
.pdfIcon{
    background: url("/img/pdf-icon.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.wordIcon{
    background: url("/img/word.jpg") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.calendar-icon{
    background: url("/img/calendar.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.upload-proposal{
    background: url("/img/icon-upload.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.download-proposal{
    background: url("/img/down.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.download-sent-proposal{
    background: url("/img/IconSent1.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.download-revised-proposal{
    background: url("/img/IconRevised.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.download-accepted-proposal{
    background: url("/img/IconAccepted1.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.download-completed-proposal{
    background: url("/img/IcontCompleted.png") no-repeat scroll 0  transparent;
    text-decoration:none;
    width:22px ;height:22px;float:left;
}
.clear{clear: both;}

#1UserAddForm input[type="password"] {
    border: 0px solid #808080 !important;
    border-radius: 0px  !important;
    height: 16px  !important;
    padding: 0px !important;
}
.dProposal{
    background: #f5f5f5;
}
.bNote{
    margin-left:40px;
    border:3px solid; 
    border-color:#000000;
    font-size:15px;
    color:#000000;
    background:red;
    text-align:center;
}
#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#373a3d;
    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);
    width:250px;
    padding:30px;
    border-radius:3px;
    margin:200px auto 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #2E3134;
    padding: 40px 50px;
    margin-bottom: 30px;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    border-image: url('../img/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;
    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
    border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
}

#upload ul li{
    background-color:#333639;
    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);
    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 52px;
    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}

.chart-legend {
    text-align: center;
}

.legend-block {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin: 0 3px 0 10px;
}

.good {
    background-color: #378a37;
}
.warn {
    background-color: #fad201;
}
.bad {
    background-color: #cc2929;
}
.cancelled {
    background-color: #ff6600;
}
.report-menu{
    width:900px !important;
    left: -290px !important;
}
.p-l-r{
    padding-left: 0px !important;
    margin-bottom: 10px;
    /*padding-right: 0px !important;*/
}
.report-menu  a{
    text-transform: capitalize !important;
    color: #1b7da2 !important;
    line-height: 30px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    height: 20px !important;
    white-space: nowrap;
    min-width: 180px !important;
}
.report-menu  p a{
    font-weight: 300 !important;
}
.report-menu h3 a{
    font-size: 1rem !important;
    text-decoration: underline !important;
    margin-bottom: 0.3rem;
}
.report-menu a:hover{
    text-decoration: underline !important;
}
.hide-menu:hover{
    display: none !important;
    color: #fff !important;
    background: transparent !important;
}

#sync-types {
    font-size: 16px;
    margin-bottom: 20px;
}
.bg-fire-service-warning {
    background: red !important;
    color: #fff !important;
    padding: 5px !important;
}

.modal-container{
    max-width: 1200px;
}
.modal-container-aoc-upload{
    width: 360px;
}
.modal-container-aoc-notary{
    width: 560px;
}
.modal-scrollable-container{
    width: 100%;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-scrollable-container::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-scrollable-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.modal-scrollable-container::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.modal-scrollable-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.border{
    border: 1px solid #dee2e6;
}

.text-dark{
    color :#343a40;
}
.vcenter {
    vertical-align: middle;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;

}
.tooltip a{
    text-decoration: none;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}


.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.user-row{
    cursor: pointer;
}
.user-row:hover{
    background: #ddd;
}
.user-row-selected{
    background: #c5c5c5;
}
.hide{
    display:none;
}
.text-light{
    color: #FFFFFF !important;
    text-decoration: none!important;
}
.text-dark{
    color : #343a40!important;
}

.alert-danger{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.display-pointer{
    cursor: pointer;
}
.display-nounderline{
    text-decoration: none;
}
.user-manager-list-name{
    font-size: 16px;
}
.user-manager-list-email{
    font-size: 14px;
}
.user-manager-header1{
    font-size: 24px;
}
.user-manager-header2{
    font-size: 20px;
}
.user-manager-container{
    display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display:flex;flex-wrap: wrap;
}
.user-manager-column{
    display: flex;
    flex-direction: column;
}
.user-manager-roles-label{
    font-size: 14px;
}
.user-manager-password{
    border-radius: 4px !important;
    height: 34px !important;
    border: 1px solid #ccc !important;
    padding: 6px 12px !important;
    width: 100% !important;
}
.user-manager-listUser-disabled{
    opacity: .5;
    background: #ccc;
}
.user-manager-editUser-disabled{
    border: 1px dotted red;
}
.user-manager-locked-label{
    font-size: 16px;
    font-weight: bold;
}
.padding-5{
    padding: 5px;
}
.padding-10{
    padding: 10px;
}
.padding-15{
    padding:15px;
}
.user-manager-isactive{
    color: #4fa86b;
    font-weight: bold;
    font-size: 14px;
}
.user-manager-isinactive{
    color: #e3685d;
    font-weight: bold;
    font-size: 14px;
}

#createNewPassword {
    -webkit-text-security: disc;
}
#randomFieldName{
    -webkit-text-security: disc;
}

.progress {
    height: 20px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}


.elv-password{
    border-radius: 4px !important;
    height: 34px !important;
    border: 1px solid #ccc !important;
    padding: 6px 12px !important;
    width: 100% !important;
}
.elv_left_panel{
    /*border-right: 1px #999 solid;*/
    min-height:500px;
}
.elv3_right_panel{

}

.elv3_h4{

}
.elv3SubmitResultsPanel{
    border: 1px solid gold;
    border-radius: 5px;
    width:99%;
    margin-top: 25px;
    padding: 15px;
}
.elv3_filed{
    padding-left: 50px;
}
.elv3_hr{
    border: 1px solid #1b7da2;
    border-radius: 5px;
    max-width: 95%;
}
.elv3_document_image{
    max-width: 100%;
}
.elv3_document_iframe{
    width: 95%;
    height: 250px;
}










.div-scrollable-container-dobsync{
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
}


.div-scrollable-container{
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}
.div-scrollable-container::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.div-scrollable-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.div-scrollable-container::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.modal-scrollable-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.table-row-selected{
    background: #c5c5c5;
}

 .controller_thumbnail {
     max-width: 54px;
     max-height: 27px;
     display: block; /* to ensure it behaves well in the flow */
     margin: 0 auto; /* center the image if its actual width is less than 300px */
 }

/* */




.sync_success_process{
    color: #006e00;
}
.sync_fail_process{
    color: #ce0000;
}
.sync_neutral_process{
    color: #000000;
}
.sync_step_process{
    color: #2d2d80;
}
.syncProcessesContainer{
    margin-bottom: 15px;
}

.syncProcessesContainer table > tbody > tr > th,
.syncProcessesContainer table > tbody > tr > td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px; !important;
}

.custom-flash {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff5f5;
    border: 2px solid #d5d5d5;
    color: #a8071a;
    padding: 30px 50px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    z-index: 9999;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}