/* =============== Start Globel Class ============= */ .fl { float: left !important } .fr { float: right !important } .cl { clear: both !important } .vm { vertical-align: middle !important } .vt { vertical-align: top !important } .tec { text-align: center !important } .ter { text-align: right !important } .tel { text-align: left !important } .boNo { border: none !important } .bgNo { background: none !important } .noma_t { margin-top: 0 !important } .noma_r { margin-right: 0 !important } .noma_b { margin-bottom: 0 !important } .noma_l { margin-left: 0 !important } .nomar { margin: 0 !important } .spacer { height: 0 !important } .nopad_t { padding-top: 0 !important } .nopad_r { padding-right: 0 !important } .nopad_b { padding-bottom: 0 !important } .nopad_l { padding-left: 0 !important } .nopad { padding: 0 !important } .mar_t15 { margin-top: 15px !important } .mar_r15 { margin-right: 15px !important } .mar_b15 { margin-bottom: 15px !important } .mar_l15 { margin-left: 15px !important } .pad_t15 { padding-top: 15px !important } .pad_r15 { padding-right: 15px !important } .pad_b15 { padding-bottom: 15px !important } .pad_l15 { padding-left: 15px !important } /* =============== End Globel Class ============= */ /* STYLESHEET / CSS */ /* CSS Reset - Do not edit this line */ html { margin:0; padding:0; border:0; } body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } body { line-height:1.5; background:white; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; float:none !important; } table, th, td { vertical-align:middle; } blockquote:before, blockquote:after, q:before, q:after { content:''; } blockquote, q { quotes:"" ""; } a img { border:none; } input:focus, input[type="radio"],input:focus, input[type="checkbox"] { outline:0; } input::-moz-focus-inner { border: 0; } a { outline: 0;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } select { outline:0; border-height: 0; -webkit-appearance: listbox !important; -webkit-appearance:appearance; -webkit-menulist-button: appearance; } select { background: url('../images/icon-down-arrow.png') no-repeat 98.5% 50% #fff; padding-right: 20px; color:#000;} select[multiple], select[size] {height: auto;background: none;} .select-multyple { background:none;} /*claerfix class*/ .cf:before, .cf:after { content:""; display:table; clear:both; } .cf{ display:inline-block;} .cf{zoom:1;} .pull-left{ float:left;} .pull-right{ float:right;} .center{ text-align:center !important;} .grid-link{ color:#bf0000;} .grid-link:hover{ text-decoration:none; color:#060;} /*webkit display*/ select, textarea { -webkit-appearance: none;} input { -webkit-box-shadow: none;} /* General Styles ----------------------------------------------------------------------------------------------------*/ html { min-height: 100%; } body { height: 100%; position: relative; font-family: "Open Sans",sans-serif; color: #888; font-size: 13px; line-height: 20px; /*min-width: 998px; border-top:3px solid #919191;*/ border-top:0px solid #919191; background:url(../images/BG.jpg) repeat; } /*------------- Crome browser scrollbar -------------*/ ::-webkit-scrollbar { height: 12px !important; width: 12px !important; background: #7D7D7D !important; } ::-webkit-scrollbar-thumb { background: #7D7D7D !important; -webkit-border-radius: 1ex !important; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75) !important; } ::-webkit-scrollbar-corner { background: #7D7D7D !important; } /*------------- Crome browser scrollbar -------------*/ #wrapper { margin:auto; position: relative; } .wrapper_home { width: 350px; padding: 170px 0 0 0px; height: 100%; } /*.wrapper_inner { width:100%; height: 100%; }*/ .wrapper_inner { width:100%; height: auto; } .wrapper_inner_PSR { width:100%;} .wrapp-login{ left: 50%; margin: 0 auto 0 -180px; position: relative;} #wrappertop { } .wrappertop_home { background:#f5f5f5;height:22px; position:relative; width:100%; border-top:1px solid #bdbdbd; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;} #wrappermiddle { } .wrappermiddle_home { background:#f5f5f5;height:230px; position:relative; width:100%; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;} .wrappermiddle_home #msg{ position:absolute; left:94px; top:0; color:#ff0000; font-size:14px; font-weight:normal; width:230px; text-align:right;} .wrappermiddle_home #msg2{ position:absolute; left:26px; top:100px; color:#ff0000; font-weight:normal; width:300px; text-align:center;} .wrappermiddle_home #msg3{ position:relative; top:35px; color:#ff0000; font-size:14px; font-weight:normal; width:84%; text-align:right;} .wrappermiddle_inner { position:relative; z-index:99; margin-top:13px; margin-bottom:50px;} #wrapperbottom { } .wrapperbottom_home{background:#f5f5f5;height:22px; position:relative; width:100%; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;} /*=Footer*/ .wrapperbottom_inner{ width:100%; height:40px; position:fixed; left:0px; bottom:0px; border-top:#ccc solid 1px; background:#ffffff; float:left; z-index:9999; color: #98a6ba; font-size: 12px; } .wrapperbottom_inner .left-txt{ float:left; font-size:12px; line-height:40px; padding:0px ; font-weight:bold;} .wrapperbottom_inner .left-txt a { float:left; display:inline-block; width:224px; text-align:center; color:#fff; text-decoration:none;} .wrapperbottom_inner .left-txt span{ float:left; display:inline-block;} .wrapperbottom_inner .right-txt{ float:right; width:230px; font-size:12px; line-height:40px; padding:0px 10px; font-weight:normal;} .wrapperbottom_inner .internet-off-msg{font-size:12px; line-height:40px; padding:0px 10px; font-weight:bold;color:red;} #wrapper h2 { margin-left:24px; margin-top:0; font-size:20px; font-weight:bold; text-transform:uppercase; position:absolute; text-shadow: #fff 2px 2px 2px; } #username_input { margin-left:25px; position:absolute; width:300; height:45px; margin-top:40px; } #username_inputright{ } #username_inputleft { float:left; background: #fcfcfc;width:12px; height:40px; border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede;} #username_inputmiddle, #password_inputmiddle { float:left; background:#fcfcfc; width:276px; height:40px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} #password_inputleft{ float:left; background-color: #fcfcfc; border-top:1px solid #dedede; border-left:1px solid #dedede; border-bottom:1px solid #dedede; width:12px; height:40px;} #username_inputright, #password_inputright { float:left; background-color: #fcfcfc; width:12px; height:40px; border-top:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede;} #url { display:block; width:276px; height:45px; background:transparent; border:0; color:#bdbdbd; font-family:helvetica, sans-serif; font-size:14px; padding-left:20px; } .vUsername { display:block; width:276px; height:38px; background:transparent; border:0; color:#333; font-family:helvetica, sans-serif; font-size:14px; padding-left:20px; } .vFUsername { display:block; width:276px; height:40px; background:transparent; border:0; color:#333; font-family:helvetica, sans-serif; font-size:14px; padding-left:20px; } .vPassword{display:block; width:276px; height:38px; background:transparent; border:0; color:#333; font-family:helvetica, sans-serif; font-size:14px; padding-left:20px; } #url_user { position:absolute; display:block; margin-top:-24px; float:left; padding-right:10px; } #password_input { margin-left:25px; position:absolute; width:300; height:50px; margin-top:100px; } #url_password { display:block; position:absolute; margin-top:-28px; float:left; margin-left:4px; } #submit { float:left; position:relative; padding:0; margin-top:160px; margin-left:25px; width:300px; height:40px; border:0; } #submit1 { position:absolute; z-index: 10; border:0; } #submit2 { position:absolute; margin-top:0px; border:0; } #links_left { float:left; position:relative; padding-top:5px; margin-left:25px; } #links_left a { color:#bbb; font-size:11px; text-decoration:none; transition: color 0.5s linear; -moz-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -o-transition: color 0.5s linear; } #links_left a:hover { color:#292929; } #links_right { float:right; position:relative; padding-top:5px; margin-right:25px; } #links_right a { color:#bbb; font-size:11px; text-decoration:none; transition: color 0.5s linear; -moz-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -o-transition: color 0.5s linear; } #links_right a:hover { color:#292929; } #powered { float:right; position:relative; padding-top:3px; margin-right:5px; font-size:11px; } #powered a { color:#aaa; font-size:11px; text-decoration:none; transition: color 0.5s linear; -moz-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -o-transition: color 0.5s linear; } #powered a:hover { color:#292929; } .logo { position:absolute; top:-175px; text-align:center; width:100%; } .logo a { display:inline-block; } .logo_inner{ padding:2px 10px 0px 10px; float:left;} .logo_inner a{ display:inline-block;} .copyright_home { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#333; position:absolute; width:100%; bottom:-92px; } /* Inner section start here ---------------------------------------------------------------------------------------------------------------*/ .inner-top-right{ float:right; text-align:right; margin-right:10px; min-height:24px;} .inner-top-right span{ display:inline-block; margin:0px 0px 0px 10px; background:#333; color:#fff; font-weight:bold; font-weight:bold; font-size:12px; padding:3px 8px; font-weight:bold;} .inner-top-right a{display:inline-block; margin:0px 0px 0px 10px; background:#666; color:#fff; font-weight:bold; font-weight:bold; font-size:12px; padding:3px 8px; font-weight:bold; text-decoration:none;} .inner-top-right .cur-time{ font-size:12px; color:#bf0000; font-weight:bold; padding-top:5px; padding-bottom:3px;} .topMenu { background:#666666; height:26px;} .innerMaindef { background: #fff; border: 1px solid #999; margin: 13px 10px 10px 65px;} .innerMain { background: #fff; border: 1px solid #999; margin: -23px 0px 10px 65px;}/**/ .innerMain1 {background: #fff; border: 1px solid #999; margin: -23px 10px 48px 65px;} .innerMain2 {background: #fff; border: 1px solid #999; margin: 10px 10px 10px 10px;} .innerMain_PSR {background: #fff; border: 1px solid #999; margin: -23px 10px 48px 65px;} .gridOuter{margin:0 10px 10px 10px;} .gridOuter #grid{ margin-bottom:0;} #frmlist{ position:relative;} #vOptions{ height: 26px; line-height:18px; padding: 2px 14px 2px 2px; border:1px solid #ddd;} .search-links{ padding:0px; margin:0px 0px 5px 10px; list-style:none; line-height: 20px;} .search-links li{ float:left; margin:10px 10px 0px 0px; color:#000; line-height:22px;} .search-links li input#Keyword { max-width: 132px; padding:2px 3px; height:26px; border:1px solid #ddd;} .moduleTitle{ line-height:20px; font-size:16px; font-weight:bold; background:url(../images/admin-title-ico.png) no-repeat 10px 2px; float:left;color:#000; padding-left:30px; margin:15px 0 8px 0;} .pop-form-module{ overflow:hidden;} .pop-moduleTitle{line-height:30px; font-size:16px; font-weight:bold; background:url(../images/admin-title-ico.png) no-repeat left center #f9f9f9; color:#000; padding-left:28px; margin-left:-6px; margin-bottom:10px; /*background-size:24px 24px;*/} .col2Form .col2{ border:#999 solid 1px; background:#fff; padding:10px 10px 10px 10px;} .col2Form .col2 ul{ float:left; width:360px;} .col2Form .col2 li { margin-bottom:5px; list-style:none; padding:0px;} .col2Form .col2 li strong{ display:inline-block; width:110px; padding-left:0px; } .col2Form .col2 li sup{ color:#ff0000; font-size:14px; position:relative; top:3px;} .col2Form .col2 li input[type=text]{ background:#DCDCDC; border: 1px solid #000000; display: inline-block; width: 180px;} .col2Form .col2 .bottom-button{ padding-left:100px;} #frmlist .error-msg{ margin-left: 206px; margin-top: -35px;} /* Inner section End here ---------------------------------------------------------------------------------------------------------------*/ /* start additional class ---------------------------------------------------------------------------------------------------------------*/ .errormsg { display:none; color:red; font-weight:normal; font-family: 'open sans', sans-serif, Arial; margin:0px 10px;} .tab-active{ color:#0769AD; font-weight:bold; } #frmadd .notify-msg{ color:#ff0000; font-weight:bold;} #frmadd .formblock .notify-msg{ width:90%; float:left;} #frmadd .formblock #notify { float:left !important;} .success-msg{ display:none; color:#339900; font-weight:normal; font-family: 'open sans', sans-serif, Arial; margin:5px 10px; border:1px dotted #339900;} .error-msg{ display:none; color:#ff0000; font-weight:normal; font-family: 'open sans', sans-serif, Arial; margin:5px 10px; border:1px dotted #ff0000;} /* end additional class ---------------------------------------------------------------------------------------------------------------*/ .alltable sup{ color:#ff0000; font-size:14px; position:relative; top:3px; position:relative;} .mainBorder{background:#fff; border:solid 1px #666;} .mainBorder td.firstHeader{ background:#fff; color:#000; font-weight:bold; vertical-align:top;border-right:#666 solid 1px;} .mainBorder td.firstHeaderDisplay{ color:#000; font-weight:bold; vertical-align:top;border-right:#666 solid 1px;} .mainBorder td{ border-bottom:#666 dashed 1px; vertical-align:top; text-align:left; padding:3px 0px;} .mainBorder input[type=text]{ padding:1px; margin:1px; background:#fff; border:#666 solid 1px;} .mainBorder td.last-border{ border-bottom:#000 solid 0px;} .mainBorder em{ display:inline-block; width:128px; padding:0px 5px; font-size:13px;} .mainBorder .innerDatatable{ background:#efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .mainBorder .innerDatatable td{ border-bottom:#000 solid 0px; min-width:220px; color:#000000; padding:0px 5px; font-weight:normal;} .mainBorder{background:#fff; border:solid 1px #efefef;} .mainBorder td.firstHeader{ background:#fff; color:#000; font-weight:bold; vertical-align:top;border-right:#efefef solid 1px;} .mainBorder td.firstHeaderDisplay{ color:#000; font-weight:bold; vertical-align:top;border-right:#efefef solid 1px;} .mainBorder td{ border-bottom:#efefef dashed 0px; vertical-align:top; text-align:left; padding:3px 0px;} .mainBorder input[type=text]{ padding:1px; margin:1px; background:#eee; border:#999 solid 1px;} .mainBorder td.last-border{ border-bottom:#000 solid 0px;} .mainBorder em{ display:inline-block; width:128px; padding:0px 5px; font-size:13px;} .mainBorder .innerDatatable{ background:#efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .mainBorder .innerDatatable td{ border-bottom:#000 solid 0px; min-width:220px; color:#000000; padding:0px 5px; font-weight:normal;} .padTOP15{ padding-top:15px;} .padTOP5{ padding-top:5px;} .padall5{ padding:5px !important;} .padall15{ padding:15px;} .marginLR5{ margin:0px 5px;} .marginLR15{ margin:0px 15px;} .no-padding{ padding:0px !important;} .no-margin{ margin:0px !important;} .no-border{ border:0px !important;} .vtableTop{ vertical-align:top;} .vtableTop table{ vertical-align:top;} .vtableTop table tr{ vertical-align:top;} .vtableTop table tr td{ vertical-align:top;} .outertable{ border:#eee solid 1px; border-collapse:collapse; border-bottom:#666 dashed 0px;} .outertable th{background:#eee; color:#000; font-weight:bold; padding:3px;} .outertable th.mid{text-align:center;} .outertable th.right{text-align:right;} .outertable td{ color:#000; font-weight:bold; vertical-align:top; border:#eee solid 1px; padding:3px; border-bottom:#eee dashed 0px;} .outertable td.mid{text-align:center;} .outertable td.right{text-align:right;} .outertable td em{ display:inline-block; width:128px; padding:0px 5px; font-size:13px;} .outertable input[type=text]{ padding:1px; margin:1px; background:#eee; border:#999 solid 1px;} .outertable tr.mouseout{ background:#FFFFFF;} .outertable tr.mouseover{ background:#EEEEEE;} .whitetable{background:#fff; border:#eee solid 1px; border-collapse:collapse;} .whitetable th{background:#fff; color:#000; font-weight:bold; padding:3px;} .whitetable td{ color:#000; font-weight:bold; vertical-align:top; border:#fff solid 1px; padding:3px;} .whitetable td em{ display:inline-block; width:128px; padding:0px 5px; font-size:13px;} .whitetable input[type=text]{ padding:1px; margin:1px; background:#eee; border:#999 solid 1px;} #tbl_block tr td:last-child {text-align:center;} .green-btn{ background: #e2f2c1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZTJmMmMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNjOWU2OGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiOWQ3NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjRjZDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #e2f2c1 0%, #e2f2c1 2%, #c9e68a 3%, #b9d778 50%, #b4cd7d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2f2c1), color-stop(2%,#e2f2c1), color-stop(3%,#c9e68a), color-stop(50%,#b9d778), color-stop(100%,#b4cd7d)); background: -webkit-linear-gradient(top, #e2f2c1 0%,#e2f2c1 2%,#c9e68a 3%,#b9d778 50%,#b4cd7d 100%); background: -o-linear-gradient(top, #e2f2c1 0%,#e2f2c1 2%,#c9e68a 3%,#b9d778 50%,#b4cd7d 100%); background: -ms-linear-gradient(top, #e2f2c1 0%,#e2f2c1 2%,#c9e68a 3%,#b9d778 50%,#b4cd7d 100%); background: linear-gradient(to bottom, #e2f2c1 0%,#e2f2c1 2%,#c9e68a 3%,#b9d778 50%,#b4cd7d 100%); border:#96b650 solid 1px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px;*/ border-radius:0; color:#000; text-transform:uppercase; text-shadow: 0px 0px 0px #000; display:inline-block; padding:8px 10px; font-size:12px; font-weight:bold; min-width:100px; text-align:center; margin:0px; text-decoration:none; } .red-btn{background: #ffc0b4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzBiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmZjMGI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZTg3NzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMDc1NWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTI3YTY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffc0b4 0%, #ffc0b4 2%, #fe8772 3%, #f0755f 50%, #e27a68 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc0b4), color-stop(2%,#ffc0b4), color-stop(3%,#fe8772), color-stop(50%,#f0755f), color-stop(100%,#e27a68)); background: -webkit-linear-gradient(top, #ffc0b4 0%,#ffc0b4 2%,#fe8772 3%,#f0755f 50%,#e27a68 100%); background: -o-linear-gradient(top, #ffc0b4 0%,#ffc0b4 2%,#fe8772 3%,#f0755f 50%,#e27a68 100%); background: -ms-linear-gradient(top, #ffc0b4 0%,#ffc0b4 2%,#fe8772 3%,#f0755f 50%,#e27a68 100%); background: linear-gradient(to bottom, #ffc0b4 0%,#ffc0b4 2%,#fe8772 3%,#f0755f 50%,#e27a68 100%); border:#ba3f29 solid 1px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px;*/ border-radius: 0; color:#222; text-transform:uppercase; text-shadow: -1px 0px -1px #666; display:inline-block; padding:8px 10px; font-size:12px; font-weight:bold; min-width:100px; text-align:center; margin:0px; text-decoration:none; } #normal_search .red-btn{ padding:1px 8px 1px 8px; text-transform:inherit;} /* breadcrums start */ #breadcrumbNav1 {margin-top:0px; margin-left:0px; float:left;} #arrowBar1 { display: inline-block; width:732px; height: 40px; overflow: hidden; } #borderTop1 { display: block; position: relative; left:3px; width: 672px; height: 1px; background-color: #000000; z-index: 100; } #borderBottom1 { display: block; position: relative; width:671px; left:4px; height: 1px; background-color: #000000; z-index: 100; top: -154px; } /* This rotate is for Example 1 */ .AB1rotate { position: relative; display: inline-block; top: -77px; width:190px; height:190px; /* Cross browser CSS3 Rotate Rules from: CSS3 Please! */ -webkit-transform: rotate(45deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(45deg); /* FF3.5+ */ -ms-transform: rotate(45deg); /* IE9 */ -o-transform: rotate(45deg); /* Opera 10.5 */ transform: rotate(45deg); } /* This rotate reset for inner content is for Example 1 */ .AB1rotateReset { display: inline-block; /* Cross browser CSS3 Rotate Rules from: CSS3 Please! */ -webkit-transform: rotate(-45deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(-45deg); /* FF3.5+ */ -ms-transform: rotate(-45deg); /* IE9 */ -o-transform: rotate(-45deg); /* Opera 10.5 */ transform: rotate(-45deg); } .AB1rotateReset span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:13px; display:inline-block; text-align:center; width:90px;} #breadcrumbNav1 a { color: white; } .color0arrowTail { z-index: 60; background-color: white; border: 1px solid black; margin-left: -209px; } /* Same as background color or use background image reflecting webpage look. If image, it's gonna be a tiny image slice. */ /* The above comment does not apply to this particular margin-left since it's only the white triangle to the left of "Happy" arrow. */ .color1 { z-index: 50; background-color: #8EB4E3; border: 1px solid #ffffff; margin-left: -100px } .color2 { z-index: 40; background-color: #8EB4E3; border: 1px solid #ffffff; margin-left: -88px; } .color3 { z-index: 30; background-color: #8EB4E3; border: 1px solid #ffffff; margin-left: -100px; } .color4 { z-index: 20; background-color: #8EB4E3; border: 1px solid #ffffff; margin-left: -100px; } .color5 { z-index: 10; background-color: #8EB4E3; border: 1px solid #ffffff; margin-left: -100px; } .color6 { z-index: 9; background-color: #8EB4E3; border: 1px solid #ffffff; margin-left: -90px; } .color7 { z-index: 8; background-color: #8EB4E3; border: 1px solid black; margin-left: -145px; } .colorlast { z-index: 8; background-color: #8EB4E3; border: 1px solid black; margin-left: -100px; } .AB1text1 { position: absolute; top: 117px; left:42px; } .AB1text2 { position: absolute; top: 110px; left:40px; } .AB1text3 { position: absolute; top: 117px; left:52px; width:75px !important;} .AB1text4 { position: absolute; top: 117px; left:58px; width:60px !important;} .AB1text5 { position: absolute; top: 117px; left:58px; width:60px !important;} .AB1text6 { position: absolute; top: 117px; left:40px;} .AB1text7 { position: absolute; top: 104px; left:50px; width:75px !important;} /* The arrow color will change during hover over. */ #arrowBar1 a .AB1rotate:hover { background-color: #ffffff; color: #000; } #arrowBar1 a.active .AB1rotate{ background-color: #558ED5; color: #ffffff; } #arrowBar1 a.Inactive .AB1rotate{ background-color: #c2c2c2; color: #ffffff; } /*#arrowBar1 a .color1:hover { background-color: #693331; color: #fff; } #arrowBar1 a .color2:hover { background-color: #55623c; color: #fff; } #arrowBar1 a .color3:hover { background-color: #4a3e57; color: #fff; } #arrowBar1 a .color4:hover { background-color: #295d67; color: #fff; } #arrowBar1 a .color5:hover { background-color: #7f5332; color: #fff; }*/ /* breadcrums Ends */ /*=Breadcrums WO Progress start ---------------------------------------------------------------------------------------------------------------*/ #breadcrumbNav11 {margin-top:0px; margin-left:0px; float:left; position:absolute; left:370px; top:5px;} #arrowBar11 { display: inline-block; width:900px; height: 32px; overflow: hidden; } #borderTop11{ display: block; position: relative; left:3px; width: 767px; height: 1px; background-color: #000000; z-index: 100; } #borderBottom11 { display: block; position: relative; width:767px; left:6px; height: 1px; background-color: #000000;z-index: 100; top: -154px; } /* This rotate is for Example 1 */ .AB1rotate1 { position: relative; display: inline-block; top: -79px; width:190px; height:182px; /* Cross browser CSS3 Rotate Rules from: CSS3 Please! */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .AB1rotateReset1 { display: inline-block; /* Cross browser CSS3 Rotate Rules from: CSS3 Please! */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .AB1rotateReset1 span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:13px; display:inline-block; text-align:center; width:90px;} #breadcrumbNav11 a { color: #ffffff; } .color0arrowTail1 { z-index: 60; background-color: #ffffff; border: 1px solid black; margin-left: -209px;} /* The above comment does not apply to this particular margin-left since it's only the white triangle to the left of "Happy" arrow. */ /* Same as background color or use background image reflecting webpage look. If image, it's gonna be a tiny image slice. */ .color11 { z-index: 50; background-color: #F28684; border: 1px solid #B2BED4; margin-left: -100px; } .color21 { z-index: 40; border: 1px solid #B2BED4; margin-left: -100px; } .color31 { z-index: 30; background-color: #ffffff; border: 1px solid #B2BED4; margin-left: -100px; } .color41 { z-index: 20; background-color: #ffffff; border: 1px solid #B2BED4; margin-left: -100px; } .color51 { z-index: 10; background-color: #ffffff; border: 1px solid #B2BED4; margin-left: -100px; } .color61 { z-index: 9; background-color: #ffffff; border: 1px solid #B2BED4; margin-left: -100px; } .color71 { z-index: 8; background-color: #ffffff; border: 1px solid #B2BED4; margin-left: -100px; } .color81 { z-index: 7; background-color: #ffffff; border: 1px solid black; margin-left: -100px; } .AB1text11 { position: absolute; top: 110px; left:42px; color: #000000; } .AB1text21 { position: absolute; top: 117px; left:46px; color: #000000; } .AB1text31 { position: absolute; top: 117px; left:52px; width:75px !important; color: #000000; } .AB1text41 { position: absolute; top: 117px; left:58px; width:60px !important; color: #000000; } .AB1text51 { position: absolute; top: 110px; left:58px; width:60px !important; color: #000000; } .AB1text61 { position: absolute; top: 110px; left:42px; color: #000000; } .AB1text71 { position: absolute; top: 110px; left:42px; color: #000000; } .AB1text81 { position: absolute; top: 117px; left:50px; width:75px !important; color: #000000; } /* The arrow color will change during hover over. */ #arrowBar11 a .AB1rotate:hover { background-color: #ffffff; color: #000; } #arrowBar11 a.active .AB1rotate{ background-color: #558ED5; color: #000000; } /* Due to CSS3 Rotate use, this width value is tweaked 1px compared to #borderTop1 width above */ /* Pseudo "border-bottom" for #arrowBar1 is created by setting height and this background color */ /* This value should be higher than z-index of top-most interactive breadcrumb. Example: .color1 = 50 so minimum z-index here is 51. */ /* Breadcrums WO Progress ends ---------------------------------------------------------------------------------------------------------------*/ .color-completed{background: #e4edff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGNhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e4edff 0%, #adcaff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4edff), color-stop(100%,#adcaff)); background: -webkit-linear-gradient(top, #e4edff 0%,#adcaff 100%); background: -o-linear-gradient(top, #e4edff 0%,#adcaff 100%); background: -ms-linear-gradient(top, #e4edff 0%,#adcaff 100%); background: linear-gradient(to bottom, #e4edff 0%,#adcaff 100%); } .color-active{ background:#5b93d7;} #breadcrumbNav1.set-bottom{ float:none; clear:left;} .on {background:url(../images/minus-ico.png) no-repeat 22px 4px #fff !important;} .details-btn{ background:url(../images/plus-ico.png) no-repeat 22px 4px #fff;cursor:pointer; padding-bottom:8px; text-align:left;} .details-btn a{ font-size:14px; line-height:18px; color:#e30613; text-decoration:underline; font-weight:bold; display:inline-block; margin-left:52px;} .detail-content{ padding:6px 0px 0px 25px; display:none;} .detail-content .item-load{margin-left:50%} .detail-content .no-items{margin-left:78%} .set-input em{ width:110px !important;} .unavailable_title{font-weight:bold} .divBlock{ width:30%; float:left;} .divBlock h3{ color:#000; font-size:15px; font-weight:bold; text-align:center; padding:10px 0px 0px 0px;} .divBlock h3 span{ background:#333; color:#fff; display:inline-block; padding:4px 30px;} .center-block{ float:left; text-align:left; padding-left:0px !important; } /*.center-block input{ text-align:center; margin-left:40px !important;}*/ .download-btn{ display:inline-block; position:absolute; right:20px; top:10px;} .table-title-block{ background:#5f8bbe; color:#fff; padding:5px 10px; font-weight:bold;} /*DataMarker can be made "transparent" so we can't color these here, important for satlocoverlay wind-barb*/ .DataMarker td {padding:1px; /*background:#ffffff;*/ font-size:10px; /*border: 1px dotted black;color:#000000*/} tr.odd td{background:#fff !important;} tr.even td{ background:#f4f4f4 !important;} .orderNav{ position:relative;} .orderNav ul{ list-style:none;} .orderNav ul li{ float:left; position:relative;} .orderNav ul li.active .text em{ color:#66812b !important;} .orderNav ul li.stepfirst{ background:url(../images/stepLbg.png) no-repeat left center;} .orderNav ul li.stepfirst.active{background:url(../images/stepLbg-h.png) no-repeat left center;} .orderNav ul li.active .stepdot{position:absolute; right:0px; height:29px; width:29px; background:url(../images/stepdotall-active.png) no-repeat 0px 0px; top:7px;} .orderNav ul li.steplast{ background:url(../images/stepRbg.png) no-repeat right center;} .orderNav ul li.steplast.active{ background:url(../images/stepRbg-h.png) no-repeat right center;} .orderNav ul li.stepall{ background:url(../images/stepbg.png) repeat-x left center;} .orderNav ul li.stepall.active{ background:url(../images/stepbg-h.png) repeat-x left center;} .orderNav ul li .text{ display:inline-block; padding:0px 6px 0px 6px; position:relative; color:#000; font-size:11px; line-height:14px; font-weight:bold; text-align:right;} .orderNav ul li .text em{ position:relative; top:36px; display:inline-block; width:70px !important; text-align:center; right:-28px; height:38px; float:left;} .orderNav ul li .stepdot{ position:absolute; right:0px; height:29px; width:29px; background:url(../images/stepdotall.png) no-repeat 0px 0px; top:7px;} .orderNav ul li.last strong{ width:62px; display:inline-block; margin-top:22px;} /*----------------- Scheduling -------------------------*/ .gridOuter.wrap-grid{ background:#F8F8F8;} .sidebar-left{ margin:0 0 0 10px; /*width:304px;*/ height:460px; overflow-y:auto; list-style:none; border: 1px solid #aaa;} .sidebar-left li { float: left; width: 100%; margin-bottom:2px; font-size:14px; line-height: 28px; background: #fff; } .sidebar-left li:hover { color: #000; background: #ddd; } .sidebar-left-2 {/*width:296px;*/ line-height:30px; margin: 0 0 0 10px; padding:0 5px; color:#333; background:#C2D7F9; font-weight:bold; display:none;} .schedule-link { list-style: none; padding: 5px;} .schedule-link li {float: left; padding: 0 5px;} .schedule-link li a {display: inline-block; color: #bf0000; text-decoration: none; font-size: 14px; line-height: 24px; } .schedule-link li a:hover,.schedule-link li a.active{ color: #060; text-decoration: underline;}/*060 bf0000*/ .blockmap{height:500px; margin-left: 10px; border: 1px solid #aaa; } .filter-jobs{width:500px; height:auto; position: relative;} .filter-jobs table tr td { padding: 2px 3px; background: #f8f8f8; vertical-align: text-top; } .filter-jobs table tr td strong{ font-size: 14px; line-height:18px;} .filter-jobs table tr td table tr td { font-size: 12px; padding: 0px 3px; background: #fff;} .wrap-frmfilter{ overflow-y: auto; overflow-x:hidden; min-height: 200px; height: 350px; } .pop-moduleTitle{ position: absolute; top: -40px; left:5px;} .wrap-frmfilter .bottom-button{position: absolute; bottom: -35px; width: 100%; background: #f9f9f9; padding: 5px 0 0;} .wrap-frmfilter .bottom-button input[type="submit"] { background: linear-gradient(to bottom, #e2f2c1 0%, #e2f2c1 2%, #c9e68a 3%, #b9d778 50%, #b4cd7d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #96b650; border-radius: 4px; color: #000; margin: 0; min-width: 100px; text-align: center; text-decoration: none; text-shadow: 0 0 0 #000; font-family: arial; font-size: 14px; line-height: 24px; cursor: pointer;} .filter-jobs #vDispName{ margin:3px 0; padding: 3px 5px; border: 1px solid #ddd; color: #666;} .filter-jobs #dAddedDate{ margin:5px 0;} .filter-jobs .ui-datepicker-trigger{ cursor: pointer;} .sidebar-details{ background: #C8DBF7;} table.sidebar-details tr td{ padding-left: 25px;font-size:12px;} table.sidebar-details tr td.heading{ padding-left:0;font-size:14px;} .sidebar-details span.detail-text, .map-infobox span { display: block; font-size: 12px; line-height: 18px;} .map-infobox tr td strong { } /*----------------- Scheduling -------------------------*/ /*----------------- Status Label -------------------------*/ .label.label-sm {font-size: 12px; padding: 0 4px 1px;} .label-success {background-color: #45b6af;} .label-warning {background-color: #dfba49;} .label {color: #fff; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 300;padding: 3px 6px; text-shadow: none !important;} .label-success {background-color: #5cb85c;} .label { border-radius: 0.25em; color: #fff; display: inline; font-size: 75%; font-weight: 700;line-height: 1; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline;white-space: nowrap;} /*----------------- Scheduling -------------------------*/ .navbar-inverse{ background-color:#364150 !important; } .navbar-header{ display: block; margin: 10px; padding: 0 5px 0 0; text-align: right; width: 100%; height:70px !important;} .navbar-twitch .sidemenu .sub-menu{ display:none;} .navbar-twitch .sidemenu .sub-menu .sub-menu-2{ display:none;} .sidemenu > li:first-child{ border-top:1px solid #3d4957;} /*slide menu: (hide-show ) -name-admin*/ .navbar-twitch > .container .navbar-twitch-toggle .name-admin { display:none !important; } .navbar-twitch.open > .container .navbar-twitch-toggle .name-admin { display:block !important; } .name-admin .name-admin-inner{ } .name-admin .name-admin-inner { border-left: 4px solid #45b6af; padding-left: 4px; } /*start sidebar menu*/ .name-admin .logo{ position:inherit; float:right; text-align:right; display:inline-block; width:35px; height:27px; /*background-color:#2b3340; */ text-align: center; vertical-align: middle; padding: 8px 0 0; font-weight: bold; font-size: 14px; background:url(../images/ico-logout.png) no-repeat right center; display:none; } .open .name-admin .logo {display:block;} .name-admin { float:left; color:#b4bcc8; margin-left: 16px; text-align:left;} .name-admin strong { display:inline-block; font-size:12px; line-height: 15px;} .name-admin span{display:inline-block; font-size:10px; line-height: 11px; } .name-admin span.full-nav { display:block; } .sidemenu .full-nav{ display:none;} .navbar-twitch.open .sidemenu span.selected{ display:none;} .navbar-twitch.open .sidemenu .full-nav{ display:inline-block;} .sidemenu>li, .sidemenu li>li { float:left; border-bottom:1px solid #3d4957; width:100%;} .sidemenu>li a { display: block; color:#b4bcc8; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 300;margin: 0; padding: 10px 15px; position: relative; text-decoration: none;} .sidemenu li:hover>a, .sidemenu li:focus>a {background-color:#2b3340 !important;} .sidemenu>li.active>a {background-color:#45b6af !important; border:0 !important; color:#ffffff; } .sidemenu > li.open > a { background: #2c3542;} .sidemenu .open > a, .sidemenu .open > a:hover, .sidemenu .open > a:focus{background-color:#2b3340 !important; } /*sidebar sub-menu*/ .navbar-twitch .sidemenu ul.sub-menu li a { padding:5px 0 5px 25px; } .navbar-twitch .sidemenu ul.sub-menu li a:hover{background:#2b3340;} .navbar-twitch .sidemenu ul.sub-menu li a span { display:none; font-size: 13px;} .navbar-twitch .sidemenu ul.sub-menu ul.sub-menu2 li:hover a{background:#222;} .navbar-twitch .sidemenu ul.sub-menu ul.sub-menu2 li a { padding:5px 0 5px 25px; background:#333; } .navbar-twitch .sidemenu ul.sub-menu ul.sub-menu2 li a:hover{background:#444;} .navbar-twitch .sidemenu ul.sub-menu ul.sub-menu2 li a span { display:none; } .navbar-twitch.open .sidemenu ul.sub-menu li a span { display:inline-block; opacity:1; } ul.sub-menu>li {background-color: #3d4957; border-bottom:1px solid #4B5766; } .sidemenu ul.sub-menu li a { display: block; color:#b4bcc8; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 300; padding:5px 0 5px 35px; border-bottom:1px solid #444;} .sub-menu a i { display: inline-block; margin-right: 5px;} ul.sub-menu li ul.sub-menu-2 li a { background-color: #4D555F; font-size:12px; } ul.sub-menu li ul.sub-menu-2 li a:hover { background-color: #4D555F; font-size:12px; } .navbar-twitch .sidemenu ul.sub-menu li .sub-menu-2 li a { padding-left:38px;} .navbar-twitch .sidemenu ul.sub-menu li .sub-menu-2 li a:hover, .navbar-twitch .sidemenu ul.sub-menu li .sub-menu-2 li a.active {background-color:#40474F !important;} .sub-menu{} /*end sidebar menu ------------------------------------------------------------*/ /*=start Tabbable -------------------------------------------------------------*/ .wrapp-tab { width:100%; margin:10px 0;} ul.tabs{ display:inline-block; list-style: none; padding-left:0; border-radius: 0!important; margin-bottom:0; } ul.tabs li { display:inline-block; float:left; margin-right: 2px; margin-bottom: -1px; background-color:#fff;} ul.tabs li a{ display:inline-block; padding:5px 15px; position:relative;} ul.tabs li.active{ border-top: 3px solid #f3565d; margin-top: 0;} .tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; padding: 10px;} .tab-content{ padding:10px; width:100%; border: 1px solid #ddd; margin-top: -3px;} .tab-content .tab-detail .clo3{ max-width:300px; } .tab-content .tab-1, .tab-content .tab-2, .tab-content .tab-3 { } .tab .tab-title{ font-size:16px; line-height:20px; font-weight:bold; font-family:"open sans", sans-serif, Arial; width:100%; } .from-addUser ul.tabs{ width:100%; } .from-addUser ul.tabs li{ float:left; margin-bottom: -1px; border-top: 3px solid transparent;} .from-addUser ul.tabs li.active {border-top: 3px solid #f3565d;} .from-addUser ul.tabs li a { display:inline-block; width:auto; float:left; border:1px solid #ddd; border-top: 0; border:1px solid #ddd; border-bottom:1px solid transparent; padding:5px 15px; text-decoration:none; color: #555; font-size:14px; line-height:20px; background-color: #fff;} .navbar-twitch .sidemenu li span.arrowleft, .navbar-twitch .sidemenu li span.arrowbottom{ height:0; opacity:0; visibility:hidden;} .navbar-twitch.open .sidemenu li span.arrowleft{ height:auto; opacity:1; visibility:visible; display:inline-block; width:15px; height:15px; background:url(../images/arrow-left.png) no-repeat right center; float:right; margin-top: 2px;} .navbar-twitch.open .sidemenu li span.arrowbottom {height:auto; opacity:1; visibility:visible; display:inline-block; width:15px; height:15px; background:url(../images/arrow-down.png) no-repeat right center; float:right; margin-top: 2px; display:none;} .sidemenu li a span:after{ 'content: "";' } .navbar-twitch .sidemenu li ul.sub-menu li span.arrowleft-2, .navbar-twitch .sidemenu li ul.sub-menu li span.arrowbottom-2{ height:0; opacity:0; visibility:hidden;} .navbar-twitch.open .sidemenu li ul.sub-menu li span.arrowleft-2{ height:auto; opacity:1; visibility:visible; display:inline-block; width:15px; height:15px; background:url(../images/arrow-left.png) no-repeat right center; float:right; margin-top: 2px;} .navbar-twitch.open .sidemenu li ul.sub-menu li span.arrowbottom-2 {height:auto; opacity:1; visibility:visible; display:inline-block; width:15px; height:15px; background:url(../images/arrow-down.png) no-repeat right center; float:right; margin-top: 2px; margin-right: 3px; display:none; } .sidemenu li ul.sub-menu li a span:after{ 'content: "";' } /* end Tabbable -------------------------------------------------------------*/ /*=start Service Request Add : Tab ------------------------------------------------------------------------------------------------------------------------------------------------*/ .tab-outer-wrap{ width:100%; clear:both; padding-top: 10px; border-top: 2px solid #eee;} .Left-cont{ width:44.5%; margin:right:2%; padding:10px; margin-right:15px; float:left; border:1px solid #eee;} .service-reqTab{ width:50%; float:left;} .service-reqTab .tab-title{margin: 15px 0 8px;} .service-reqTab .tab1 table, .service-reqTab .tab2 table, .service-reqTab .tab3 table, .service-reqTab .tab4 table {margin-top:10px; margin-bottom:20px; } .service-reqTab .tab1 table tr th, .service-reqTab .tab2 table tr th, .service-reqTab .tab3 table tr th, .service-reqTab .tab4 table tr th{ border-bottom:1px solid #bbb; background:#ccc; color:#333; font-weight:bold;} .service-reqTab .tab1 table tr th, .service-reqTab .tab2 table tr th, .service-reqTab .tab3 table tr th, .service-reqTab .tab4 table tr th, .service-reqTab .tab1 table tr td, .service-reqTab .tab2 table tr td, .service-reqTab .tab3 table tr td, .service-reqTab .tab4 table tr td{ padding:5px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; } .service-reqTab .tab1 table tr th, .service-reqTab .tab2 table tr th, .service-reqTab .tab3 table tr th, .service-reqTab .tab4 table tr th{ border-bottom:1px solid #bbb; background:#ccc; color:#333; font-weight:bold;} .wrap-service-req .formblock.service-reqTab label a { display:block; padding:0 6px; text-decoration:none; background:#444E5B; color:#ffffff; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; } .service-reqTab .tab1 .wrapAddnote{ margin-bottom:10px; } .service-reqTab .tab1 .wrapAddnote label{ display:block;} .service-reqTab .tab1 .wrapAddnote textarea{ max-width:400px;} .wrapAddnote span{ display:block; margin:10px 0;} .btn_sr_notes{display:inline-bock; text-decoration:none; background:#45b6af; color:#ffffff; border:1px solid #149E94; padding: 2px 10px !important; line-height:20px; text-decoration:none; font-weight:bold;} .btn_sr_notes:hover { background:#37ccc2; color:#ffffff; } .service-req-AssignedTo{background:#95EDB7!important;font-weight:bold!important;} .service-req-Status{background:#95EDB7!important;font-weight:bold!important;} /* end Service Request Add ------------------------------------------------------------------------------------------------------------------------------------------------*/ /*=start Source Add :Tab ------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrap-surceAdd .tab-sorceadd { width:100%;} .wrap-surceAdd .tab-sorceadd .tab-content{ padding:10px; width:100%;} /*tab1*/ .tab-sorceadd{width:45%; margin:right:2%; float:left;} .tab-sorceadd .tab1 .tab-title, .tab-sorceadd .tab2 .tab-title {margin: 15px 0 8px;} .tab-sorceadd .tab-content{ } .tab-sorceadd .tab-content .tab1 .tab-detail ul { width:100%; max-width:100%;} .tab-sorceadd .tab-content .tab1 .tab-detail ul li label{ display:inline-block;} .tab-sorceadd .tab-content .tab1 .tab-detail ul li input.input-text, .tab-sorceadd .tab2 .tab-detail ul li input.input-text { max-width:300px; width:300px;margin-right:10px; border: 1px solid #e5e5e5;padding: 4px; height: 32px; font-size: 14px; font-weight: 400; color: #333; background-color: #fff; display: block; line-height: 1.42857143; border-radius: 0 !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .tab-sorceadd .tab-content .tab1 .tab-detail ul li select, .tab-sorceadd .tab2 .tab-detail ul li select {max-width:300px; width:300px; font-size:14px; padding:6px 5px !important; border:1px solid #e5e5e5; font-weight:normal; outline:none;} .tab-sorceadd .tab-content .tab1 .tab-detail ul li textarea, .tab-sorceadd .tab2 .tab-detail ul li textarea { max-width:300px; width:300px; } .tab-sorceadd .tab-content .tab1 ul li strong , .tab-sorceadd .tab-content .tab2 ul li strong { display:block; width:100%;} .tab-sorceadd .tab1 .bottom-button .btn{ margin-left:0;} /*tab2*/ .tab-sorceadd .tab2 .tab-detail ul { width:100%; max-width:100%;} .tab-sorceadd .tab2 .bottom-button .btn{ margin-left:0;} .navbar-nav > li > a > span{ font-size: 14px; padding: 13px 15px 13px 12px; } .navbar-nav > .active > a , .navbar-nav > .active > a:focus { background-color:#1cad98; !important;} .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { background-color:#2b3340;} /*= start Button style ----------------------------------------------------------------*/ .active, .status-active{ color: #fff; background-color: #45b6af; font-size: 12px; margin: 2px 0; display: inline-block; min-width:46px;} .status-active{margin: 2px 0; padding: 3px 4px;} .status-inactive {color: #fff; background-color:#dfba49; font-size: 12px; margin: 2px 0; padding: 3px 4px; display: inline-block; min-width:46px;} .status-approved {color: #fff; background-color:#4DC84C; font-size: 12px; margin: 2px 0; padding: 3px 4px; display: inline-block; min-width:46px;} .blue {color:#fff;background-color:#4b8df8; border-color:transparent;} .blue:hover {color: #fff; background-color: #2474f6;} .save-record{ margin-left: 5px; } .btn-default{font-size:14px; color:#333; background-color:#fff; border:1px solid #ccc !important;} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {color: #333; background-color: #ebebeb; border:1px solid #b3b3b3; } #cancel_record{ background-color:#d84a38; border:1px solid #d84a38 !important; color:#fff; } #cancel_record:hover{ background-color:#BD3020; border:1px solid #BD3020 !important;} #submit { max-width:341px; font-size:14px;} #btn_sign_in{float:right; } .blue-btn{color: #fff; background-color: #4b8df8; border-width: 0; padding: 5px 10px; font-size: 14px; text-decoration:none; display:inline-block; min-width:86px; } .blue-btn:hover,.blue-btn:focus,.blue-btn:active,.blue-btn.active{color:#fff; background-color:#2474f6; text-decoration:none;} .arrowRight{ width:18px; height:20px; background-image: url("../images/arrow-icons-white.png"); background-position: -23px -7px; background-repeat: no-repeat; display: inline-block; float: right; height: 20px; margin: 0; width: 18px; } .blue-btn .arrowRight{ float:inherit;} input[type=button]{ display:inline-block; min-width:97; text-align:center; margin:0px; text-decoration:none;cursor:pointer;} .btn-edit, .btn-view, .btn-delet { color: #333; background-color: #ddd; padding: 1px 8px; text-decoration:none; margin:2px; display:inline-block; font-size: 12px; line-height: 1.5;} .btn-edit:hover, .btn-view:hover, .btn-delet:hover { background-color: #ccc; text-decoration:none;} .fbutton span.active{ float: left; display: block; padding: 3px; color: #333; margin:0;} .fbutton span.active:hover{ text-decoration:none; } .btn-edit { background-image:url('../images/edit.gif')!important; background-repeat: no-repeat; background-position: 7px 2px; padding: 2px 6px 2px 18px; text-decoration:none !important; background-color: #ddd; height:20px; width:20px;} .btn-view { background-image:url('../images/show.gif')!important; background-repeat: no-repeat; background-position: 6px 2px; padding: 2px 6px 2px 18px; text-decoration:none !important; background-color: #ddd; height:20px; width:20px;} .btn-delet{ background-image:url('../images/delete.gif')!important; background-repeat: no-repeat; background-position:5px 3px; padding:2px 6px 2px 18px; text-decoration:none !important; background-color: #ddd; height:20px; width:20px;} .btn { margin:0; padding: 2px 10px 2px 22px !important; font-size: 13px; line-height: 1.5; border-width: 0; display: inline-block; text-align: center; white-space: nowrap; vertical- align: middle; border: 1px solid transparent; outline: none!important; background-image: none!important; box-shadow: none; text-shadow: none; -webkit-appearance: button; border-radius: 0 !important; } .blue.btn:hover{ color:#fff !important;} .btn.search, .btn.reset { padding-left:20px;} input[type=button].search, input[type=submit].search {color: #fff; background-image:url('../images/search-ico.png')!important; background-repeat: no-repeat; background-position: 6px 5px; background-color: #ffb848 ; border: 1px solid transparent; padding-left:20px;} input[type=button].search:hover, input[type=submit].search:hover{ background-color:#ed991a;} input[type=button].reset,input[type=Reset].reset {color: #fff; background-image:url('../images/close-ico.png') !important; background-repeat: no-repeat; background-position: 6px 7px; background-color: #d84a38; border: 1px solid transparent; padding-left:20px; } input[type=button].reset:hover, input[type=Reset].reset:hover{background-color: #bd3020;} .textbox {width: 200px; height: 80px; background-color: #cecece; line-height: 1.42857143; border: 1px solid #ddd; transition: all .2s ease-in-out; display: inline-block; margin-bottom: 5px; text-align: left; vertical-align: middle;} .textarea, textarea { width: 95%; height: 120px; border: 1px solid #e5e5e5; padding: 5px; font-family: 'open sans', sans-serif; font-size:14px; line-height:18px; color:#333; } span.btn-view-text{display:inline-block; margin-left:10px; } .btn-submit{ padding: 2px 10px 2px 10px !important; } .link-view{ background-color: #ddd; color: #333; border: 1px solid transparent; line-height:18px; display: inline-block; font-size: 12px; margin: 2px 0; min-width: 46px; padding: 0px 4px; text-decoration:none; } .link-view:hover{ background-color: #ccc; color:#428bca; text-decoration:none;} .btn1 { margin:0; padding: 2px 10px 2px 10px !important; font-size: 13px; line-height:24px; height:24px; border-width: 0; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; outline: none!important; background-image: none!important; box-shadow: none; text-shadow: none; -webkit-appearance: button; border-radius: 0 !important; } .center-block .btn { margin:0; padding: 2px 10px 2px 10px !important; } /*end button style ----------------------------------------------------------------------------------*/ /*=Public-service request start ----------------------------------------------------------------------------------*/ .wrap-public-reuest .innerMain{margin:-19px 10px 10px 0px; } .public-reuest .innerMain{margin:-19px 10px 10px; } .public-reuest .moduleTitle{ /*width: 70%;*/ margin:22px 0 7px 0;} .public-reuest .moduleTitle span{width: inherit; width:auto; display:inline-block;} #problem_1 label strong, #problem_1_1 label strong { margin-left:20px;} #problem_1 label p { width:100%;} .public-reuest #frmadd .from-addUser label select{ } .public-reuest #frmadd .from-addUser #problem_1 label select#bPermission, .public-reuest #frmadd .from-addUser #problem_1_1 label select#bPermission { width:40px; margin-top:5px; margin-left:20px; margin-right:10px;} .public-reuest #frmadd .from-addUser #problem_1 label select#bBitting, .public-reuest #frmadd .from-addUser #problem_1_1 label select#bBitting { width:40px; margin-top:5px; margin-left:20px; margin-right:10px;} .public-serv-req input#iSRId { margin-left:0px; clear:both;} .public-serv-req .title.title1{ line-height:18px;} .header-logo #google_translate_element { display:inline-block; float:right; margin-right: 10px; height: 50px; width: 300px; margin-top: 42px;} .header-logo #google_translate_element span{ float:left; display:inline-block; width:100%; padding-left: 192px; margin-top:-32px;} .header-logo #google_translate_element span a.goog-logo-link img{ display: inline-block; max-width: inherit; width: 50%;} .goog-te-gadget .goog-te-combo{ margin-right:10px; border:1px solid #ddd; padding:2px; margin:5px; } .goog-te-gadget{ text-align:left;} .goog-te-gadget>div{ text-align:left; float:left; position: relative; right: 0; left: 190px; text-align: left; top: 20px;} /*-moz browser*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .goog-te-gadget>div { left: 179px;} .header-logo #google_translate_element span { margin-top: -39px;}} /*fix webkit browser*/ .from-addUser .state-error input, .from-addUser .state-error select, .from-addUser .state-error textarea { background: #fee9ea!important; border-color: #ff0000!important; } .from-addUser .state-success input, .from-addUser .state-success select, .from-addUser .state-success textarea { background: #f0fee9!important; border-color: #a5d491!important; } .from-addUser em.state-error { color: #ff0000; display: block; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 0.85em; font-style: normal; line-height: normal; margin-top: 3px !important; padding: 0; width: 100%; } /* end Public-service request ----------------------------------------------------------------------------------*/ /*Access Group add*/ .main-outertable tr td{ padding:5px;} .main-outertable tr:last-child td:last-child{ padding:5px;} .outertable th{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } .outertable th:first-child { border-left:1px solid #ddd; } .outertable th, .outertable tr td { padding:5px 10px; } .outertable th span{ display:inline-block; margin-left:5px; } .outertable th, .outertable tr td { text-align:center;} /*Access Group Manage*/ .accessGroup > ul , .accessGroup > ul li, .accessGroup > ul li label , .col2Form .accessGroup.col2 ul li { margin-bottom:0; } .accessGroup { border: 1px solid #ddd !important;} .accessGroup input[type=text], .accessGroup .input-text, .outertable-settings .input-text { padding: 4px; height: 32px; font-size: 14px; font-weight: 400; color: #333 !important; background-color: #fff !important; border: 1px solid #e5e5e5 !important; line-height: 1.42857143; border-radius: 0!important; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .accessGroup > ul li label>strong{ float:left;} .outertable-settings .input-text:focus{border: 1px solid #000 !important; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} /*Audit log list*/ .flexigrid div.pDiv div.pButton { width:20px; height:20px; border: 1px solid transparent;} .flexigrid div.pDiv div.pButton span:hover, .flexigrid div.pDiv div.pButton:hover span{ width:26px; height:26px;} .innerMain #msg {float: left; padding: 5px 15px 5px 5px; font-size: 12px;} /*= start Source Add --------------------------------------------------------------------------------------*/ .from-addUser .source-Add { } .from-addUser .source-Add .formblock ul {width: 40%;} .from-addUser .source-Add .formblock ul.setspaceRight { min-width:675px; width: 51.5%; margin-right:0;} .from-addUser .source-Add .formblock ul.setspace { min-width:335px; width: 22%; margin-right:0;} .from-addUser .source-Add .formblock li { width:100%; margin-bottom: 10px; display: table; clear: both;} .inv-material-add .from-addUser .source-Add .formblock li { width:100%; display: block;} .from-addUser .source-Add .formblock li table {border:1px solid #ccc;} .from-addUser .source-Add .formblock li table.DataMarker {border:0;} .from-addUser .source-Add .formblock li table th{border:1px solid #ccc;background-color:#e8f6fd;font-weight:bold;/*padding:2px;*/padding:8px;} .from-addUser .source-Add .formblock li table td {border:1px solid #ccc; /*padding:2px;*/padding:5px;} .from-addUser .source-Add .formblock li table td div { float:none;} .from-addUser .source-Add .formblock li table td input[type=text]{margin-top:5px;margin-left:3px;} .from-addUser .source-Add .formblock li table td textarea{margin-left:3px;} .from-addUser .source-Add .formblock li table td.action{text-align:center;} .from-addUser .source-Add .formblock li table td.action img{cursor:pointer;} .from-addUser .source-Add .formblock li label { display:inline-block; /*max-width:300px; width:300px;*/} .from-addUser .source-Add .formblock li input.input-text{ max-width:300px; width:300px;} .from-addUser .source-Add .formblock li input.input-text.sm {max-width:35px; width:inherit; margin-right:0; float:left; } .from-addUser .source-Add .formblock li input.input-text.md{max-width:45px; width:inherit; margin-right:0; float:left; } .from-addUser .source-Add .formblock li label strong.pri-phone-ex { display:inlin-block; width:inherit; margin:6px 5px; float:right;} .from-addUser .source-Add .formblock li label strong.alternate-phone-ex{ display:inlin-block; margin:6px 5px; max-width: 200px; float:left;} .from-addUser .source-Add .formblock li select{ max-width:300px; width:300px;font-size:14px; padding:6px 5px !important; border:1px solid #e5e5e5; font-weight:normal; outline:none;} .from-addUser .source-Add .formblock li input.hasDatepicker{ max-width:250px; width:250px; float:left; display:inline-block; margin-right:5px;} .from-addUser .source-Add .formblock li button.ui-datepicker-trigger{ margin-top:4px; float:left;} .from-addUser .source-Add .formblock li strong u{ text-decoration:none;} .from-addUser .source-Add input.input-text{ margin-right:10px; border: 1px solid #e5e5e5;padding: 4px; height: 32px; font-size: 14px; font-weight: 400; color: #333; background-color: #fff; display: block; line-height: 1.42857143;border-radius: 0!important; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .from-addUser .source-Add .bottom-button{ width:100%; display:table; clear:both; margin:5px 0 10px; padding:0 15px;} .from-addUser .source-Add .bottom-button .btn{padding:2px 10px !important; margin-left:16px;} .from-addUser .source-Add .formblock li input[type=checkbox] {float:inherit; margin:0 8px 5px 0; }/*float-inherit*/ .from-addUser .source-Add .formblock li label.tech-completed div {float:left;} .ingradient-group tr td {border-bottom: 1px solid #ccc !important; border-right:1px solid #ccc !important; padding: 2px; } .ingradient-group tr td span{padding:3px;font-weight:bold;} .borderNone{ border: 0 !important; padding:0 !important;} #tbl_ingredients_unit{ margin-bottom:18px;} /*.from-addUser .source-Add .formblock li div{ float:left; width:100%;}*/ /*=Form style ----------------------------------------------------------------------------------*/ .from-addUser ul{ list-style:none;} .from-addUser { font-size:13px; line-height:15px; } .from-addUser .col12 { width:100%; padding: 16px 8px; position: relative;} .from-addUser .col12.padd ul{ max-width:360px; } .from-addUser .col12.formblock { border:1px solid #ccc; margin:10px 0;} .from-addUser .formblock.col6{ width:48%; padding: 0 15px; margin-right:10px; float: left;} .from-addUser .formblock.col6.nopadding{padding:0;} .from-addUser .col3{ width:48%; padding: 0 16px; float:left;} .formblock.col3{ width:48%; padding: 0 16px; } .formblock .notify-msg{ float:left; margin-left: 5px; display: inline-block; line-height: 22px;} .from-addUser #li_vUsername strong, .from-addUser #li_vPassword strong{ display:inline-block;} .from-addUser .required {color: #e02222; font-size: 13px; font-weight:bold; padding-left: 2px; display:inline-block;} .from-addUser label strong{ display:block; margin-bottom: 4px; color:#333;} .from-addUser .userAdd label {display:table; margin-bottom: 8px; width:300px;} .from-addUser .userAdd .select { max-width:300px; width:96%; font-size:14px; padding:6px 5px !important; border:1px solid #e5e5e5; font-weight:normal; outline:none;} .from-addUser .userAdd .input-text, .outertable-settings .input-text{ padding: 4px; height: 32px; font-size: 14px; font-weight: 400; color: #333; background-color: #fff; /*border: 1px solid #e5e5e5;*/ display: block; max-width:300px; width: 96%; line-height: 1.42857143; border-radius: 0!important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .from-addUser .userAdd .setspace{ width:30%; min-width:320px; } .from-addUser .userAdd .setspaceRight { width:30%; min-width:320px; } .from-addUser .userAdd .uAdd-full { display:block; width:100%;} /*focus*/ select { outline:0 !important; outline-width: 1px; outline-color: transparent;} select option { outline:0 !important; outline-width: 1px; outline-color: transparent;} select::-moz-focus-inner { border: 0; outline-width: 1px; outline-color: transparent;} .from-addUser .formblock .input-text{ border: 1px solid #e5e5e5;} .from-addUser .formblock .input-text:focus {border: 1px solid #000000;} .from-addUser .bottom-button .btn { padding:2px 10px !important; margin-left:16px;} .from-addUser .userAdd .textarea:focus, .from-addUser .userAdd .select:focus, .from-addUser .userAdd .input-text:focus, .outertable-settings .input-text:focus {border: 1px solid #333;} .sidemenu li.active a span.selected { display: block; background-image: none; float: right; position: absolute; right: 0; top: 8px; background: none; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #fff; } /*=Start: to style navigation tab ---------------------------------------------------------------------------------------------*/ .nav { margin-bottom: 18px; margin-left: 0; list-style: none;} .nav > li > a { display: block;} .nav-tabs{ *zoom: 1; } .nav-tabs:before,.nav-tabs:after { display: table; content: "";} .nav-tabs:after { clear: both;} .nav-tabs > li { float: left;} .nav-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd;} .nav-tabs > li {margin-bottom: -1px;} .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } li { line-height: 18px; } .tab-content.active{display: block;} .tab-content.hide{display: none; } /* End: to style navigation tab ---------------------------------------------------------------------------------------------*/ /*=Page ---------------------------------------------------------------------------------------------*/ input[type=button].add-new {color: #fff;background-position: 6px 5px; background-color: #ffb848 ; border: 1px solid transparent; padding-left:20px; line-height:18px;} input[type=button].add-new:hover{ background-color:#ed991a;} input[type=button].edit {color: #fff;background-position: 6px 5px; background-color: #ffb848 ; border: 1px solid transparent; padding-left:20px; line-height:18px;} input[type=button].edit:hover{ background-color:#ed991a;} input[type=button].active {color: #fff;background-position: 6px 5px; background-color: #45B6AF ; border: 1px solid transparent; padding-left:20px; line-height:18px;} input[type=button].active:hover{ background-color:#37CCC2;} input[type=button].inactive {color: #fff;background-position: 6px 5px; background-color: #DFBA49 ; border: 1px solid transparent; padding-left:20px; line-height:18px;} input[type=button].inactive:hover{ background-color:#EDC347;} input[type=button].delete {color: #fff;background-position: 6px 5px; background-color: #BD3020 ; border: 1px solid transparent; padding-left:20px; line-height:18px;} input[type=button].delete:hover{ background-color:#D63826; } /* end Page ---------------------------------------------------------------------------------------------*/ /*=Setting page start ---------------------------------------------------------------------------------------------*/ .outertable-settings{ border:#eee solid 1px; border-collapse:collapse; border-bottom:#eee solid 1px;} .outertable-settings th{background:#eee; color:#000; font-weight:bold; padding:3px 5px;text-align:left; border-bottom:#ddd solid 1px; border-top:#ddd solid 1px;} .outertable-settings th:first-child{border-left:#ddd solid 1px;} .outertable-settings th:last-child{border-right:#ddd solid 1px;} .outertable-settings th.wbmatter{ border-left:#ddd solid 1px;} .outertable-settings th.mid{text-align:center;} .outertable-settings th.right{text-align:right;} .outertable-settings td{ color:#000; vertical-align:top; border:#eee solid 1px; padding:3px 5px; border-bottom:#eee dashed 0px;} .outertable-settings td.mid{text-align:center;} .outertable-settings td.right{text-align:right;} .outertable-settings td em{ display:inline-block; width:128px; padding:0px 5px; font-size:13px;} .outertable-settings input[type=text]{ padding:1px; margin:1px; background:#eee; border:#999 solid 1px;} .outertable-settings tr.mouseout{ background:#FFFFFF;} .outertable-settings tr.mouseover{ background:#EEEEEE; } /*Setting page end ---------------------------------------------------------------------------------------------*/ /*=Service Request Update start ---------------------------------------------------------------------------------------------*/ .wrap-service-req { } .wrap-service-req .formblock.left li, .wrap-service-req .formblock.right li {width:100%; float:left; margin-bottom:5px;} .wrap-service-req .formblock.left.col6 { width:44%; float:left; padding: 0 15px; margin-right: 10px;} .wrap-service-req .formblock.right.col6 { width:44%; float:left; padding: 0 15px; margin-right: 10px;} .wrap-service-req .formblock.left label.title strong{ width:100%;} .wrap-service-req .formblock.left label.title strong, .wrap-service-req .formblock.right label.title1 strong, .wrap-service-req .formblock.right label.title strong {font-size:15px; line-height:19px; margin-bottom:0; margin-top:6px;} .wrap-service-req .formblock.problems-block { width:100%; float:left; margin-bottom:5px;} .wrap-service-req .formblock.left label > span, .wrap-service-req .formblock.left label span.comments, .wrap-service-req .formblock.right label > span { display:inline-block; font-weight:normal; float:left; margin-right:10px; width:100%;} .wrap-service-req .formblock.right li > div div > span { } .wrap-service-req .formblock.right li strong.pri-phone-ex{ display:inline-block; margin:0px 5px; line-height:32px;} .wrap-service-req .formblock.left label{ width:100%; display:block;} .wrap-service-req .formblock.left textarea{ max-width:300px; width:300px; display:inline-block;height: 65px;} .wrap-service-req .from-addUser .select { float:left; max-width:300px; width:300px; } .wrap-service-req .formblock.left #vPrimaryPhone1, .wrap-service-req .formblock.left #vPrimaryPhone2, .wrap-service-req .formblock.left #vAlternatePhone1, .wrap-service-req .formblock.left #vAlternatePhone2{ max-width:36px; width:36px; display:inline-block; margin-bottom:5px; line-height:30px; float:left;} .wrap-service-req .formblock.left #vPrimaryPhone3, .wrap-service-req .formblock.left #vAlternatePhone3 { max-width:45px; width:45px; display:inline-block; margin-bottom:5px; line-height:30px; float:left;} .wrap-service-req .formblock.left label input[type="text"], .wrap-service-req .formblock.right label input[type="text"], .wrap-service-req .from-addUser .select{ float:left; max-width:300px; width:300px;margin-right:10px; border: 1px solid #e5e5e5;padding: 4px; height: 32px; font-size: 14px; font-weight: 400; color: #333; background-color: #fff; display: block; line-height: 1.42857143;border-radius: 0!important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .from-addUser .source-Add .bottom-button{ width:100%; display:table; clear:both; margin:5px 0 10px; padding:0 15px;} .from-addUser .source-Add .bottom-button .btn{padding:2px 10px !important; margin-left:16px;} } .wrap-service-req .formblock.left label textarea.ta-officeComment{ margin-top:10px; max-width:450px; width:inherit !important; } .wrap-service-req .formblock.left label.tech-completed input, .wrap-service-req .formblock.right label.tech-completed input { float:left; margin:2px 10px 0 0; height:13px;} .wrap-service-req .formblock.left label.tech-completed span{ float:left;} .wrap-service-req .formblock.left label.tech-completed, .wrap-service-req .formblock.left label.tech-completed div, .wrap-service-req .formblock.right label.tech-completed div { font-weight:normal; float:left;} .wrap-service-req .formblock.left label input.hasDatepicker { padding: 3px 5px !important; max-width:180px; float:left;} .wrap-service-req .formblock.left label button { float:left; margin: 4px 0;} .wrap-service-req .formblock.problems-block label{ display:inline-block;} .wrap-service-req .formblock.problems-block label.title strong { font-size: 15px; line-height: 19px; margin-bottom: 0; margin-top: 15px; } .wrap-service-req .formblock.problems-block label.title textarea{ margin-top:10px; max-width:450px; width:inherit !important;*/ } .wrap-service-req .formblock.problems-block textarea { max-width:400px; } .wrap-service-req .from-addUser #problem_1 label{ display:inline-block; display:table; } .wrap-service-req .from-addUser #problem_1 label.title{ width:100%;} .wrap-service-req .from-addUser #problem_1 label.title textarea{ width:100%;} .wrap-service-req .from-addUser #problem_1 label span { font-weight:normal; } .wrap-service-req .from-addUser #problem_1 label.biting-description span{ margin-right:10px !important;} .wrap-service-req .from-addUser #problem_1 label.biting-description span input{margin-right:5px !important; display:inline-block; } .wrap-service-req .from-addUser #problem_1 label strong { margin-left:0; } .wrap-service-req .from-addUser #problem_1 label input[type="checkbox"]{margin-right:7px; } .wrap-btm-btn .btn{ display:inline-block; margin-left:0 !important; } /* Service Request Update end ---------------------------------------------------------------------------------------------*/ /* Page map ----------------------------------------------------------------------------------------*/ .sidebar_home_map .activity-card .heading{font-weight:bold;font-size:14px;background-color:#c2c2c2;padding: 5px;} .sidebar_home_map .activity-card .content{padding:5px;} .sidebar_home_map .activity-card .content span{display:inline-block;margin-top:5px;min-height:1px; text-align: left; width: 192px; margin-bottom:5px;} .sidebar_home_map .activity-card .content input[type=button]{margin-top:5px;} .cleared_home_map { clear: both;} .mapdiv_home { height: 570px;width: 100%; border-right: 1px solid #ccc;} .mapdiv { width: 100%;} .wrapper_map {} .content_map { float: left; width: 94%; border-right: 1px solid #bbb !important;} .sidebar_map { float: right; width: 267px;padding:1px;} .cleared_map { clear: both; } /*************************************************************/ /****************************** Operation table *****************************/ .flexigrid div.bDiv tr.operation{display:none;} .flexigrid div.bDiv tr.operation:hover td,.flexigrid div.bDiv tr.operation:hover td.sorted,.flexigrid div.bDiv tr.operation .trOver td.sorted,.flexigrid div.bDiv tr.operation .trOver td{background:none;} .flexigrid div.bDiv tr.operation td table{border:1px solid #ccc;margin:5px;border-collapse:none;} .flexigrid div.bDiv tr.operation td table tr th{border:1px solid #ccc;padding:5px;background-color:#E8F6FD;font-weight:bold;} .flexigrid div.bDiv tr.operation td table tr th.txt-center{text-align:center;} .flexigrid div.bDiv tr.operation td table tr:hover{background-color:#F0F1F3;} .flexigrid div.bDiv tr.operation td table tr td{ border:1px solid #ccc;padding:5px;} .flexigrid div.bDiv tr.operation td table tr td div{/*width:489px;*/white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;} .flexigrid div.bDiv tr.operation td table tr td.txt-center{text-align:center;} /****************************** Operation table *****************************/ .lbl-heading {background:#EBEBE4; /*padding:8px 5px;*/ padding-left:5px; border:1px solid #bbb; text-transform:uppercase; letter-spacing:1px;} .popupContent table tr th{font-weight:bold;padding:1px;} .popupContent table tr td a {color:#fff;background-color:#808599; border-color:transparent;display: inline-block;padding:5px;margin: 5px 1px 5px;width: 122px;text-align: center;text-decoration:none;} .popupContent table tr td a:hover {color: #fff; background-color: #525254;text-decoration:none;} .popupContent table tr td div.separator{border-bottom:1px solid #c2c2c2;margin:5px 0 5px;} .popupContent table tr td table tr td div.heading{font-weight:bold;font-size:12px;height:18px;} .popupContent table tr td table tr td a, .popupContent table tr td table tr td input['type:button']{color:#fff;background-color:#808599; border-color:transparent;display: inline-block;padding:5px;margin: 4px 1px 0;width: 140px;text-align: center;} .popupContent table tr td table tr td a:hover {color: #fff; background-color: #525254;text-decoration:none;} /*Popup*/ .ppformlist { padding:15px;} .ppformlist li { margin-bottom:10px; } /*Popup - larval add*/ .wrap-frmfilter { width:450px; height:auto !important; min-height:250px !important; } .formlarvel-add{ } .text-area{ } .input-sm{ } .larval-SurveillAdd li { margin-bottom:5px; } .wrap-larvae { margin:10px 0 0;} .wrap-larvae span { display:inline-block; float:left; width:40%; margin-right:5px; margin-bottom:5px;} .wrap-larvae span .sampleTaken, .wrap-larvae span .sampleTaken span {width:100%; margin-top:5px;} .wrap-larvae span .input-text { max-width:50% !important; min-width:50% !important; width:50% !important; } .wrap-larvae span strong.sampTaken { float:left; } .wrap-larvae span input.cb-sampletaken { margin: 0 0 5px 8px !important;} .wrap-stageFound {margin:2px 0 0;} .wrap-stageFound label{ display:inline-block; width:30%; line-height: 14px; margin-bottom: 3px; margin-right: 5px;} .from-addUser .larval-SurveillAdd, .from-addUser .ppformlist { padding:15px; !important;} /*Popup - Rain Collection Add*/ .amountText strong {display:table; clear:both; } .amountText input, .amountText select { float:left; } /*Popup - Material Add*/ .materialAdd li { margin-bottom:10px;} .materialAdd li div>strong { display:block; clear:both;} .materialAdd li div .input-text {float:left; width:100px;} .materialAdd li select#iSiteId {width:300px; max-width:300px;} .from-addUser .source-Add .materialAdd li .select{ width:120px; max-width:120px; padding: 4px 5px !important;} .from-addUser .source-Add .materialAdd li .select option{ padding:2px 4px;} /*Adult Surveillance Add*/ .ppformlist select option { line-height:18px; padding:2px; font-size: 14px; font-weight: normal; outline-width: 1px; outline-style: dashed; outline-color: red;} select option:focus,select option:hover { outline:0 none; border:0;} .sidebar_home_map { max-width:240px; width: 240px; float:right; right:13px; }/*max-width: 210px;*/ .content_home_map { /*float:left;*/ /*width: 85.6%; */} /*top advance search -*/ .advSearch-top li.col1{ max-width:30%; float:left; } .advSearch-top li.col2{ max-width:34%; margin-right:1%; margin-left:1%; float:left; } .advSearch-top li.col3{ max-width:34%; float:right;}/**/ .advSearch-top li.col1{ max-width:395px; margin-right:10px; width:33%; float:left; } .advSearch-top li.col2{ max-width:395px; margin-right:10px; width:33%; float:left; } /*margin-right:1%; margin-left:1%;*/ .advSearch-top li.col3{ max-width:395px; width:33%; float:left;} /*site-add*/ .site-Add .formblock.right { position:absolute; bottom:287px; right:-204px; width:inherit !important; } .status-link { float: right; margin-top: -25px; position: relative} .action-link { display: inline; margin-left: 15%; position: relative;text-align: center; width: 225px;} .action-link input[type="button"]{background-color:#848383;} /*Inventory Item Lot Update */ .ingradient tr td.nobrder {border:none !important;} /*.from-addUser .source-Add .formblock li table#tbl_ingredients, .from-addUser .source-Add .formblock li table#tbl_ingredients tr td { border:0 !important;}*/ .from-addUser .source-Add .formblock li table.ingradient-main { border: 0 !important; } .from-addUser .source-Add .formblock li table.ingradient-main .ingradient-child tr td { border: 1px solid #cccccc;} .custom-input{background-color:#fff; border: 1px solid #e5e5e5;border-radius: 0 !important; color: #333;font-size: 14px; font-weight: 400; height: 32px; line-height: 1.42857; margin-right: 10px; padding: 4px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .custom-input:focus{border: 1px solid #000 !important; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .btn-reset {color: #fff; background-image:url('../images/close-ico.png') !important; background-repeat: no-repeat; background-position: 6px 7px; background-color: #d84a38; border: 1px solid transparent; padding-left:16px; } .btn-reset:hover {color: #fff; background-color: #bd3020;} /* start Adv search ------------------------------------------------------------*/ .wrap-advsearch{ width:99.5%; padding:10px 0 10px 10px; margin:5px 0 5px 10px; border: 1px solid #efefef;} .advSearch-top .col1 .label-advsearch, .advSearch-top .col2 .label-advsearch, .advSearch-top .col3 .label-advsearch { float:left; width: 98px; } .advSearch-top .col1 input.custom-input, .advSearch-top .col2 input.custom-input, .advSearch-top .col3 input.custom-input {width: 35%; margin-left: 5px;}/*33*/ .advSearch-top .col1 select.custom-input, .advSearch-top .col2 select.custom-input, .advSearch-top .col3 select.custom-input { float:left; width: 33%; margin-left: 5px;} .advSearch-top .col1 .label-advsearch, .advSearch-top .col2 .label-advsearch, .advSearch-top .col3 .label-advsearch { float:left; display: inline-block; min-width: 98px;} .advSearch-top .col1 select#vFirstNameDD, .advSearch-top .col1 select#vPositionDD, .advSearch-top .col1 select#vEmailDD, .advSearch-top .col2 select#vLastNameDD, .advSearch-top .col3 select#vCompanyDD, .advSearch-top .col1 select { float:left; /*width:32% !important; */} .advSearch-top .col1 input#vFirstName, .advSearch-top .col1 input#vPosition, .advSearch-top .col1 input#vEmail, .advSearch-top .col2 input#vLastName, .advSearch-top .col2 input#vPrimaryPhone, .advSearch-top .col3 input#vCompany, .advSearch-top .col3 input#vAlternatePhone { float:left; /*width: 35%;*/ margin-left: 5px;} .advSearch-top .col2 input#vPrimaryPhone{float:left; margin-left: 128px;} .advSearch-top .col3 input#vAlternatePhone {float:left; margin-left: 121px;} .advSearch-top { list-style:none; width:100%; } .advSearch-top li { float:left; } .advSearch-top li>div { width:100%; margin-bottom:5px; float:left;} .advSearch-top li select{ margin-right:2px; width:100px; float:left;} .advSearch-top li select option{ padding:2px;} .advSearch-top li select { color:#333; font-size:14px; height:32px; padding:4px; border:1px solid #e5e5e5;border-radius:0 !important;} .advSearch-top li .input-text{background-color:#fff;border: 1px solid #e5e5e5;border-radius:0 !important;color:#333;font-size: 14px;font-weight:400;height: 26px;padding:4px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .wrap-btnBottom{width:100%;text-align:center;} #frmlist .center {position:absolute; right:426px; top:12px;} /*contactList*/ .contactList .advSearch-top .col2 input.custom-input#vPrimaryPhone {float:left; margin-left: 107px;} .contactList .advSearch-top .col3 input.custom-input#vAlternatePhone {float:left; margin-left: 108px;} /*Activity Card List*/ .activity-cardList .advSearch-top .col2 input#dDate { margin-left:0;} /*Browse Service Requests*/ .browse-serv-req #iSRId, .browse-serv-req #vPrimaryPhone, .browse-serv-req #dRequestedDate { margin-left:0;} .browse-serv-req #vPrimaryPhone { margin-left: 107px; } .browse-serv-req #iSRId { margin-left: 107px; } /*manage Traps Test*/ .manage-trapsTest input#pool, .manage-trapsTest input#iATTId { margin-left:0;} .manage-trapsTest select#iZoneId { width:133px; } .manage-trapsTest .advSearch-top select#iZoneId { } /*Manage Sera*/ .sera_list .advSearch-top .col2 input#vBandNumber { margin-left:0; } /*end Adv search ---------------------------------------------------*/ /*map -fullwidth*/ .map-full { width:100%; height:100%; border-right: 1px solid #ccc; } .sr-grid{ width:100%; /*height:10px;*/ /*border:1px solid red;*/ margin-top:0;} .content_home_map { width:81%;/*width:100%;*/ height:100%; } /*map-technician*/ .wrapper_tech_map {margin-right:200px;} .content_tech_map {float:left; width:98%;} .sidebar_tech_map { float:right; width:240px;margin-right:0px;padding:1px;} .sidebar_tech_map .activity-card {border:1px solid #999; margin:2px;} .content_home_map.map_tech { width:84.8%; } /*map dashbord with bottom pannel*/ .wrap_dashbord_map .sidebar_home_map { /*max-width:16%;*/ width:240px;} .wrap_dashbord_map { padding-bottom:0px;}/*20*/ /*.wrap_dashbord_map .dashboard_map { overflow:hidden; max-width:81%; width:81%; }*/ .dashboard_map .bottom-panel { bottom: 0px !important; position: relative; left: 0; padding:0; margin:-150px 0 0 0; right:0; /*width: 78%; position: absolute;*/} .map-full-bottom{ width:100% !important; max-width:100% !important; margin-right:250px;} .dashboard_map .bottom-panel { width:100% !important;} .bottom-panel .panel-title { position: relative; bottom: -6px;} .bottom-panel .panel-content { width: 98%; background:#ffffff; height:130px; overflow-y:auto;} .bottom-panel .panel-title{ z-index: 99;} .sidebar-current-activity { position:fixed; width:230px; bottom:78px; } .tree_view { bottom:auto; position:auto; } /*---------------------- Loading div in page center ---------------------*/ /*.bottom-panel{width:100%;}*/ .bottom-panel .panel-title{background-color:#488FF9; width:100%; height:25px;}/*364150*/ .bottom-panel .panel-title img{float:right;cursor:pointer;margin-top:5px;} .bottom-panel .panel-content{width:100%;} /* Absolute Center CSS Spinner */ .loading-div { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading-div:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } /* :not(:required) hides these rules from IE9 and below */ .loading-div:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .loading-div:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .operation-plan .innerMain .left-content{width:83.2%;float:left;} .innerMain.operation-plan .right-content {width:250px; max-width:250px; position:fixed; right:8px; top:33px; } .innerMain .right-content .ui-tabs .ui-tabs-panel{padding:5px 0 0;} .innerMain .right-content .context-menu{height: 475px;border:1px solid #C2C2C2;overflow-y:auto; padding: 5px 5px 0; font-size:13px;} .innerMain .right-content .context-menu .menu-title, .innerMain .right-content .context-menu .menu-title1, .innerMain .right-content .context-menu .menu-title2 { float:right; display:block; background:url(../images/plus-ico.png) no-repeat 99% 9px #eee; height:40px; color:#000; width:100%; padding: 9px; clear:both; border: 1px solid #E0EAFF; position:relative; z-index:10; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:1px solid #CCC;font-size: 13px;} .innerMain .right-content .context-menu .menu-details, .innerMain .right-content .context-menu .menu-details1, .innerMain .right-content .context-menu .menu-details2 { width:100%; padding: 5px; background:#fff;border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; display:none;line-height:25px; font-size:13px;} .innerMain .right-content .context-menu .heading{font-weight:bold;font-size:14px;background-color:#c2c2c2;padding: 5px;} .innerMain .right-content .context-menu .content{padding:5px;} .innerMain .right-content .context-menu .content span{display:inline-block;margin-top:5px;min-height:1px; text-align: left; width: 192px; margin-bottom:5px;} .innerMain .right-content .context-menu .content input[type=button]{ margin-top:5px;} /*operation plan*/ .operation-plan .innerMain .right-content{ width:27.8%; width:290px; max-width:290px; float:right; position:fixed; right:8px; top:0;} .operation-plan .right-content #tabs-1 .context-menu .content>strong { /*width:90px;*/width:119px; display:inline-block; vertical-align:top; font-size: 12px; } .operation-plan .right-content select { border:1px solid #dddddd;} .operation-plan .context-menu #btn_delete_last, .operation-plan .context-menu #browse_block{ margin-top:5px;} .operation-plan .right-content .ui-tabs .ui-tabs-nav li a{ padding: 0.5em 0.38em; font-size: 12px; height:45px;} .operation-plan .context-menu #map_layer { margin:5px; clear: both; display: table; width: 96%; } .operation-plan .context-menu #map_layer li { margin-bottom:3px; font-size: 13px; line-height:21px; height:35px; width:100%; float:left;} .operation-plan .context-menu #map_layer li#li_lab_sample { border:1px solid #ddd; } .operation-plan .context-menu #map_layer li input { margin-right:4px; margin-top:0px; height: 24px; margin-top: 0px; padding: 0; width: 15px; float:left;} .right-content .context-menu .menu-details2 .content strong { text-align:left; font-size: 13px; width:78px; float:left; display: inline-block; font-weight:normal; } .right-content .context-menu .menu-details2 .content input.hasDatepicker, .right-content .context-menu .menu-details2 .content input.hasDatepicker, .right-content .context-menu .menu-details2 .content input.custom-input, .right-content .context-menu .menu-details2 .content input.input-text { float:left; width:85px;} .right-content #tabs ul li { text-align:center;} .right-content .layer{ margin-bottom:0;} .context-menu #map_layer li { margin-bottom:0; } .right-content .layer li { background: #eeeeee; color: #000000; height:30px; padding: 5px 8px; position: relative; border:1px solid #ddd; border-image: none; clear: both; cursor: pointer; display: block; font-family: Arial,Helvetica,sans-serif; font-weight: bold; z-index: 10; } .right-content .layer li strong{float:left;} .LabMarker {visibility: visible;white-space: normal;z-index: 10;} .LabMarker, .LabMarker tr, .LabMarker tr td{margin: 2px;padding: 2px;text-align: left;} .aboutus p strong {color:#4f4f4f;} .aboutus p {color:#4f4f4f; text-align:justify;} #ui-datepicker-div { margin-left: -45px; } /*Contact Information:*/ .public-serv-req .header-logo img.head-logo { display:inline-block; float:left; /*width:150px; height:148px;*/height: 160px; margin-left: 10px; width: 160px; } .public-serv-req .header-logo span.subtitle { display:block; font-weight:bold; font-size: 18px;} .public-serv-req .header-logo span{ font-weight:normal; font-size: 14px; line-height:18px; } .public-reuest .public-serv-req .frm add .from-addUser .cont-info li { padding-bottom:5px} .from-addUser .cont-info li { clear:both; display:table; margin-bottom:5px; width:350px;} .from-addUser .cont-info li h2 > strong { display:block; width: auto; font-size:18px;} .from-addUser .cont-info li strong { width:auto; display:block; } .from-addUser .cont-info li input.input-text { width: 300px; max-width: 300px; padding:4px; height: 32px; line-height: 1.42857; font-size: 14px; color: #333333; border: 1px solid #e5e5e5; background-color: #ffffff; margin-right: 10px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .from-addUser .cont-info li .updated-email strong { width:auto; display:inline-block; } .from-addUser .cont-info li .primary-phone strong { clear:both; display:table; width:100%;} .from-addUser .cont-info li .alternate-phone .wrap-pphone span { display:inline-block; float:left;} .from-addUser .cont-info li .primary-phone .wrap-pphone input#vPrimaryPhone1, .from-addUser .cont-info li .primary-phone .wrap-pphone input#vPrimaryPhone2, .from-addUser .cont-info li .primary-phone .wrap-pphone input#vPrimaryPhone3 { width:42px; display:inline-block; margin-right:0; float:left; } .from-addUser .cont-info li .primary-phone .pri-phone-ex { display:inline-block; width:145px; margin-left:5px; line-height: 32px;} .from-addUser .cont-info li .alternate-phone .wrap-pphone { display:inline-block; margin-left: 0px; width:170px; float:left; } .from-addUser .cont-info li .alternate-phone strong { clear:both; display:table; width:100%;} .from-addUser .cont-info li .alternate-phone .wrap-pphone input#vAlternatePhone1, .from-addUser .cont-info li .alternate-phone .wrap-pphone input#vAlternatePhone2, .from-addUser .cont-info li .alternate-phone .wrap-pphone input#vAlternatePhone3 { width:42px; display:inline-block; margin-right:0; float:left; } .from-addUser .cont-info li .alternate-phone .alternate-phone-ex {display:inline-block; width:145px; margin-left:0px; line-height: 32px;} .public-reuest .public-serv-req.contact-info .goog-te-gadget > div {left: 188px;} /*Address Requiring Service:*/ .from-addUser .add-requiring-service li input.input-text { width: 300px; max-width: 300px; padding:4px; height: 32px; line-height: 1.42857; font-size: 14px; color: #333333; border: 1px solid #e5e5e5; background-color: #ffffff; margin-right: 10px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .from-addUser .add-requiring-service li div .select { background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 0 !important; color: #333333; display: block; float: left; font-size: 14px; font-weight: 400; height: 32px; line-height: 1.42857; margin-right: 10px; max-width: 300px; padding: 4px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 300px; } .from-addUser .add-requiring-service { } .from-addUser .add-requiring-service li div strong {clear:both; display:table; width:100%;} .from-addUser .add-requiring-service li { clear:both; display:table; padding-bottom:5px} .from-addUser .add-requiring-service li h2 > strong { display:block; width: auto; font-size:18px;} /*.from-addUser .add-requiring-service li strong { width:140px; display:inline-block; }*/ .from-addUser .add-requiring-service li select { border:1px solid #e5e5e5; display:inline-block; width:155px; height: 24px; line-height: 24px;} .frmadd .from-addUser .problems-block { width:100%; padding:5px 14px 8px; border:1px solid #e5e5e5;} .from-addUser .problems-block .select-mosquito, .from-addUser .problems-block select { border:1px solid #e5e5e5; display:inline-block; border:1px solid #e5e5e5; height: 24px; line-height: 24px; /*width:40px;*/width:auto;} .from-addUser .problems-block #problem_4 select#cLocationDropOff_4 , .from-addUser .problems-block #problem_4 select#vWaterFeature_4, .from-addUser .problems-block #problem_6 select#iAnimalCondition_6 { width:120px;} .from-addUser .problems-block li, .from-addUser .problems-block li>div{ margin-bottom:5px;} .from-addUser .problems-block li div.heading, .from-addUser .problems-block li div.question-ckbox { clear:both; display:table; width:auto;} .from-addUser .problems-block li div.question-ckbox input { margin-right:5px; } .bottom-button { clear:both; display:table; width:100%;} .from-addUser .tab-outer-wrap .problems-block li div.question-ckbox { clear:both; display:table; width:auto;} .from-addUser .tab-outer-wrap .problems-block #problem_1 select { margin-right:3px;} .contact-info .problems-block .brief-desc strong { display:block;} .contact-info .problems-block .brief-desc textarea{ max-width:400px;} .public-serv-req .problems-block .question-ckbox div { float:left; margin-right:10px;} .public-serv-req .aboutus-block .detail-checklist div { width:164px;} /*.public-serv-req .aboutus-block .detail-checklist div {float:left; margin-right:10px;}*/ .public-serv-req .aboutus-block .detail-checklist div {float:left; margin-right:10px; padding: 10px; width: auto;} .public-serv-req .problems-block li div .detail-checklist div {float:left; margin-right:10px;} .public-serv-req .problems-block #problem_6 li div { float:left; margin-right:10px; } .public-serv-req .problems-block #problem_6 li div.brief-desc textarea { max-width: 400px; clear:both; display:table; } /*Aboutus*/ .from-addUser .aboutus-block li>div { margin-bottom:3px;} .from-addUser .aboutus-block li h2 > strong { display:block; width: auto; font-size:18px;} .wrap-modifyplan { width:380px; } .wrap-modifyplan span { float:left; display:inline-block; min-width:270px;} .wrap-modifyplan span inputinput[type="button"]{ min-width:160px; display:inline-block; margin-right:5px; } .btnblack {color:#fff;background-color:#808599; border-color:transparent;display: inline-block; padding:5px; margin: 5px 1px 2px; text-align: center;text-decoration:none;} .wrap-modifyplan .btnblack {color:#fff;background-color:#808599; border-color:transparent;display: inline-block;padding:5px; margin: 5px 1px 2px; min-width: 136px;text-align: center;text-decoration:none;} .btnblack:hover, .wrap-modifyplan .btnblack:hover {color: #fff; background-color: #525254;text-decoration:none;} .mode-block-left { float:left;} .mode-block-right { float:right; } .search-box {width: 100%; text-align:left; clear: both; display: table;} .search-box .title{float:left; width: 100%; margin:0 0 0 2%; font-family:arial; font-size: 14px; line-height:18px; font-weight: bold; color: #666;} .search-box .details{float:left; width: 100%; margin:0 0 0 2%; font-family:arial; font-size: 12px; line-height:18px; font-weight: normal; color: #666;} .ui-autocomplete{padding-right: 1px !important;} input.ui-autocomplete-loading {background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat !important; } /*Invoice*/ .label-advsearch .status { } .wraptabs-invoice{ margin:10px; border-radius:0;} .wraptabs-invoice #tabs, .invoice-tab { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} table#tbl_site_history tr td input[type:"checkbox"] { margin:0; } /*Adv search*/ ::-webkit-scrollbar { width: 8px;} ::-webkit-scrollbar-button { width: 8px; height:5px;} ::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px; } ::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; border-radius:10px; } ::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } /*user --------------------------------------------*/ /*user list : top search*/ .userList { } .customer-list #div_advance_search .col3 { max-width: 394px; margin-left: 10px; margin-right: 10px; float:left; } .customer-list #div_advance_search .col3 .label-advsearch { width:99px; margin-left: 10px; margin-right: 10px;} .inv-material-add .source-Add label.tech-completed { width:100%; } .inv-material-add .source-Add label.tech-completed input { display:inline-block; float:left !important; } /*ui-tabs*/ /*.invoiceTab{ clear:both; display:table; width:100%; padding:8px; border:1px solid #ddd; background: url("../images/fhbg.gif") repeat-x scroll center bottom #fafafa; }*/ .invoiceTab{ clear:both; display:table; width:100%; padding:1px; border-bottom:1px solid #ddd;} .invoice-tab { width:100%; margin-bottom:10px; clear:both; display:table;} .invoice-tab ul.ui-tabs-nav { list-style:none;} .invoice-tab ul.ui-tabs-nav li { display:table; float:left; margin-right:2px; background: url("../images/wbg.gif") repeat-x scroll center top rgba(0, 0, 0, 0); overflow: hidden;} .invoice-tab ul.ui-tabs-nav li a { padding:6px; display:inline-block;} .invoice-tab ul.ui-tabs-nav li.ui-state-active, .invoice-tab ul.ui-tabs-nav li.ui-state-active a { background:#2474F6;color:#fff; background-image:none;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #aaaaaa; color: #212121; font-weight: normal;} /*tabs */ .ui-tabs { padding: 0; position: relative;} .ui-tabs .ui-tabs-nav { background-color: #f2f2f2; border-bottom: 1px solid #dddddd; float: left; margin: 0 0 5px; padding: 0; width: 100%;} .ui-tabs .ui-tabs-nav .ui-state-default { border-left: 0 none; border-right: 1px solid #dddddd;} .ui-tabs .ui-tabs-nav li { border-bottom: 0 none !important; float: left; list-style: outside none none; padding: 0; position: relative; top: 1px; /*white-space: nowrap;*/ display:inline-block;} .ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 10px 8px; text-decoration: none; display:inline-block; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} .ui-tabs .ui-tabs-panel {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-width: 0; display: block; padding: 10px 0;} .ui-tabs .ui-tabs-panel p { margin: 5px 10px;} .ui-tabs .ui-tabs-hide { display: none !important;} /*end ui tab*/ /*----------------------------- Technician Map -----------------------------------------*/ a ,a:hover, a:active, a:focus{outline:none; text-decoration:none;} .innerMain {overflow: hidden; position: relative;} .content_home_map.map_tech{ width:100%; } .rightbar1 { padding:0; margin:0; width:18%; height:408px; overflow-y:auto; position:absolute; top:27px; right:0px; z-index: 100;transition: all 0.5s ease 0s;} .rightbar { padding:0; margin:0; width:18%; height:89%; overflow-y:auto; position:absolute; top:63px; right:0px; z-index: 100;transition: all 0.5s ease 0s;} .leftbar {left: 10px;margin: 0;overflow-y: auto;padding: 0;position: absolute;top: 158px;width: 100px;z-index: 1;} /* MainMenu */ #MainMenu { padding:0; margin:0; width:300px; height:89%; overflow-y:auto; position:absolute; top:30px; right:0px; z-index: 100;transition: all 0.5s ease 0s; } /*#MainMenu .activity-btn {float: right; padding: 1px 10px 5px; margin-right: 30px; }*/ #MainMenu .activity-btn { float: left; margin-left: 60px; padding: 0; } #MainMenu .activity-btn img {height: 24px;} #MainMenu .blue {margin:0 !important;line-height: 20px; } #MainMenu .tech-btn {width:100%; } #MainMenu .search-btn {margin-bottom: 0 !important;} #MainMenu .list-group-item {border-right:0;border-left:0;border-radius: 0; background-color: #111111; color: #ffffff; cursor: pointer; display: inline-block; float: left; font-size: 13px; font-weight: 500; line-height: 26px; padding: 6px 10px; text-align: left; text-decoration: none; text-transform: capitalize; width: 100%; } #MainMenu .list-group-item:hover {background: #45b6af;color: #ffffff;} #MainMenu .list-group.panel { background-color: #111111; border: 0 none; color: #ffffff; float: left; line-height: 26px; list-style: outside none none; position: relative; vertical-align: middle; width: 100%; } #MainMenu .list-group.panel a {border-right:0;border-left:0;border-radius: 0; background-color: #111111; color: #ffffff; cursor: pointer; display: inline-block; float: left; font-size: 13px; font-weight: 500; line-height: 26px; padding: 6px 10px; text-align: left; text-decoration: none; text-transform: capitalize; width: 100%; } #MainMenu a.list-group-item:hover, #MainMenu a.list-group-item:focus {background: #45b6af; color: #ffffff;} #MainMenu input[type="checkbox"] {background-color: #fafafa;border: 1px solid #cacece;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;display: inline-block;float: left;margin-right: 5px;margin-top: 7px;padding: 9px 6px 6px 9px;position: relative;} #MainMenu .submenu .list-group-item {padding-left: 30px !important;} #MainMenu .submenu-sub .list-group-item {padding-left: 50px !important;} #MainMenu .map-lbl {float: left;height: auto;line-height: 14px;padding-top: 0px;width: 100%;} #MainMenu .input-lbl {margin-bottom:0; } #MainMenu .map-input-text {border-radius: 0;display: inline;font-weight: 400;height: 24px;margin-bottom: 0px;padding: 3px 5px;} #MainMenu #LatitudeOneInput, #MainMenu #LongitudeOneInput {width:70%;} #MainMenu .fa {font-size:22px; float: right;margin-left: 40px;padding-top: 5px; } #MainMenu .setting-btn {background-size: 70% auto; float: right;margin: 6px 20px 0 0; } #MainMenu em.ar-up {background-size:70%;} #MainMenu em.ar-dn {background-size:70%;} #MainMenu .map-select-text {background-image: none;border: 0 none; } #MainMenu .form-all .form-control {display: inline;height: 24px;padding: 0 9px;width: auto;} #MainMenu select option {color: #111111;height: 20px;} #MainMenu #MMTR_RadiusRangeSlider, #MainMenu #PS_RadiusRangeSlider {margin:15px; } #MainMenu .ui-slider-handle {width:auto !important;} #MainMenu .tech-text{font-size: 11px;line-height: 14px;} #MainMenu .form-group {float: left;width: 100%;} #MainMenu .radio, .checkbox { margin-bottom: 0px !important; margin-top: 0px !important; } /* MainMenu */ .inner-right { padding:0;height:auto;} .layerTitle { position: relative; z-index: 4; display: block;width: 100%; height: 44px; line-height: 44px;background-color: #3D3D3D; border-bottom: 1px solid #797979;font-size: 14px; color: #fff; font-weight: 400; cursor: pointer; } .layerTitle {margin-bottom: 0; padding:0 10px;} .accordion-content { } .setting-btn { background: url('../images/setting-ico.png') no-repeat 0 0; margin:7px 0px 0 0; width:21px; height:21px; display:inline-block; float:left; background-size:94%;} .sidebar > ul > li { background-color: #111111; border-bottom: 1px solid #797979; min-height:36px; vertical-align:middle; float:left; width:100%; position:relative; list-style:none;} .sidebar > ul > li > a { color: #fff; cursor: pointer; padding:2px 10px; font-size: 13px; font-weight:bold; text-align:left; display:inline-block; width:100%; float:left; line-height:36px;text-decoration:none;} .sidebar > ul > li > a span { float:left; display:inline-block; margin-left:20px; width:65%;} .sidebar > ul > li > a em { text-align:right; height: 36px; width: 25px; padding:0 4px; font-weight:bold; display:inline-block; float:right; } .sidebar > ul > li > a:hover { color: #fff; text-decoration:none;} .sidebar > ul > li:hover { background:#45b6af; } .sidebar ul ul { display:none; } /*.sidebar > ul > li:hover > ul { display:block;}*/ .sidebar > ul > li:hover > a { background:#45b6af; color: #fff; } .sidebar ul li li { background-color: #222222; border-bottom: 1px solid #797979; float:left; width:100%; vertical-align:middle; position: relative;} .sidebar ul li li .cust-child{ top: 0px;} .sidebar ul li li a { color: #cccccc; padding:2px 14px 2px 42px; font-size:12px; font-weight:normal; line-height:34px; text-align:left; display:inline-block; width:100%; text-decoration:none;} .sidebar ul li li a span { float:left; display:inline-block; } .sidebar ul li li a em {text-align:right; height: 36px; width: 20px; padding:0 4px; font-weight:bold; display:inline-block; float:right; } .sidebar ul li li a em{ background-size: 18px 18px; height: 30px; margin-top: 2px;} .sidebar ul li li:hover { background:#444444; } .sidebar ul li li a:hover{ background:#444444; text-decoration:none; border-bottom:0px !important;} ul ul ul.sub-menu2 { display:none; } /*.sidebar > ul > li li:hover > ul { display:block;}*/ .sidebar > ul > li li:hover > a { background:#444444;} .sidebar ul li li li { background-color: #333333; border-bottom: 1px solid #797979; float:left; width:100%; vertical-align:middle; } .sidebar ul li li li a { color: #999999; padding:2px 10px; font-size: 14px; font-weight:bold; line-height:36px; text-align:left; display:inline-block; width:100%; text-decoration:none;} .sidebar ul li li li:hover,.sidebar ul li li li:hover a { background:#777; border-bottom: 1px solid #797979;} .sidebar ul li li li a:hover{ background:#777; text-decoration:none; border-bottom: 1px solid #797979;} .active1{ background:#45b6af; color: #fff;} .sub-menu{position: relative;} .sub-menu .setting-btn { background: url('../images/setting-ico.png') no-repeat 0 0; margin:7px 24px 0 0; width:21px; height:21px; display:inline-block; float:right; background-size:75%;} .sub-menu2 {} .sub-menu2 .btn-block-top{ padding: 5px 10px;} .sub-menu2 .btn-block-top input{ width:100%; padding:3px 10px; } .sub-menu2 .form-all{ padding: 5px 10px;} .sub-menu2 .form-all label{ display: block; color: #fff; font-weight: normal; font-size: 12px; line-height: 15px; padding-bottom: 3px;} .sub-menu2 .form-all input{ width: 100%;} .sub-menu2 .form-all .cust-child{padding-left: 15px;} .sub-menu2 .form-all a {padding-left: 43px;display: block; color: #fff; font-weight: normal; font-size: 12px; line-height: 15px; padding-bottom: 3px;} em.ar-up { width:21px; height:22px; display:inline-block; background: url('../images/ar-up.png') no-repeat 0 6px; float:right; } em.ar-dn { width:21px; height:22px; display:inline-block; background: url('../images/ar-dn.png') no-repeat 0 6px; float:right;} .ar-up-top { width:21px; height:22px; display:inline-block; background: url('../images/ar-dn.png') no-repeat 0 0; float:right; margin-top:10px; margin-right: 6px;} .sidebar .layerName { color: #ffffff; cursor: pointer; line-height: 36px; text-align: left; font-size: 14px;font-weight: bold; line-height: 36px; padding: 2px 10px; width: 100%; } .sidebar li input[type="checkbox"].regular-checkbox{left: 10px;top: 10px; z-index: 10; margin-right:10px; float: left; position:absolute;} .sidebar li input[type="checkbox"].child-checkbox{ left: 25px;z-index: 10;float: left; position:absolute;margin-top:13px;} .sidebar li label.layerTitle a{ display:inline-block; width:100%; } .regular-checkbox + label { padding: 0; } .layerTitle span.layerName { margin-left:30px; width:75%; } /*Checkbox*/ .regular-checkbox { display: none;} label {display: inline;} .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset; display: inline-block; padding: 9px 6px 6px 9px; position: relative; } .regular-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #adb8c0; color: #99a1a7;} .regular-checkbox:checked + label::after { color: #ff6666; content: "✔"; font-size: 18px; left: 2px; position: absolute; top: -4px;} /*99a1a7*/ .regular-checkbox + label:active, .regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset; } .child-checkbox{ display: none;} .child-checkbox + label { background-color: #fafafa; border: 1px solid #cacece;border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;display: inline-block; padding: 7px; position: relative; font-weight: normal !important;} .child-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #adb8c0; color: #99a1a7;} .child-checkbox:checked + label::after { color: #ff6666; content: "✔"; font-size: 18px; left: 2px; position: absolute; top: -4px;} /*99a1a7*/ .child-checkbox + label:active, .child-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset; } input{ /*-webkit-appearance: textfield;*/} input [type="checkbox"]{ -webkit-appearance: checkbox; box-sizing: border-box;} /*end Checkbox*/ .cust-ckbox{float: left; position: absolute; z-index: 30; top: 10px; left: 5px; } .cust-child{left:18px;margin-top:11px;position:absolute;z-index:30;} /* RADIO */ .regular-radio {display: none;} .regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative;} .regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; left: 3px; font-size: 32px; } .regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); } .regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} .big-radio + label { padding: 16px;} .big-radio:checked + label:after { width: 24px; height: 24px; left: 4px; top: 4px;} /* ------- IGNORE */ #header { width: 100%; margin: 0px auto;} #header #center { text-align: center;} #header h1 span { color: #000; display: block; font-size: 50px;} #header p { font-family: 'Georgia', serif; } #header h1 { color: #892dbf; font: bold 40px 'Bree Serif', serif;} #travel { padding: 10px; background: rgba(0,0,0,0.6); border-bottom: 2px solid rgba(0,0,0,0.2); font-variant: normal; text-decoration: none; margin-bottom: 20px; } #travel a {font-family: 'Georgia', serif; text-decoration: none; border-bottom: 1px solid #f9f9f9; color: #f9f9f9;} .wrap-layer{ background:#111111;} .tab-layer{ font-size:13px; color:#fff; background:#1e2023; padding:8px 15px; display:block; min-width:100px; } .tab-layer:hover{ background:#3d3d3d; } .tab-layer-toggle{ } .arrow-main { width:30px; height:30px; display:inline-block; background: url('../images/ar-up.png') no-repeat 0 0px; position: absolute; right: 10px; top: 3px; background-size: 30px 30px;} .arrow-red{ width:30px; height:30px; display:inline-block; background: url('../images/arrow-red.png') no-repeat 0px 0px; position: absolute; right: 10px; top: 3px; background-size: 30px 30px;} .arrow-green{ width:30px; height:30px; display:inline-block; background: url('../images/arrow-green.png') no-repeat 0px 0px; position: absolute; right: 10px; top: 3px; background-size: 30px 30px;} #tab-1 {display:block;} /* tech-map-bottom */ .tech-map-bottom{width:80%;bottom:45px;position:fixed;padding:1px;z-index:1000;} .tech-map-bottom .bottom-panel { width:100% !important;} .tech-map-bottom .bottom-panel .panel-title { position: relative; bottom: -10px;z-index: 99;background-color:#45B6AF;} .tech-map-bottom .bottom-panel .panel-content { background:#ffffff; height:130px; overflow-y:auto; width: 100%; bottom: -5px; position: relative;} .tech-map-bottom table { border-collapse:collapse; border:1px solid #ccc;font-size:12px;} .tech-map-bottom table tr th { padding:3px; border-left:1px solid #ccc; border-top:1px solid #ccc; font-weight:bold; color:#fff; background:#364150 !important; text-align:center;} .tech-map-bottom table tr th.left { text-align:left;} .tech-map-bottom table tr td { padding:3px; border-left:1px solid #ccc; border-top:1px solid #ccc; text-align:center;} .tech-map-bottom table tr td.left { text-align:left;} /*----------------------------- Technician Map -----------------------------------------* /*----------------------------- Dashboard -----------------------------------------*/ .row{ clear:both; display:table; width:auto; } .row-dash{ margin-left:0; margin-right:0;} h1.heading { font-size:24px; line-height:18px; font-weight:bold; color:#999;} h1 span.date { display:inline-block; font-size:16px; font-weight:bold; line-height:20px; padding-left:15px; margin:10px 0; color:#999;} .weather-img { display:inline-block; float:right; } .alertbox { box-shadow:0 0 2px #a2a2a2; border:2px solid #999; width:191px; min-height:230px; float:left; margin:5px 10px 10px 0; background:#ffffff; } .left-map.alertbox { border: 2px solid #999; } .alert-head {padding: 5px 10px; width: auto; display:block; background:#364150; font-size: 13px; font-weight: bold; min-height:32px; color: #ffffff;} .alert-cont { color:#333; font-size:11px; line-height:16px; min-height:} .left-map { border:2px solid #999; box-shadow:0 0 4px #ccc;} .left-map .map{width:580px; height:700px;} .form-mytask{background-color:#fff;} .leftside { width:39%; float:left; padding:10px; margin:10px 12px 10px 24px;} .rightside { width:39%; float:right; padding:10px; margin:10px 24px 10px 12px;} .alertTable { width:100%; border-collapse: collapse;} .alert-cont { font-size:14px; line-height:16px; text-align:left; text-align:justify; min-height:154px; } .Mosquito-cont .leftside {width:28.5%; float:left;} .Mosquito-cont .leftside-cust {width:28.5%; float:left; margin: 10px 10px 10px 12px;} /*cust*/ .Mosquito-cont .alert-cont .alertTable tr{ font-weight:bold; border-bottom:1px solid #CCC;} .Mosquito-cont .alert-cont .alertTable tr th, .Mosquito-cont .alert-cont .alertTable tr td{ padding:2px; color:#333; border-right:1px solid #CCC !important; border-left:1px solid #CCC !important; border-collapse:collapse; background:#ffffff !important; } .Mosquito-cont .alert-cont .alertTable tr th{ padding:4px 2px; border-top:1px solid #CCC; border-bottom:2px solid #CCC; background:#e8f6fd !important; color:#666 !important; /*color:#364150;*/} .Mosquito-cont { margin-left: 65px; width: 94.5%;} .Mosquito-cont .wrapper { padding-left:24px; } .Mosquito-cont .row { margin-left:0; margin-right:0; display:block;} .Mosquito-cont .leftside{ padding:0;} .Mosquito-cont .alert-cont { padding:3px; } .Mosquito-cont .alert-cont table thead { font-weight:bold; color:#ffffff; padding:2px; background: #45b6af;} .Mosquito-cont .alert-cont .alertTable tbody{ background:#ffffff; color:#666;} .Mosquito-cont .from-addUser .col12.formblock { border:0px solid #ccc; margin:0; overflow:hidden;} .Mosquito-cont .left-map .map { width:auto;} .Mosquito-cont .left h1{ font-size:19px; display:inline-block; margin:10px 0 10px;} .Mosquito-cont .left h4{ font-size:15px; display:block; margin:0px 0 10px;} .Mosquito-cont .left .weather-widget{margin:-5% 0 0 50%;width: 110px;} .Mosquito-cont .alertbox { width: 227px;} .Mosquito-cont .left {height: 110px;} /*-----------------------------end Dashboard -----------------------------------------*/ .user-update-label { display:inline-block; float:left; } .vertex-delete-menu { position: absolute; background: white; padding: 3px; color: #666; font-weight: bold; border: 1px solid #999; font-family: sans-serif; font-size: 12px; box-shadow: 1px 3px 3px rgba(0, 0, 0, .3); margin-top: -10px; margin-left: 10px; cursor: pointer; } .vertex-delete-menu:hover { background: #eee; } .tbl-site-opertation tr th{background-color: #CCCCCC;border: 1px solid #c2c2c2;font-weight: bold;padding:2px;} .tbl-site-opertation tr td{border: 1px solid #c2c2c2;padding:2px;} /*--------------- Public map Legend box ---------------*/ .table-legend {} .table-legend tr td{padding:5px;vertical-align:top;} .table-legend tr td.icon{text-align:center;vertical-align:top;} /*--------------- Public map Legend box ---------------*/ /*----------------- Select 2 CSS -----------------*/ .select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100% !important;} .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4 !important;border:1px solid #aaa !important;border-radius:4px !important;cursor:default !important;float:left !important;margin-right:5px !important;margin-top:5px !important;padding:0 5px !important;clear: none !important;display: inline-block !important;margin-bottom: 0px !important ;width: auto !important;font-weight: normal !important;} /*----------------- Select 2 CSS -----------------*/ /*--------------------Tecnician Map Traffic Layer ----------------------*/ .gmap-control-container {margin: 5px;} .gmap-control { cursor: pointer; background-color: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3); background-color: #FEFEFE; border: 1px solid #A9BBDF; border-radius: 2px; padding: 0 6px; line-height: 160%; font-size: 12px; font-family: Arial,sans-serif; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; margin: 5px 0 0 0; padding: 5px; } .gmap-control:hover { /*border: 1px solid #678AC7;*/ } .gmap-control-active { /*background-color: -moz-linear-gradient(center top , #6D8ACC, #7B98D9); background-color: #6D8ACC; color: #fff;*/ font-weight: bold; /*border: 1px solid #678AC7;*/ } .gmap-control-legend { position: absolute; text-align: left; z-index: -1; top: 37px; right: 0; width: 150px; height: auto; font-size: 10px; background: #FEFEFE; border: 1px solid #A9BBDF; padding: 10px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); left:0; } .gmap-control-legend ul { margin: 0; padding: 0; list-style-type: none; } .gmap-control-legend li { line-height: 160%; } /*--------------------Tecnician Map Traffic Layer ----------------------*/ /*css 03-08-2016*/ .sac-set-pwd { padding: 24px;} .sac-set-pwd h2 {margin:0 0 20px !important;position:relative !important;} .sac-set-pwd #username_input, .sac-set-pwd #password_input, .sac-set-pwd #submit {margin:0 0 20px;position:relative;height:auto;} .sac-set-pwd #submit {float:none; max-width: initial;} .sac-set-pwd #username_inputmiddle, .sac-set-pwd #password_inputmiddle {float:none;width:100%;height:auto;} .sac-set-pwd .vPassword {width: 100%;border: 1px solid #dedede;} .sac-set-pwd #url_password {top:10px;float:none;margin-top:0;} .sac-set-pwd #msg3 { top: 100%;width: 100%;z-index: 9;text-align:left;margin:-20px 0 0;position:absolute;font-size:12px; left: 20px;} //.wrappermiddle_home {height:auto;} /*= START MEDIA QUERIES =============================================================================================================*/ @media only screen and (max-width : 3200px) { .advSearch-top li.col1, .advSearch-top li.col2, .advSearch-top li.col3 { float:left; max-width: 380px; width:33%; } .auditlog-viewer .advSearch-top li.col3{ width: 380px; float:left; } .customer-list #div_advance_search .col1, .customer-list #div_advance_search .col2, .customer-list #div_advance_search .col3 { width: 380px; float:left; } .Mosquito-cont .alertbox.leftside {float: left; margin: 10px; width: 580px;} .Mosquito-cont .alertbox.leftside-cust {float: left; margin: 10px 0; padding: 10px; width: 580px;} } @media only screen and (max-width:2306px){ .Mosquito-cont .wrapper { padding-left:10px;} .Mosquito-cont .left { background:#fff; padding:3px 10px; margin:10px 0 10px; border:1px solid #ccc; } .Mosquito-cont .left h1{ font-size:19px; display:inline-block; margin:10px 0 10px;} .Mosquito-cont .left h4{ font-size:15px; display:block; margin:0px 0 10px;} .Mosquito-cont .alertbox { width: 227px;} .Mosquito-cont .alertbox.leftside { /*width: 42.5%;*/} .Mosquito-cont .alertbox.leftside-cust { /*width: 42.5%;*/} } @media only screen and (max-width:2260px){ /*.Mosquito-cont .leftside {width: 27.1%;} .Mosquito-cont .leftside-cust {width: 27.1%;}*/ /*.Mosquito-cont .row .left { width: 93%; height:75px;}*/ .Mosquito-cont .row .left { width: 93%;} } @media only screen and (max-width:2200px){ /*.Mosquito-cont .leftside {width: 27.8%;} .Mosquito-cont .leftside-cust {width: 27.8%;}*/ } @media only screen and (max-width:2160px){ /*.Mosquito-cont .leftside {width: 28.4%;} .Mosquito-cont .leftside-cust {width: 28.4%;}*/ } @media only screen and (max-width:2120px){ /*.Mosquito-cont .leftside {width: 28.9%;} .Mosquito-cont .leftside-cust {width: 28.9%;}*/ } @media only screen and (max-width:2080px){ /*.Mosquito-cont .leftside {width: 29.5%;} .Mosquito-cont .leftside-cust {width: 29.5%;}*/ } @media only screen and (max-width:1948px){ /*.Mosquito-cont .leftside {width: 31.4%;} .Mosquito-cont .leftside-cust {width: 31.4%;}*/ } @media only screen and (max-width:1920px){ /*.Mosquito-cont .leftside {width: 31.9%;} .Mosquito-cont .leftside-cust {width: 31.9%;}*/ } @media only screen and (max-width:1720px){ /*.Mosquito-cont .leftside {width: 35.5%;} .Mosquito-cont .leftside-cust {width: 35.5%;}*/ } @media only screen and (max-width:1652px){ /*.Mosquito-cont .leftside {width: 37%;} .Mosquito-cont .leftside-cust {width: 37%;}*/ } @media only screen and (max-width:1440px){ /*.Mosquito-cont .leftside {width: 42.5%;} .Mosquito-cont .leftside-cust {width: 42.5%;}*/ } @media only screen and (max-width:1280px){ .Mosquito-cont .leftside {width: 47% !important;} .Mosquito-cont .leftside-cust {width: 47% !important;} .Mosquito-cont .row .left {width: 97%;height: 125px;} } @media only screen and (max-width : 1280px){ /*.dashboard_map .bottom-panel { width: 72.8% !important;}*/ .contactList .advSearch-top li.col3 .label-advsearch{ margin-left: 10px; } } @media only screen and (max-width : 1270px){ .advSearch-top li.col1, .advSearch-top li.col2, .advSearch-top li.col3 { float:left; max-width: 380px; width:auto; } .advSearch-top li.col3 { margin-right: 10px;} .customer-list #div_advance_search .col3 .label-advsearch { width:99px !important; margin-left: 0px; margin-right: 10px; float:left;} .contactList .advSearch-top li.col3 { margin-left: 1%; margin-left: 10px;} .contactList .advSearch-top li.col3 .label-advsearch { margin-left: 0px; margin-right: 0px; } } @media only screen and (max-width : 1180px){ .mapSmall { left: -15px; position: inherit !important; top: 0; width: 63% !important; } .customer-list #div_advance_search .col3.label-advsearch { width:100px !important; } .right-content{ } } @media only screen and (max-width : 1170px){ .wrap-service-req .from-addUser .select, .wrap-service-req .formblock.left label input.hasDatepicker, .wrap-service-req .formblock.right label input { max-width:300px !important;} .wrap-service-req .from-addUser .select, .wrap-service-req .formblock.left label input.hasDatepicker, .wrap-service-req .formblock.right label input { max-width:inherit;} #mapdiv { position: inherit; top:0; left:inherit; padding-right:0; border:1px solid #e5e5e5; padding:1px;} .operation-plan .innerMain .right-content { /*width:27.8%;*/ width:290px; max-width:290px; float:right; } .customer-list #div_advance_search .col3 .label-advsearch { width:99px !important; margin-left: 0px; margin-right: 0px; float:left;} .customer-list .wrap-advsearch .advSearch-top li.col3 select#iPriceScheduleId { width:100px !important;} } @media only screen and (max-width : 1120px){ .from-addUser .source-Add .formblock ul.setspace { margin-right: 0;} .from-addUser .source-Add .formblock ul.setspaceRight { width:60%; min-width: 578px; min-width: 578px;} .innerMain.operation-plan .left-content { float: left; width: 100%;} .innerMain.operation-plan .right-content { float: left; width: 100%;} } @media only screen and (max-width:1100px){ .Mosquito-cont .leftside { width: 47.6%;} .Mosquito-cont .leftside-cust { width: 47.6%;} } @media only screen and (max-width:1024px){ .Mosquito-cont .leftside { float: left; margin: 10px; width: 48%;} .Mosquito-cont .rightside { float: left; margin: 10px 0; padding: 10px; width: 47%;} .left-map .map { height: 700px; width: 100%;} .Mosquito-cont { margin-left: 65px; width: 92.5%;} .Mosquito-cont .wrapper { padding-left: 10px; padding-right: 10px;} } @media only screen and (max-width : 1024px){ .operation-plan select{ } input, select, textarea, checkbox, radio { border-radius:0; text-shadow:none; box-shadow:none !important; border: 1px solid #e5e5e5; background:#fff;} select { /*-webkit-appearance: appearance;*/ -webkit-box-shadow:none; background-image:none; background:#fff; border: 1px solid #e5e5e5; } input, input[type="text"], input[type="password"], input[type="checkbox"] { -webkit-appearance:appearance; } select option { background:#fff; /*border: 1px solid #e5e5e5;*/ font-size:14px; line-height:18px; } .operation-plan select option { border: 0; } .operation-plan .innerMain{} .from-addUser .select { /*width:100%;*/width:96%; font-size:14px; padding:2px 5px; /*border:1px solid #e5e5e5;*/ font-weight:normal;} .from-addUser .bottom-button .btn { margin-left:16px;} .public-reuest #frmadd .from-addUser .col6 li h2 strong, .public-reuest #frmadd .from-addUser .aboutus-block li h2 strong { font-size: 18px;} .public-reuest #frmadd .from-addUser label strong { width: 25%;} .public-reuest #frmadd .from-addUser label input, .public-reuest #frmadd .from-addUser label select, .public-reuest #frmadd .from-addUser .add-requiring-service label input { width: 60%;} .public-reuest #frmadd .from-addUser .col6 li label { width: 48%;} .wrap-service-req .formblock.left label.tech-completed input, .wrap-service-req .formblock.right label.tech-completed input { float:left; margin:2px 10px 0 0; height:13px; width:13px;} .mapSmall { left:-8px !important; top: 10px !important; margin-bottom:30px;} /*.dashboard_map .bottom-panel { width: 69.3% !important; }*/ .advSearch-top select { background:url("../images/icon-down-arrow.png") no-repeat scroll 98.5% 50% #fff; border: 1px solid #e5e5e5;} .from-addUser .source-Add .formblock ul.setspaceRight { width:60%; min-width: 578px; min-width: 578px;} /*manage - sentinelsupdate*/ .mng-sentinelsupdate .from-addUser .source-Add .overflowX { background: none repeat scroll 0 0 #ffffff; border-right: 1px solid #cccccc; margin: 0 8px 0 0; width:82.5%; overflow-x: auto; } /*max-width: 647px; */ .wrap-advsearch .advSearch-top.invoice .col2 .invoice-status div span { display:inline-block; padding-left:0; } .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:30px; width:50%; max-width:400px; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-left:34px; width:50%; max-width:400px; } .customer-add .customer-add-form ul li select { -webkit-appearance: appearance; background: url("../images/icon-down-arrow.png") no-repeat scroll 98.5% 50% #ffffff; color: #000000; padding-right: 20px; } .from-addUser .source-Add .formblock li input.input-text.sm { min-width:38px; width:inherit; margin-right:0; float:left; } .contact-add .formblock li .pri-phone-ex { margin-right:0; } .from-addUser .source-Add .formblock li label strong.pri-phone-ex { float:right; } .activity-cardList .advSearch-top li.col3 { margin-left:1%; } .activity-cardList .advSearch-top li.col3 { margin-left: 5px; margin-right: 0px; width: inherit; max-width:380px; } .browse-serv-req #vPrimaryPhone { margin-left: 107px; } .browse-serv-req .advSearch-top li.col3 { margin-left:1%; } .invoice #frmlist .center { right: 380px;} } @media only screen and (max-width : 1023px){ .header-logo #google_translate_element { display:inline-block; float:right; margin-right: 10px; height: 50px; width: 300px; margin-top: 42px; position:absolute; right:10px; left:inherit; top:0; } .public-serv-req h1.moduleTitle { width:50%;} .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:30px; width:50%; max-width:400px; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-left:15px; width:50%; max-width:400px;} } @media only screen and (max-width : 960px){ .from-addUser .source-Add .formblock ul.setspaceRight { min-width: inherit; width:60%; min-width: 578px;} .mng-sentinelsupdate .mng-sentinelsupdate-right { width:60.5%; min-width:60.5%; } .mng-sentinelsupdate .from-addUser .source-Add .overflowX { width:76.8%; overflow-x: auto; } .mng-sentinelsupdate ul.testResult { padding:0 15px !important; width:100% !important;} .mng-sentinelsupdate .from-addUser .source-Add .formblock ul.setspaceRight { min-width: 506px; width: 60%;} .mng-sentinelsupdate .from-addUser .source-Add .overflowX { margin: 0; width: 76.2%;} .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:15px; width:50%; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-left:15px; width:50%; } .contactList .advSearch-top li.col3 { margin-left: 0; margin-left: 10px;} } @media only screen and (max-width : 940px){ .from-addUser .col6{/* display:table; clear:both;*/ margin-right: 10px; padding: 0 3%;} .from-addUser.userAdd .bottom-button.center-block .btn { margin-left:16px;} .public-reuest #frmadd .from-addUser .col6 li label { width: 98%;} .public-reuest #frmadd .from-addUser .aboutus-block li.detail-checklist span {width: 40%; margin:5px 5px 5px 10px;} .public-reuest #frmadd .from-addUser label input, .public-reuest #frmadd .from-addUser label select, .public-reuest #frmadd .from-addUser .add-requiring-service label input { width:70%;} .public-reuest #frmadd .from-addUser label strong.pri-phone-ex { max-width:165px; width:inherit;} .public-reuest #frmadd .from-addUser label strong { width: inherit; max-width:200px;} .public-reuest #frmadd .from-addUser label.primary-phone input#vPrimaryPhone1, .public-reuest #frmadd .from-addUser label.alternate-phone #vAlternatePhone1, .public-reuest #frmadd .from-addUser label.primary-phone input#vPrimaryPhone2, .public-reuest #frmadd .from-addUser label.alternate-phone #vAlternatePhone2 { width:inherit; max-width:40px;} .public-reuest #frmadd .from-addUser label.primary-phone input#vPrimaryPhone3, .public-reuest #frmadd .from-addUser label.alternate-phone #vAlternatePhone3 { width:inherit; max-width: 50px;} .public-reuest #frmadd .from-addUser label.updated-email strong { width:10%!important; /*max-width:160px !important;*/} .public-reuest #frmadd .from-addUser .col6 li h2 strong, .public-reuest #frmadd .from-addUser .aboutus-block li h2 strong {font-size: 18px;} .public-reuest #frmadd .from-addUser .problems-block label textarea { width:97%;} .wrap-service-req .from-addUser ul.formblock.left.col6 { width:100% !important; float:left; padding: 0 15px; margin-right: 10px;} .wrap-service-req .from-addUser ul.formblock.right.col6 { width:100%; float:left; padding: 0 15px; margin-right: 10px;} .public-reuest .header-logo img { width:60% !important; height:auto;} .tab-outer-wrap .Left-cont { width:100%; margin-bottom:15px; min-height:100px;} .tab-outer-wrap .service-reqTab { width:100%;} .header-logo #google_translate_element { position:absolute; right:20px; left:inherit; top:0; } .goog-te-gadget > div { left: 183px;} .public-serv-req .header-logo img.head-logo {max-width: 150px; width:auto; } .mng-sentinelsupdate ul.testResult { padding:0 15px !important; width:100% !important;} .mng-sentinelsupdate .from-addUser .source-Add .overflowX { margin: 0; width: 75%;} .mng-sentinelsupdate .from-addUser .source-Add .formblock ul.setspaceRight { min-width: 394px; width: 59.5%;} .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:15px; width:48%; max-width:380px; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-left:15px; width:48%; max-width:380px; } .advSearch-top li.col1, .advSearch-top li.col2, .advSearch-top li.col3 { margin-left:0; } .customer-list .wrap-advsearch .advSearch-top li.col3 select#iPriceScheduleId { width:100px !important;} .customer-list .wrap-advsearch .advSearch-top li.col3 { margin-left:0 !important;} .contactList .advSearch-top li.col3 .label-advsearch { margin-left: 0 !important; margin-right: 0px; } .contactList .advSearch-top li.col3 { margin-left: 0;} .public-reuest #frmadd .from-addUser label strong.pri-phone-ex { max-width:165px; width:inherit;} .contact-add .formblock li .pri-phone-ex { margin-right:0; } .activity-cardList .advSearch-top li.col3 { margin-left:0; } } @media only screen and (max-width : 880px){ .mng-sentinelsupdate ul.testResult { padding:0 15px !important; width:100% !important;} .mng-sentinelsupdate .from-addUser .source-Add .overflowX { margin: 0; width: 69.5%;} .mng-sentinelsupdate .from-addUser .source-Add .formblock ul.setspaceRight { min-width: 434px; width: 56%;} .advSearch-top li.col1, .advSearch-top li.col2, .advSearch-top li.col3 { margin-left:0; } .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:15px; width:50%; max-width:315px; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-left:15px; margin-left:0px; width:50%; max-width:315px;} .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:77px;} } @media only screen and (max-width : 800px){ .public-reuest img { width:40% !important; height:auto;} /*h1.moduleTitle { margin: 6% 0 7px;}*/ .wrap-service-req .formblock.left.col6 { width:100% !important; float:left; padding: 0 15px; margin-right: 10px;} .from-addUser.userAdd .bottom-button.center-block { width:100%; margin-left:0px;} /*.content_home_map { width: 72%;}*/ .from-addUser .site-Add .formblock.col6, .from-addUser .site-Add .formblock.col6.left { width: 96% !important;} /*.wrap_dashbord_map .dashboard_map { max-width: 66.6%; width: 66.6%; } .content_home_map.map_tech { width: 66.9%;}*/ .mng-sentinelsupdate .site-Add .formblock.col6.mng-sentinelsupdate-left { width:50% !important; min-width:inherit; float:left;} .mng-sentinelsupdate .site-Add .formblock.col6.mng-sentinelsupdate-right { width:50% !important; min-width:inherit; float:right;} .mng-sentinelsupdate .from-addUser .source-Add .formblock ul.setspaceRight { min-width: 340px; width: 50%;} .mng-sentinelsupdate ul.testResult { padding:0 15px !important; width:50% !important;} .mng-sentinelsupdate ul.testResult { min-width: 690px !important;} .mng-sentinelsupdate .from-addUser .source-Add .overflowX { margin: 0; width: 61.9%;} .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:42px;} .wrap-tbl1 { overflow-x:auto; display:block; width:800px; } } @media only screen and (max-width : 768px){ .from-addUser.formblock.col6 { width: 98% !important;} .from-addUser .from-addUser-inner .input-text, .outertable-settings .input-text { max-width:300px; width:inherit;} .from-addUser .from-addUser-inner .select { max-width:300px; width:96%; } .from-addUser .formblock.col6 { width:48%; padding: 0 15px; margin-right:10px; float: left; display:table;} .from-addUser .source-Add .formblock.col6 { width:48%; padding: 0 0 0 15px; margin-right:0px; float: left; display:table;} .from-addUser .source-Add .formblock ul.setspace { padding: 0 0 0 10px; } .from-addUser .source-Add .formblock ul.setspaceRight { width:60%; min-width: 578px; min-width: 578px; padding: 0 0 0 10px;} .from-addUser .userAdd .setspace { width:30%; min-width:320px; margin-right:0;} .from-addUser .userAdd .setspaceRight { width:30%; min-width:305px; margin-right:0; display: block; float: left;} .wrap-service-req .from-addUser ul.formblock.right.col6 { width:100% !important;} /*.dashboard_map .bottom-panel { width:59% !important;}*/ .innerMain.operation-plan .left-content { float: left; } .mng-sentinelsupdate .from-addUser .source-Add .formblock ul.setspaceRight { min-width: 328px; width: 50%;} .mng-sentinelsupdate ul.testResult { min-width: 673px !important;} .mng-sentinelsupdate .from-addUser .source-Add .overflowX { margin: 0; width: 60.3%; } .wrap-advsearch .advSearch-top.invoice { width: 100%;} .wrap-advsearch .advSearch-top.invoice .col2 .invoice-status { width: 100%; padding-right:0;} .wrap-advsearch .advSearch-top.invoice .col2 .invoice-status div span { display:inline-block; padding-left:0; } .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:10px; max-width:310px; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-right:0; max-width:320px;} .wrap-advsearch .advSearch-top.invoice .col1 { margin-right:24px; width:50%; max-width:315px; } .wrap-advsearch .advSearch-top.invoice .col2 { margin-left:15px; margin-left:0px; width:50%; max-width:315px;} .customer-list .wrap-advsearch .advSearch-top li.col3 { margin-left:0 !important; clear:both; display:table;} .contactList .advSearch-top li.col3 { margin-left: 0;} .activity-cardList #frmlist .center { right: 405px;} .browse-serv-req .advSearch-top li.col3 { margin-left:0; } .inv-material-add .from-addUser .source-Add .formblock li { width:86%; display: block;} .inv-material-add .from-addUser .formblock li .wrap-material-App { display:block !important; width:100%;} #SiteBlockMapdiv { width:590px !important;} .save-record, #save_record { margin-left:0;} .adultSurveillance #tbl_species { width:84%; white-space:normal; overflow-x: auto; display: block;} .wrap-tbl1 { overflow-x:auto; display:block; width:700px;} } @media only screen and (max-width:768px){ .Mosquito-cont .wrapper { padding-left:0; } .Mosquito-cont { margin-left: 65px; width: 90%; } .Mosquito-cont .left-map .map { width: 626px; } .left-map .map .row { width:100%; height:700px; margin-left:0; margin-right:0; } .left-map .map { width:100%; height:700px; } .alertbox { margin:10px; } .Mosquito-cont .row .left { margin:10px 10px 10px 10px; width:98%; } .Mosquito-cont .left-map .map { width: auto; } .Mosquito-cont .leftside { padding: 0; margin:10px; width: 95%; } .rightside { float: none; margin-bottom: 15px; width: 95% !important; } .Mosquito-cont .rightside { float: none; margin: 10px; padding: 10px; width: 47%; } .Mosquito-cont .left-map .map { width: auto; }/*664*/ .Mosquito-cont .alertbox.leftside-cust { float: none; width:auto; } .Mosquito-cont .alertbox.leftside { float: none; margin: 10px; width: 97% !important; } .Mosquito-cont .alertbox.leftside-cust { float: none; width: auto; margin:15px 10px !important; width: 97% !important; } .wrap-rating .rating { width: 35% !important; } .wrap-rating .rating-star { width: 40% !important; margin-top: 5px;} } /* iPads (landscape) ----------- */ @media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .col2Form .col2 ul { width:340px; margin:0px 10px;} .right_side { float: left !important;} .col2Form .col2 li input[type=text] { padding:5px 0px;} .select, .input, .textarea {/*max-width:180px;*/ max-width:inherit; width:100%;} .from-addUser .col12 { width:100%; padding: 16px 8px;} .save-record { margin-left: 20px;} } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .divBlock { width:100%; float:left;} .col2Form .col2 ul { width:320px; margin:0px 10px;} .right_side { float:right !important;} .col2Form .col2 li input[type=text]{ padding:5px 0px;} .from-addUser .formblock.col6.cont-info { margin-right: 0px; } .from-addUser .formblock.col6.add-requiring-service { margin-right: 0px; padding: 0 15px; } .header-logo #google_translate_element { margin-top:0;} } @media only screen and (max-width:710px){ .leftside { width:auto; margin:10px 10px 10px 0; float:none; } .rightside { width:auto; margin-bottom:15px; float:none;} } @media only screen and (max-width : 680px){ .main-outertable tr td { padding:5px;} .main-outertable tr:last-child td:last-child { padding:5px;} .from-addUser .source-Add .bottom-button { padding:0 15px; margin-left:15px; clear:both;} .public-serv-req h1.moduleTitle { margin: 35px 0 7px 20px; width: 44%; } /*.wrap_dashbord_map .dashboard_map { max-width: 60.2%; width: 60.2%; } .dashboard_map .bottom-panel {width: 53.8%;}*/ } @media only screen and (max-width : 568px){ .from-addUser ul { margin-right: 0; margin-bottom:10px; width: 100% !important; padding: 0;} .from-addUser .source-Add .bottom-button { padding:0; margin-left:0; clear:both; display:table;} .from-addUser .source-Add .formblock li input.input-text, .from-addUser .source-Add .formblock li select { width:100%; max-width: inherit;} .from-addUser .source-Add .formblock li input.hasDatepicker { width:75%; max-width: inherit; } .from-addUser .source-Add .formblock.col6 { padding:0;} .from-addUser .col12 { padding: 16px 0; width: 100%; } .from-addUser .col6 { width: 100%; margin-right: 0;} .from-addUser .col12.formblock { border:0;} .formblock .center-block input , .center-block input { margin-left:0 !important;} .wrap-service-req .formblock.left.col6 { width:100%; padding: 3px 0px !important;} .wrap-service-req .formblock.right.col6 { width:100%; padding: 3px 0px !important;} .wrap-service-req .from-addUser .select, .wrap-service-req .formblock.left label input.hasDatepicker, .wrap-service-req .formblock.right label input { float: left; max-width: 100%; padding: 3px 0px !important;} .wrap-service-req .formblock label textarea { max-width:100%;} .wrap-service-req .formblock textarea { width: 100% !impotant;} .wrap-service-req .formblock.right label > span { width:100%;} .public-reuest .header-logo img { width:80%; height:auto;} .from-addUser.userAdd .bottom-button.center-block { width:100%; margin-left:16px;} } @media only screen and (max-width : 568px){ .from-addUser .source-Add .formblock li label { display:block; } /*.dashboard_map .bottom-panel { width: 44.8%; } .wrap_dashbord_map .dashboard_map { max-width: 51.2%; width: 51.2%; } .content_home_map { width: 89%;} .content_home_map { width: 98%;} .sidebar_home_map { width: 200px;}*/ .search-links li { margin: 10px 5px 0px 0px;} } @media only screen and (max-width : 479px){ /*user add*/ .from-addUser .userAdd .select, .from-addUser .userAdd .input-text { max-width:inherit; width: 70%; } .from-addUser .userAdd .formblock.col6 { padding-left:0; margin-left:0; } .from-addUser .col12.formblock { margin-top:0; padding-top:0; } .from-addUser.userAdd .bottom-button.center-block { margin-left:0px;} .col2Form .col2 li strong {display: block;} .public-reuest #frmadd .from-addUser label strong { width: 100%;} .public-reuest #frmadd .from-addUser label input, .public-reuest #frmadd .from-addUser label select, .public-reuest #frmadd .from-addUser .add-requiring-service label input { width:100%; margin: 0;} .public-reuest #frmadd .from-addUser .problems-block label textarea { width: 97%;} .public-reuest #frmadd .from-addUser label strong { width:98%;} label.primary-phone strong { display:block; max-width:inherit; width:100% !important; } .public-reuest #frmadd .from-addUser label strong { max-width:100%; width:100%;} .from-addUser .source-Add .formblock li input.input-text, .from-addUser .source-Add .formblock li select { max-width: inherit; width: 74%;} .from-addUser .source-Add .formblock li input.hasDatepicker { width:60%; max-width: inherit;} /*.wrap_dashbord_map .dashboard_map { max-width: 40.6%; width: 40.6%;}*/ } @media only screen and (max-width :400px){ .Mosquito-cont .alertbox.leftside { float: none; margin: 10px; width: 87% !important; } #MainMenu { width: 244px; } } @media only screen and (max-width : 320px){ .fancybox-skin { padding:10px !important; } .wrap-frmfilter { height: auto !important; width: 250px; } .wrap-larvae span { width:100%; margin-right:0; margin-bottom:5px;} .wrap-stageFound label { width:42%;} } /*for safari crome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .status-link { margin-top: 0px; } } //:27-7-16 for for task score of "good" or better using some kind of password detection //@import url(https://fonts.googleapis.com/css?family=Signika:400,700|Courgette); * { box-sizing: border-box; } #password-strength-meter{ display:none; } #password-strength-text{ color: #346; } section { margin: 0em auto 0; width: 100%; max-width: 800px; } meter { Reset the default appearance -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 auto 1em; width: 90%; height: 0.3em; Applicable only to Firefox background: none; background-color: rgba(0,0,0,0.1); } meter::-webkit-meter-bar { background: none; background-color: rgba(0,0,0,0.1); } meter[value="1"]::-webkit-meter-optimum-value { background: red; } meter[value="2"]::-webkit-meter-optimum-value { background: yellow; } meter[value="3"]::-webkit-meter-optimum-value { background: orange; } meter[value="4"]::-webkit-meter-optimum-value { background: green; } meter[value="1"]::-moz-meter-bar { background: red; } meter[value="2"]::-moz-meter-bar { background: yellow; } meter[value="3"]::-moz-meter-bar { background: orange; } meter[value="4"]::-moz-meter-bar { background: green; } .feedback { color: #9ab; font-size: 90%; padding: 0 .25em; font-family: Courgette, cursive; margin-top: 1em; } /* end media queries ===========================================================================================*/ /* End Stylesheet -----------------------------------------------------------* * *------------------------------------------------------------------------*/