#wpbody #wpbody-content .form-box{width:100%;}
#my-form .main-divi{display:inline-block !important;position:relative !important;width:100%;}
.form-box #my-form .contact-list h1{background:#03a9f4 url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/add-staff.png) no-repeat scroll 18px center / 28px auto;border:1px solid #03a9f4;color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;padding:15px 10px 15px 56px;text-align:left;}
#my-form > div > label{font-size:18px;font-weight:bold;}
#my-form{background:#fff none repeat scroll 0 0;box-shadow:0 3px 2px rgba(0, 0, 0, 0.2);height:auto;margin-top:54px;padding-bottom:10px;width:99%;}
.box{padding:10px;display:block;overflow:hidden;position:relative;}
.box .two-section .main-divi .feedback-input{border-radius:0 !important;box-shadow:none;font-size:14px;height:35px;padding:5px 5px 5px 40px;margin:2px 0 15px;width:100%;background:#fff;}
.main-divi select{border-radius:0 !important;box-shadow:none;font-size:14px;height:35px;padding:5px 5px 5px 40px;}
#my-form .box .two-section{float:left;padding:0 1% 2%;width:48%;}
#my-form .btn-center{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border-color:#ddd;border-style:dashed none none;border-width:1px medium medium;overflow:hidden;padding:20px 0 10px;text-align:center;width:100%;}
#my-form .box .btn-center .btn-submit{background:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/add-document.png) #03a9f4;border:3px solid #03a9f4;background-position:10px center;background-repeat:no-repeat;background-size:20px 20px;height:auto;padding:8px 11px 8px 41px !important;transition:all 0.3s ease 0s;color:#fff;}
#my-form .box .btn-center .btn-submit:hover{background:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/add-document.png) no-repeat #03a9f4;background-position:10px center;background-size:20px 20px;box-shadow:0 0 0 2px #0375a8 inset !important;color:#fff;cursor:pointer;padding:4px 17px;}
.btn-upload{float:left;width:26%;}
.show-text{opacity:0;position:absolute;transition:all 0.3s ease;top:-15px;color:#03a9f4;transform:translateY(0.5em);}
.feedback-input:focus::-webkit-input-placeholder{opacity:0;}
.feedback-input:focus + .show-text{opacity:1;transform:translateY(0px);}
.feedback-option:focus + .show-text{opacity:1;transform:translateY(0px);}
.register{overflow:hidden;width:100%;}
#my-form .box .two-section .main-divi #staff_title{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/money-bag.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #posi_title{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/title.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #retirement{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/retire-amount.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #name{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/name.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #salary{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #grade{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #inc_date{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/date.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #inc_amt{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #position_number{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/working-position.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #subtotal{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #retire_ddi{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #social_secure{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #medicare{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/medical.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #medical{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/medical.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #dental{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/healthy-tooth.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #total_benefit{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #total_amt{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/salary.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
#my-form .box .two-section .main-divi #life{background-image:url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/life-amount.png);background-position:10px;background-repeat:no-repeat;background-size:20px 20px;}
.custom-tbl .dataTables_wrapper{width:98%;border:none;border-radius:4px;background:#fff;box-shadow:0px 3px 2px rgba(0, 0, 0, 0.2);padding:16px 1%;}
 
.custom-tbl .tbl-head{background:#03a9f4 url(//doa.guam.gov/wp-doa-content/plugins/Display-Staff/icons/eye.png) no-repeat scroll 18px center / 28px auto;border:1px solid #03a9f4;color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;margin:20px 0 0 !important;padding:15px 10px 15px 56px;text-align:left;}
.contact-table{border:1px solid #ccc;}
.entry-content .sort_by_d.staff_sorting{margin-bottom:20px !important;display:inline-block !important;width:49.7% !important;padding:0 0px 0 10px !important;}
.entry-content .sort_by_d.staff_sorting:first-child{padding-left:0 !important;}
.entry-content .sort_by_d.staff_sorting label{font-size:16px;font-family:Helvetica, sans-serif;}
.entry-content .sort_by_d.staff_sorting select{border-radius:0 !important;}
#content.site-content{padding:5px !important;}
.display-staff .main-table-div .staff-div .panel-body{border-top:0 !important;padding:15px 0 !important;}
.panel .panel-heading.table-heading{color:#ffffff !important;background-color:#428bca !important;border:1px solid #428bca !important;border-radius:0 !important;padding:10px 12px !important;}
.main-table-div .panel-heading.table-heading h4{padding-bottom:5px;}
.display-staff .panel-title a, .display-staff .panel-title a:hover{color:#fff !important;cursor:pointer;font-family:Helvetica,sans-serif;font-weight:600;font-size:20px;text-decoration:none !important;box-shadow:none !important;}
.display-staff .main-table-div .panel.staff-div .table-head .divTableCell{color:#333;font-size:14px;letter-spacing:0px;font-family:Roboto,sans-serif;}
.display-staff .table-head thead th{border:1px solid #ccc !important;background:#e9e9e9 !important;}
.total-sub{color:#5A5757;font-size:13px;}
.display-staff .table-head .divTableCell, .display-staff .table-head .divTableHead{border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;display:table-cell;padding:3px 10px;clear:both;word-break:break-word;}
.staff-div .table-head tbody tr td, .staff-div .table-head tfoot tr td{font-size:12px !important;}
.staff-div .table-head tbody tr td{font-weight:normal;color:#5A5757 !important;}
.staff-div .table-head tfoot tr td{font-weight:bold;color:#5A5757 !important;}
.display-staff .panel.main-table-div{padding:0 !important;box-shadow:none !important;border:none !important;}
.display-staff .panel-body .divTable{display:block !important;border:none !important;}
.display-staff .divTableBody .table-head.divTableRow  th, td{min-width:100px !important;}
.display-staff .panel-body .divTable .divTableBody{overflow-x:scroll !important;width:98% !important;margin:0 auto !important;display:block !important;}
.display-staff .table-head.divTableRow{width:100% !important;}
.display-staff .demo .dpt-total-head h3 *::before{background:#aaa none repeat scroll 0 0;content:"";display:block;height:1px;position:absolute;right:100%;top:50%;width:15%;}
.display-staff .demo .dpt-total-head h3 *::after{background:#aaa none repeat scroll 0 0;content:"";display:block;height:1px;position:absolute;right:100%;top:50%;width:15%;}
.display-staff .table-head  tfoot td{font-weight:bold;}
.display-staff .table-head  thead th{text-align:center;vertical-align:middle;}
.dept_total.sort_by_drop{margin:15px 0 25px;}
.dept_total .total-sub-main .total-sub{display:inline-block;margin-right:15px;}
.all .demo .dept_total .total-sub-main .total-sub span{font-weight:bold;padding-right:5px;color:#5a5757;}
.dept_total .total-sub-main .total-sub:last-child{margin-right:0 !important;}
.entry-content .grand_total{background:#33a2a8 none repeat scroll 0 0 !important;box-shadow:0 0px 6px rgba(0, 0, 0, 0.5) !important;margin:auto;padding:10px;width:100%;margin-bottom:20px;}
.display-staff .dpt-total-head h3 span{font-weight:bold;font-size:26px;color:#5A5757;}
.grand_total .total-sub-main .total-sub{display:inline-block;margin-right:9px;}
.grand_total .total-sub-main .total-sub span{font-weight:bold;padding-right:5px;color:#5A5757 !important;}
.grand_total .total-sub-main{padding-top:15px;background:#fff;}
.grand_total .total-sub:last-child{margin-right:0 !important;}
.entry .grand_total.sort_by_drop{background:#ddd;padding:20px 3px;}
.grand-total-head h3{margin:0 0 2px !important;}
.entry-content .grand_total .grand-total-head h3 span{font-weight:bold;font-size:30px;color:#fff;}
.all.display-staff .demo{margin-bottom:10px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.5);}
.entry hr{border:0 #000 dashed !important;border-top-width:1px !important;}
.custom-tbl .dataTables_wrapper .paging_simple_numbers .disabled{cursor:no-drop;}
.text-right{text-align:right;}
@media screen and (max-width: 640px) and (min-width: 320px) {
#my-form .box .two-section{float:left;padding:0 1% 2%;width:100%;}
.entry-content .sort_by_d.staff_sorting{width:100% !important;padding:0 !important;}
.display-staff .demo .dpt-total-head h3 *::before{display:none;}
.display-staff .demo .dpt-total-head h3 *::after{display:none;}
.display-staff.dept_total.sort_by_drop .total-sub-main{overflow-x:hidden;}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.display-staff.dept_total.sort_by_drop .total-sub-main{overflow-x:hidden;}
.contact-area .site-main article .entry-content{width:auto !important;}
.display-staff .demo .dpt-total-head h3 *::before{display:none;}
.display-staff .demo .dpt-total-head h3 *::after{display:none;}
}
@media screen and (max-width:782px){
input[type=text], input[type=search], input[type=password], input[type=email], input[type=number]{
padding: 8px 5px 5px 50px !important;
}
#upload_image_button { width:auto !important; }
.register { display: block; overflow:hidden; }
}