@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap'); body { font-family: 'Lato', sans-serif !important; font-size: 16px; padding: 0; margin: 0; background: #F5F5F5; } #pg-header { font-family:'Lato', sans-serif; color:black; font-size: 18px; text-align: right; text-transform: none; height:89px; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; top:0; } /*--- container ---*/ .h-container { width: 85% !important; margin: auto !important; } .b-container { width: 85% !important; margin: auto !important;} .p-container { width: 100% !important; margin: auto !important; background:#DFD4D7; min-height: 152px; } .c-container { width: 85% !important; margin: auto !important; background:#F5F5F5; } .f-container { width: 100% !important; margin: auto !important; background:#F5F5F5; min-height: 85px; } .md-container { width: 100% !important; margin: auto !important; background:#F5F5F5; padding: 0 20px 0 20px; height: 100% !important; } .nav-container { width: 85% !important; margin: auto !important; } .nav-left { width: 80%; float: left; } .nav-right { min-width: 20%;} .cwrapper { padding: 20px 0; min-height:526px; } .cwrapper-main-header { color: #4E2E2D; font-weight:bold; font-size: 2em !important; padding-left:10px; padding-bottom:5px;} .taskwrapper { background:#EEEEEE; min-height: 156px; box-shadow: 5px 0 5px -5px #4E2E2D; } .activitywrapper { background:#F5F5F5; } .h-container .taskwrapper { margin:0 !important; padding:0 !important;} .h-container .linkwrapper { background: #DFD4D7;} .h-container .dvInnerLink { background: #EEEEEE; box-shadow: 5px 0 5px -5px #4E2E2D; } .bgTask { background: #DFD4D7;} /*--- breadcrumb ---*/ .pg-breadcrumb-container { width: 100% !important; margin: auto !important; background:transparent !important; padding:14px 15px 0 10px; border-bottom: 1px solid #ccc;} .pg-breadcrumb { width: 85% !important; padding:0; position: relative; top: 0;} .breadcrumb { background-color: transparent !important; cursor:pointer; display:inline-flex; padding:0 !important; } .sp-breadcrumb_active { vertical-align: top;} /*--- footer ---*/ .main-footer { width: 85%; margin: auto !important; padding-top:30px; } .main-footer .right { padding-right: 0;} .main-footer .center { text-align:center; } .split-footer { margin-right:20rem !important;} .split-footerlink { margin-right:1rem !important;} /*---- Listing Table ----*/ table.listing { width:95%; margin:0.5em 2em 2em 2em; padding:0; border-bottom: 1px solid #e5dddf; overflow-y:hidden;} .listing-header th, .listing-row td, .listing-alt-row td { padding:0 5px 0 5px; vertical-align:top; } .listing-header th { font-weight:bold; border-bottom:2px solid #B29FA4; line-height:1.1em; padding: 15px 20px; } .listing-header th a { font-weight:bold; color: black !important; text-decoration: none; } .listing-header th span.th-arrow { background:transparent url(../images/controls/arrow_black.png) no-repeat 4px 5px; padding:0 0 2px 20px; } .listing-row td, .listing-alt-row td{ height:40px; vertical-align:top; padding:15px 20px; color:#555555; font-size:15px;} .listing-alt-row td { background-color: #eee;} .listing-empty { text-align:center;color:#808080; font-size: 14px; font-weight:bold; font-style:italic; } .pager table { border:0; float:right; margin:5px 0; } .pager table td { line-height:18px; margin:5px; padding:4px 10px 4px 0; font-size:13px;} .pager-counter span { color:#8E4343; font-weight:bold;} .pager table td span { font-weight:bold;} .table-responsive { background-color: #fff !important;} table.listing .pager:last-child { border-top: 2px solid #E5DDDF; opacity:1; } /*---- Modal Listing Table ----*/ .table-modal-listing { width:95%; margin:0.5em 2em 2em 1em; padding:0; border-bottom: 1px solid #e5dddf; overflow-y:hidden;} .table-modal-listing th { background-color: #eee; font-weight:bold; border-bottom:2px solid #B29FA4; line-height:1.1em; padding: 7px 10px; text-align:center; color:#000000; } .table-modal-listing td { height:10px; vertical-align:top; padding:6px 10px; color:#555555; text-align:center; color:#555555; } .modal-alt-row { font-weight:bold; text-align:center; border-bottom: 1px solid #e5dddf;} /*---- JQS Listing Table ----*/ table.tblListing { width:98%; margin:0.5em 0 0.5em 0; padding:0; border-bottom: 1px solid #e5dddf;} .tblListing th, .tblListing td { border:solid 1px #ccc ; padding:3px 10px; vertical-align:top; } .tblListing th, .tblListing .tblHeader td { text-align:center; color:#555555; background-color:#E6DFE1; } .tblListing-empty { font-size:14px; text-align:center; color:#555555; padding-bottom:7px; border-bottom: 1px solid #e5dddf; } /*--- navigation bar - menu ---*/ .h-box { box-shadow: 0 3px 6px #ddd;} .navbar { padding:0 !important; } .navbar-brand { float:left; padding: 0; display:flex; } .navbar-toggler { opacity: 1; border:none; padding:29px 23px !important; background-color:#D9B7C0; } .navbar .navbar-header,.navbar-collapse { float:none; display:inline-block; vertical-align: top; width:350px; } .navbar-collapse { height:auto; overflow-y:auto; overflow:hidden; z-index: 999; position:relative; border-left: 2px solid #EEE; border-right: 2px solid #EEE; } .navbar-brand img { margin-top: 10px; height: 45%; width:45%; opacity: 1; } .text-nowrap { white-space: nowrap !important;} .ml-auto, .mx-auto { margin-left : auto !important;} .mr-auto, .mx-auto { margin-right : auto !important; } .flex-row { flex-direction: row !important} .navbar-nav { flex-direction:column; list-style:none; text-align: right; padding: 0; border-top: 1px solid #ddd;} .navbar-light .navbar-nav .nav-item { border-top:0; background: #FFF 0% 0% no-repeat padding-box; border-bottom: 1px solid #EEE; opacity: 1; display:block;} .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: #9E3039; letter-spacing: 0; background:#ECDBDF;} .navbar-light .navbar-nav .nav-item a { padding:15px 40px 15px 20px; width:350px; text-align:left; height:auto; } .navbar-light .navbar-nav { border-top: 1px medium #333; } .navbar-light .navbar-nav .nav-link { height:52px; background:#fff; color: #4E2E2D; text-align:left; letter-spacing: 0; margin:0; opacity: 1; } .navbar-light .navbar-nav .nav-link:hover { color: #9E3039; letter-spacing: 0; margin:0; opacity: 1; background-color:#ececec !important;} #dropdown-toggle-icon { background:#fff url(../images/controls/expandarrow.png) center no-repeat; font-weight:bold; width:0px; height:0px; padding:0px 0px 25px 30px; border-style:none;} .navbar-nav .dropdown-menu { border: 0; border-radius: 0; margin: 0; padding: 0; font-size: 18px !important; padding-left: 30px; padding-right: 20px; } .navbar-nav > .nav-item:nth-child(1) .dropdown-menu,.navbar-nav > .nav-item:nth-child(2) .dropdown-menu, .navbar-nav > .nav-item:nth-child(3) .dropdown-menu, .navbar-nav > .nav-item:nth-child(4) .dropdown-menu { border-left-color: #f8f9fa; } .navbar-nav .dropdown-menu .dropdown-item { border:0 !important; border-bottom: 1px solid #EEE; } .dropdown-item:focus, .dropdown-item:hover { color: #9E3039 !important; text-decoration:none !important; background-color:#ececec !important;} #breadcrumb-icon { background:transparent url(../images/controls/breadcrumb_arrow.png) center center no-repeat; font-weight:bold; width:0px; height:0px; vertical-align:central; padding:7px 0px 7px 30px; border-style:none; margin-top:7px; vertical-align:baseline;} a:hover #dropdown-toggle-icon, a:focus #dropdown-toggle-icon { background:#ececec url(../images/controls/expandarrow.png) center no-repeat; } .dvHomeActivityList { margin-top: 40px; background: transparent 0% 0% no-repeat padding-box;} .dvHomeActivityList .table-responsive { box-shadow: 5px 0 5px -5px #4E2E2D;} .navbar-light .navbar-toggler-icon { background-image: url(../images/template/menu.png); background-size: 210% 96%; } /*--- form ---*/ a { color: #9E3039; cursor:pointer; } .h2, h2 { font-size:32px !important; } h2.subheader { background:#E6DFE1; color:#4E2E2D; vertical-align:middle; line-height:1em; padding:15px 20px 15px 25px; margin:15px 0 0 0; font-size: 24px !important; } h3.subheader { vertical-align:middle; line-height:1em; padding-bottom: 10px; font-size: 20px; } h1.formheader { font-size: 24px; margin:0 0 10px 10px; text-align:center; } h4.subHeader { background:#cacfd2; vertical-align:middle; padding:10px 10px 10px 10px; margin:15px 0 0 0; font-size: 15px; font-weight:bold; } h5.subheader { background:#E4D9DA; color:#555555; vertical-align:middle; line-height:1em; padding:15px 20px 15px 25px; margin:15px 0 0 0; font-size: 18px; } .iptform h3 { border-bottom: 2px solid #EEB5C0; margin:0 0 5px 8px; font-size: 24px; } .iptform h1.formheader { font-size: 32px; margin:0 0 2px 10px;} .iptform .formsubheader { font-weight:bold; } .form-group, .form-group-readonly,.label-group { padding: 0 10px;} .form legend,.searchform legend,.iptform legend { padding: 0 1rem; } .form .clear,.searchform .clear, .iptform .clear { padding-bottom: 1rem; } .form fieldset,.searchform fieldset { background-color:#fff; } .form fieldset { padding: 15px 20px; } .searchform fieldset { padding: 15px 35px 0 20px; } .iptform .fswhite h4.subHeader { padding-left: 20px;} .iptform .instruction { padding: 0 0 2px 0; } .iptform .fswhite, .iptformVerify .fswhite, .iptformClosure .fswhite, .iptformLegal .fswhite, .iptformPreview .fswhite { background-color:#fff; } .iptform .fswhite { padding: 7px 35px 10px 20px; } .iptform .fswhite .row { padding-top: 7px; padding-left:10px;} .iptform .fswhite .dvStageStatusBox .row { padding-top:0; padding-left:0;} .iptform .fswhite .dvStageStatusBox .form-inline .form-inline-row { display: block; margin: 10px 0 10px 0; } .pad-9 { padding:9px;} .pad-19 { padding:9px 5px 0px 23px;} .iptform .fswhite .fsDetails .row { padding: 0 0 2px 10px;} .iptform .lrow-group { padding-top: 12px;} .form fieldset .fsDetails { border: 1px solid #CEBFC3; padding: 0.2rem 1rem 1rem 1rem; margin-left: 12px; margin-top: 15px; } .form .fsDetails legend { font-size: 1.26rem; padding: 0 1rem; width:auto; } form fieldset .fsBox { background-color:#e5e7e9; } .iptform .fsDetails legend { font-size: 1.26rem; padding: 0 1rem; width:auto;} .iptform .fsBoxHeader { background-color:red;} .form-compulsory { color: red; padding-left: 0.5rem; } .form-error-summary { color: red; } .form-error { color: red; } .form-error span { margin-left: 0; } .btnWrapper { padding: 20px 10px; } .iptform .btnWrapper { padding: 20px 0; } .btnAckWrapper { padding: 20px 0; } .btn-primary { color: #fff !important ; background-color: #915250 !important ; border-color: #915250 !important; font-family: 'Lato', sans-serif !important; margin-right:1rem; width:auto; margin-bottom: 7px; min-width: 80px;} .btn-primary-export { color: #fff !important ; background-color: #CE4265 !important ; border-color: #CE4265 !important; font-family: 'Lato', sans-serif !important; margin-right:1rem; width:auto; margin-bottom: 7px; min-width: 80px;} .btn-secondary { color: #fff !important ; background-color: #CE4265 !important ; border-color: #CE4265 !important; font-family: 'Lato', sans-serif !important; width:auto; font-size: 0.8rem; padding: 5px 12px; margin-left:7px; margin-right: 7px; border-radius: .1rem; min-width: 130px;} .btn-grey { color: #4E2E2D !important ; background-color: #C9CAC8 !important ; border-color: #C9CAC8 !important; font-family: 'Lato', sans-serif !important; width:auto; font-size: 0.8rem; padding: 5px 12px; margin-left:7px; margin-right: 7px; border-radius: .1rem; min-width: 140px; font-weight:bold;} .btn-small { color: #fff !important ; background-color: #915250 !important ; border-color: #915250 !important; font-family: 'Lato', sans-serif !important; width:auto; font-size: 0.8rem; padding: 5px 12px 5px 5px; margin-right: 7px; border-radius: .1rem; min-width: 110px;} .btn-login { color: #fff !important ; background-color: #915250 !important ; border-color: #915250 !important; font-family: 'Lato', sans-serif !important; width:auto; font-size: 0.9rem; padding: 5px 12px; border-radius: .3rem; min-width: 110px; width: auto; margin: 20px 5px;} .btn-login-group { color: #fff !important ; background-color: #915250 !important ; border-color: #915250 !important; font-family: 'Lato', sans-serif !important; width:auto; font-size: 0.9rem; padding: 5px 12px; border-radius: .3rem; min-width: 110px; width: auto; margin: 0 0 5px 15px;} .buttonHL { color: #4E2E2D !important ; background-color: #fff !important ; border-color: #fff !important; font-family: 'Lato', sans-serif !important; width:auto; font-size: 17px; padding: 7px 25px; box-shadow: 2px 2px 0px #d3d3d3; border-radius: 3px; min-width: 110px; text-decoration:none; cursor: pointer; } .split { margin-right:7rem !important; padding-top: 15px; } .split-lg { margin-right:8rem;} .split-sm { margin-right:5rem;} .split-sh { margin-right:2rem !important;} .split-xs { margin-left:1rem !important;} .split-between { margin-left:1rem !important; margin-right:0.5rem !important;} .split-duration { margin-left: 15px; margin-right: 10px;} .split-longl { float:left; width: 40%; padding-right: 30px; font-weight:bold; } .split-longr { float:left; width: 60%; } .split-left-50 { float:left; width: 40%; padding-right: 30px; font-weight:bold; } .split-right-50 { float:left; width: 60%; } .split-md-l { float:left; width: 40%; padding-right: 30px; font-weight:bold; } .split-md-r { float:left; width: 60%; } .split-mdr-l { float:left; width: 40%; padding-right: 30px; font-weight:bold; } .split-mdr-r { float:left; width: 60%; } .split-md-l-5 { float:left; width: 50%; padding-right: 30px; font-weight:bold; } .split-md-r-5 { float:left; width: 50%; } .split-sm-l { float:left; width: 10%; padding-right: 20px; } .split-h-left { float:left; width: 50%; } .split-h-right { float:left; width: 50%; text-align:right; } .split-small { margin-left:3rem !important; margin-right:0.5rem !important;} .row { margin-left:0 !important;} .form-label { font-weight:bold; padding-right:20px; } .form-control { height:calc(1.6em + .6rem + 2px); padding: 3px 10px !important; background-color:#fff !important; font-family: 'Lato', sans-serif !important; font-size: 14px !important;} textarea.form-control { height:auto !important; } .form-textarea { height:calc(1.6em + .6rem + 2px); padding: 3px 10px !important; display:block; width: 100%; font-weight:400; color:#495057; background-color: #fff; background-clip:padding-box; border:1px solid #ced4da; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; min-height: 100px;} .form-counter { font-size: 14px; padding-top:7px;} .hasDatepicker { height:calc(1.6em + .6rem + 2px); padding: 3px 10px !important; background-color:#fff !important; font-family: 'Lato', sans-serif !important; font-size: 14px !important;} .form-date-textbox { border:1px solid #ced4da; width: 150px; height:calc(1.6em + .6rem + 2px); padding-left: 5px; } .form-date-textbox:focus { color:#495057; border-color:#80bdff; outline:0; box-shadow: 0px 0px 0px 0.2rem rgba(0,123,255,0.25);} .datepicker { font-size: 16px;} .datepicker img { cursor: pointer; width:24px; height: 21px; margin-top:10px; } .ui-datepicker-trigger { padding: 0 0 0 0.3rem;} .cal-clear { width: 24px; padding: 0.1rem 0 0 0.3rem; } .acknowledgement { padding: 10px; color:blue;} .acknowledgement-ipt { color:blue;} .right { float: right;} .form-note { font-size: 13px; color: grey;} .form-disabled { font-family: 'Lato', sans-serif !important; font-size: 16px; font-weight:normal; display:block; } .form-textbox { padding-left: 10px;} .none { display:none; } .hide { display:none; } a.paperItem { background:transparent url(../images/controls/ic_file.png) no-repeat 0 0; padding:0 0 2px 30px; } div.paperItem { background:transparent url(../images/controls/ic_file.png) no-repeat 0 0; padding:0 0 2px 30px; } a.docItem { background:transparent url(../images/controls/ic_file.png) no-repeat 0 0; padding:0 0 2px 30px; } a.deleteItem { background:transparent url(../images/controls/ic-cancel.gif) no-repeat 0 0; padding:0 0 2px 20px; } a.clearItem { background:transparent url(../images/controls/ic_clear.png) no-repeat 0 0; padding:0 0 25px 30px; overflow: hidden; zoom:0.7; -moz-transform:scale(0.5); -moz-transform-origin: 0 0; vertical-align: top;} a.editItem { background:transparent url(../images/controls/ic-edit.gif) no-repeat 0 0; padding:0 0 2px 20px; } a.iconItem { background:transparent url(../images/controls/ic_info.png) no-repeat 0 0; padding:8px 0 20px 30px; overflow: hidden; zoom:0.7; -moz-transform:scale(0.5); -moz-transform-origin: 0 0; vertical-align: baseline;} a.expand_all { background:#E6E1E3 url(../images/controls/ic-add.png) center right no-repeat; padding: 4px 35px 6px 5px; border-radius:3px; cursor:pointer; text-decoration: none; color:#555555; font-size:16px; font-weight:bold; } a.collapse_all { background:#E6E1E3 url(../images/controls/ic-collapse.png) center right no-repeat; padding: 4px 35px 6px 5px; border-radius:3px; cursor:pointer; text-decoration: none; color:#555555; font-size:16px; font-weight:bold;} a.header_expand { background: #E6E1E3 url(../images/controls/ic-add.png) center left no-repeat; padding: 4px 5px 6px 45px; border-radius: 3px; cursor: pointer; text-decoration: none; font-size: 16px; font-weight: bold; margin-left:13px;} a.header_collapse { background: #E6E1E3 url(../images/controls/ic-collapse.png) center left no-repeat; padding: 4px 5px 6px 45px; border-radius: 3px; cursor: pointer; text-decoration: none; font-size: 16px; font-weight: bold; margin-left:13px;} .dvError { padding: 20px 15px; color: red;} .clearfix:after { clear: both; content: ''; display: block;} .label-group .split-l { float:left; width: 20%; } .label-group .split-r { float:left; width: 80%; } .label-group .split-sm-l { float:left; width: 10%; } .label-group .split-sm-r { float:left; width: 90%; } .split-date { margin-right:1rem !important;} .split-date { display: inline-block;} .aligncenter { text-align:center;} .alignright { text-align:right;} .spbase { vertical-align:baseline;} input[type="checkbox"] { font-family: 'Lato', sans-serif !important; font-size:16px; margin:0 0.5rem 0 0.5rem !important; vertical-align:middle; width:17px !important; height:16px !important;} .form-checkbox { width:350px; height:15px; } table.form-checkbox { margin-top: 10px;} .form-checkbox label { margin-bottom: 1px !important;} .form fieldset .fsDetails .form-checkbox label { margin-bottom: -12px !important;} .form-label-tooltip { font-size: 12px; color: grey; padding: 0 0 0 5px; display:inline; vertical-align:middle; } .form-label-tooltip-hide { color:#e5e7e9;font-size: 10px;} span .subheader { font-weight:bold; text-decoration: underline; vertical-align:bottom; } .hcolorline { margin-top:-7px; margin-bottom:1rem; border:0; border-top:2px solid #EEB5C0; margin-left:10px;} .btnWrapper .left { width:50%; float:left; display:table-cell; } .btnWrapper .right { width:50%; float:right; display:table-cell; text-align:right;} .instruction,.instruction-1 { font-size: 13px; font-style:italic; } [type=checkbox]:disabled, [type=radio]:disabled { cursor:not-allowed;} .bold { font-weight:bold;} .hasHeader { padding-top: 20px;} .form-radio { list-style-type: none; } .error { margin-top: 5px;} .clearboth { clear: both;} div { color: #555555;} input.hasDatepicker { display: inline-block; vertical-align:middle;width:90%;margin:0 5px 0 0;} .split-l0 { float:left; width: 2%;} .split-l { float:left; width: auto;} .split-l2 { float:left; width: 20%;} .split-l2-5 { float:left; width: 25%;} .split-l3-5 { float:left; width: 35%;} .split-l3-7 { float:left; width: 37%;} .split-l3 { float:left; width: 30%;} .split-l4 { float:left; width: 40%;} .split-l5 { float:left; width: 50%;} .split-l5-5 { float:left; width: 55%;} .split-l6 { float:left; width: 60%;} .split-l6-3 { float:left; width: 63%;} .split-l6-5 { float:left; width: 65%;} .split-l7 { float:left; width: 70%;} .split-l7-4 { float:left; width: 74%;} .split-l2-8 { float:left; width: 24%;} .split-l0-5 { float:left; width: 0.5%; background: #DFD4D7;} input[type=radio] { vertical-align: middle; } .iptformVerify .instruction { padding: 5px 10px 5px 20px;} .iptformClosure .instruction { padding: 5px 10px 5px 20px;} .iptformLegal .instruction { padding: 5px 10px 5px 20px;} .iptform .instruction-1 { padding: 5px 10px 5px 20px;} .iptformVerifyDetails { margin: 15px 30px;} .iptformClosureDetails { margin: 15px 30px;} .iptformLegal .form { margin: 2px 20px 15px 20px;} .iptformLegal .form fieldset { padding: 0 5px 5px 25px;} .iptformLegal .form fieldset .fsDetails { margin: 0 0 15px 0;} .iptformLegal .form fieldset .fsDetails legend { font-size: 16px; padding: 0 1rem; width:auto;} .iptformLegal .form fieldset .fsReminder { border: 1px solid #CEBFC3; padding: 0.2rem 1rem 1rem 1rem; margin: 0 0 25px 0; background-color: #fcf3cf;} .iptformLegal .form fieldset .fsReminder legend { font-size: 16px; padding: 0 1rem; width:auto; font-weight:bold;} .iptformLegal .btnWrapper { padding-left: 25px;} .fileLabelTemplate { font-size: 13px; font-weight:normal; padding-left: 20px;} label { margin-bottom:0;} .iptform .label-group { padding-left:0;} .row .form-group .form-control, .row .form-group .RadComboBox { margin-top: 7px;} .label-row { display:flex; padding-left: 10px !important;} .input-group-append .btn-secondary { margin-top: 5px;} .full-height { height:100%;} .col-md-5-5 { flex: 0 0 12.3%; max-width: 12.3%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .underline { text-decoration:underline;} .activityPadding { padding-left:0;} .tooltip-hide-short { width: 29px; background: #e5e7e9; border-radius: 10%; display: inline-block; } .tooltip-hide-long { background: #e5e7e9; border-radius: 10%; display: inline-block; color:transparent; font-size: 8px; } .float-sm-left { display:flex;} .col-xl-5-5 { width: 47.999999995%; flex: 0 0 47.999%; max-width: 47.999%;} .col-xl-5-4 { width: 47.666667%; flex: 0 0 47.666667%; max-width: 47.666667%;} .clearThicker { padding-bottom: 1.5rem;} .clearThick { padding-bottom: 1rem;} .clearThin { padding-bottom: 0.5rem;} form fieldset .fsTableBox { background-color:#e5e7e9; margin: 5px 10px 5px 10px; } form fieldset .fsTableBox .subHeader{ background:#cacfd2; vertical-align:middle; padding:10px 7px 10px 7px; margin:10px 0 0 0; font-size: 15px; font-weight:bold; } form fieldset .fsTableBox .subContent { vertical-align:middle; padding:7px 7px 7px 7px; margin:0; } form fieldset .fsTableBox .subContentAlt { background-color:#f4f6f8; vertical-align:middle; padding:10px 7px 7px 7px; margin:0; } .fsTableBox .form-group { padding:0; margin-bottom:0; margin-right:10px;} .fsTableBox .row .form-group .form-control { margin-top:0;} form .dvTableBoxHeader { margin: 5px 10px 5px 10px; font-weight:bold; } form .top10 { margin-top:10px;} form .top15 { margin-top:15px;} .fsAdjustment .row .form-group .form-textarea { width:99%;} .dvRevision .split-col-1 { float:left; width: 50%; padding-right: 30px; } .dvRevision .split-col-3 { float:left; width: 65%; padding-right: 30px; } .dvRevision .split-col-2 { float:left; } .dvRevision .split-col-1 .bold { padding-right:50px;} .dvRevision .split-col-3 .bold { padding-right:50px;} .dvRevision .dvRevisionList { padding-left:0;} /*---- Miscellaneous ----*/ .dvFy .form-label { display: block !important; margin-bottom: 0 !important; } .dvIptParagraph div { padding: 10px 8px; } .dvSamplefile { padding: 5px 10px 10px 25px; } .spTab { padding-right: 10px;} .spLeftTab { float:left; width: 2%;} .spRightTab { float:left; width: 98%; padding: 0 8px 15px 5px;} .dvsfHeader { font-weight:bold; } .label_base_sm { margin-top: 30px;} .dvDateDurationTips { font-size:14px; font-weight:bold; color:black; padding: 0 0 20px 5px; width: 600px; } .dvStageStatusBox { border: 1px solid #C9CAC8; border-radius: 5px 5px 5px 5px; -moz-border-radius: 10px; padding: 7px 10px 7px 0; margin: 15px 10px 5px 25px; } .dvStageStatusBox .split-left-50 { font-weight:bold;} .NonExceptionIptHeader { padding-top: 5px; padding-left: 15px; font-weight:bold; font-size: 14px;} .NonExceptionIpt .fsDetails { margin:0 17px 0 15px !important; } .NonExceptionIpt .row { margin:0 17px 0 15px !important; } .dvExpandCollapseAll { padding: 0 2px 17px 5px; font-size: 14px;} .expand_all { margin-right: 20px;} .collapse_all { margin-right: 7px;} .dvProfileBox .row { /*padding-top:20px; padding-bottom:10px;*/} .dvProfileBox .row img { margin-left: 20px; margin-top: 6px;} .dvProfileName { color:#4E2E2D; font-size:24px; font-weight:bold; letter-spacing: 0;} .dvProfileRole { padding-top: 2px; width:auto;} .box-label { text-align: center; font-size: 14px; font-family: Lato; width: auto; height: 24px; padding: 3px 5px 3px 5px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 3px; opacity: 1; color:#241414; text-align: center; letter-spacing: 1.4px; text-transform:uppercase; vertical-align:middle; } .dvActivityTaskBox .subheader-home, .linkwrapper .subheader-home { color:#333333; font-family: 'Lato', sans-serif !important; font-size:17px; font-weight:bold; text-align: left; letter-spacing: 0; opacity: 1; background: #FFFFFF; vertical-align: middle; line-height: 1em;padding: 15px 20px; /*margin: 15px 0 0 0;*/ } .dvActivityTaskBox .c2 .col1 { float:left; text-align: left; font: Regular 17px/21px Lato; letter-spacing: 0; color: #9E3039; opacity: 1; margin-right: 5%; } .dvActivityTaskBox .c2 .col2 { float:left; text-align: left; font: Regular 17px/21px Lato; letter-spacing: 0; opacity: 1; min-width: 300px; } .dvActivityTaskBox .c2 .col3 { float:left; text-align: left; font: Regular 17px/21px Lato; letter-spacing: 0; opacity: 1; } .dvActivityTaskBox .c2 .col1 li { list-style:none; padding: 5px 0 5px 5px;} .dvActivityTaskBox .c2 .col2 li { list-style:none; padding: 5px 0 5px 0;} .dvActivityTaskBox .c2 .col3 li { list-style:none; padding: 5px 0 5px 0;} .dvActivityTaskBox div { padding: 3px 5px 0 0;} .dvActivityTaskBox .c2 a { text-decoration:none;} .dvRevisionList { display:flex; font-family: 'Lato', sans-serif; } .iptform .col-md-5-5 { flex:0 0 47.666667%; max-width:47.666667%;} .dvtopline { margin-top: -7px;} .dvDirParagraph div { margin: 5px 5px 10px 0;} .dvLinkItem div { margin: 7px 5px 7px 15px;} .dvLinkItem { padding-top: 5px; padding-bottom: 25px;} .homeEmptyRow { margin: 10px 10px 10px 20px;} .spNumber { float:left; width: 2%; margin-left: 10px; margin-right: 20px;} .spContent { float:left; width: 95%; } .dvBottom10 { padding: 20px 8px; } /*---- Authentication ----*/ .formLoginMain { margin:10px; padding-left: 50px;} .formLoginMain .m-header { margin-top: 20px; font-size: 30px; margin-bottom: 10px; } h3.loginheader { vertical-align:middle; line-height:1em; padding-bottom: 10px; font-size: 23px !important; } .formLogin .dvInstruction { margin: 15px 0; } .formLogin .form-radio label { padding: 5px 20px 5px 10px} .formLogin .form-radio { margin:0; padding:0; padding-bottom: 10px;} .formLogin .form-group { padding:0 !important;} .formLogin .note { padding:15px 0 !important; } .formLogin .note div { padding:1px 0; } .formLogin .dvRoleList { padding:0.2rem 0.3rem 0.5rem 0.5rem; border:1px solid #9E3039; } .formLogin .dvOtp fieldset legend,.formLogin .dvRoleList legend { width:200px; padding-left:15px;} .note { color:#666; font-size:14px; font-style:italic; padding: 10px 10px;} .formLogin .dvOtp .form-error-summary { padding: 0 10px;} .fsForgot .form-group { margin:0;} .dvleft { margin-left: 25%;} .dvmiddle { width: 50%;} .fsForgot .btn-wrapper { margin-left: 8px;} .dvCenter { text-align:center;} .dvCenter10Percent { margin-left: 10%; font-weight:bold;} .dvCenter15Percent { margin-left: 15%; font-weight:bold;} .dvCenter20Percent { margin-left: 20%; font-weight:bold;} .dvfileView .col1 { display:table-cell; min-width:200px; background:#F2F2F2 url(../images/controls/ic_file.png) no-repeat 5px 5px; border:1px solid #D1D1D1; vertical-align:middle; padding: 5px 5px 5px 35px; border-radius: 5px 5px 5px 5px;} .col1 a { padding-bottom: 15px; font-size: 15px;} .col2 { display:table; } .dvCaptcha { padding-top: 15px;} .dvfileView .col3 { display:table-cell; padding-left:20px; vertical-align:middle; font-size: 14px;} .dvfileView { margin-bottom:10px; width:100%; margin-right: 2%; } .exception { font-size: 13px; padding-left: 10px;} .dvfile { display:table;} /*----- file upload ------*/ .hypAddfiles { padding-left: 10px; font-size: 15px;} .dvAddFiles { margin-top: 10px;} .inputfilemultiple { margin-left: 20px; } .file-upload-wrapper { margin-top:10px; margin-bottom:10px; } .inputfilemultiple input[type=file] { margin-right:5px; height:27px; font-size: 14px; display:-webkit-inline-box; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/} a[href$='.doc'], a[href$='.docx'] { background: transparent url(../images/controls/ic_plus.png) center left no-repeat; padding-right: 18px; padding-left: 23px; color:#666 ; text-decoration:none;} .dvfileUpload { padding-top: 5px;} .input-file { border: 1px solid #ccc; display: inline; padding: 6px 120px; cursor: pointer;} .dvInputFiles { display:inline; } .fileDownload .col2 { padding: 0 0 5px 0;} .inputfilemultiple input[type=button] { font-size: 14px;} .fileDownload { padding-top: 5px;} .fileDownload a { font-size: 14px;} .importNotes { font-size: 16px; font-weight:normal; } .importNotes div { padding-top:8px;} .fileborder { border: 1px solid #555555!important} /*---- SubMenu ----*/ ul.subMenu, .subMenu li { background:#EAB8BF; line-height:1.2em; margin:0; padding:0; } ul.subMenu { font-size:16px; margin-bottom:10px; color:#333333; } .subMenu li { float:left; list-style:none; list-style-image:none; padding:10px 5px; width:180px; height:42px; text-align:center; border-bottom:1px solid #fff; } .subMenu li:not(:first-child) { border-left:1px solid #fff; } .subMenu li a { color: #333333; font-weight:bold; } .subMenu li a:focus, .subMenu li a:hover { text-decoration:none; } .subMenu li span { color:#fff; font-size:0.9em; font-weight:normal; } .subMenu li.selected { background:#fff; border-bottom:solid 1px #fff; } .subMenu li.selected a { color:#333333; } .subMenuWide li { width:220px !important;height:43px !important; } /*---- Activity SubMenu ----*/ ul.subMenuHome, .subMenuHome li { background:#E6DFE1; line-height:1.2em; margin:0; padding:0; } ul.subMenuHome { font-size:18px; margin-bottom:10px; color:#4E2E2D; } .subMenuHome li { float:left; list-style:none; list-style-image:none; padding:13px 5px; width:230px; height:57px; text-align:center; border-bottom:1px solid #fff;} .subMenuHome li:not(:first-child) { border-left:1px solid #fff; } .subMenuHome li a { color: #4E2E2D; font-weight:bold; } .subMenuHome li a:focus, .subMenuHome li a:hover { text-decoration:none; } .subMenuHome li span { color:#fff; font-size:0.9em; font-weight:normal; } .subMenuHome li.selected { background:#fff; border-bottom:solid 1px #fff; } .subMenuHome li.selected a { color:#4E2E2D; } .subMenuWide li { width:220px !important;height:43px !important; } /*---- RadComboBox ----*/ .RadComboBox .rcbInput,.RadComboBox .rcbEmptyMessage { font-family: 'Lato', sans-serif !important; font-size: 14px !important; font-style:normal !important; color:#ddd; } .RadComboBox_Default .rcbReadOnly { background-color:#fff !important; background-image:none !important; } .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered,.RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered { font-family: 'Lato', sans-serif !important; font-size: 14px !important; font-style:normal !important; color:black !important;} .RadComboBoxDropDown input[type="checkbox"] { margin:3px 6px 3px 4px !important; } .cboDepartmentBulk { Width:41% !important;} .rcbCheckBox { height: 17px !important; width: 17px !important;} .rcbCheckAllItemsCheckBox { height: 17px !important; width: 17px !important;} .iptformVerify input[type="radio"] { margin:3px 6px 3px 0; } .iptformVerify .form-radio label { margin:0 16px 3px 2px; } .iptformClosure input[type="radio"] { margin:3px 6px 3px 5px; } .iptformClosure .form-radio label { margin:0 25px 3px 2px; } .iptformLegal input[type="radio"] { margin:3px 6px 3px 5px; } .iptformLegal .form-radio label { margin:0 25px 3px 2px; font-size:16px; } div.rcbScroll { overflow: auto !important; } /*---- CheckBox ticked color change ----*/ input[type="checkbox"]:checked + label::after { content: ''; position: absolute; width: 2ex; height: 1.1ex; background: rgba(0, 0, 0, 0); top: 0.3ex; left: 0.2ex; border: 3px solid #9E3039; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input[type="checkbox"] { line-height: 2.1ex; } .aspNetDisabled input[type="checkbox"]:checked + label::after { content: ''; position: absolute; width: 2ex; height: 1.1ex; background: rgba(0, 0, 0, 0); top: 0.5ex; left: 0.2ex; border: 3px solid #555555; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .iptform input[type="checkbox"] { position: absolute; left: -999em; } input[type="checkbox"] + label { position: relative; overflow: hidden; cursor: pointer; } input[type="checkbox"] + label::before { content: ""; display: inline-block; vertical-align: -10%; height: 2.2ex; width: 2.2ex; background-color: white; border: 1px solid rgb(166, 166, 166); border-radius: 4px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.25); margin-right: 0.5em; } /*---- Radio Button ----*/ input[type="radio"] { position: relative; height: 15px; width: 15px; box-sizing: border-box; margin: 0; } .aspNetDisabled input[type="radio"]:checked { border-radius: 50%; font-weight:bold; } .aspNetDisabled input[type="radio"]:checked::after { position: absolute; content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #646464; border: 1px solid #555555; } [type=radio]:disabled:checked::after { position: absolute; content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #646464; border: 1px solid #555555;} /* Paging ----------------------------------*/ .table-responsive div.paging { padding-right: 45px; padding-bottom: 10px; font-size:13px;} .paging { padding-top:15px; padding-bottom:10px; text-align:right; } .paging a.pageAction { padding:0 3px; font-size:13px; } .paging a.pageAction img { margin-bottom:-3px; width:16px; height:16px;} .paging span { margin-left:2px; font-size:13px; } .paging span a { padding:0 5px; } .paging span b { padding:0 5px; color:#666; font-weight:normal; } .paging a { font-size:13px;} .dvPagination .form-textbox { width: 35px; height: 5%; color: #CE4265; border: 2px solid #CE4265; font-size:14px; font-weight:bold; } .dvPagination { color:#CE4265; } .dvPagination input[type=submit] { color:#CE4265; background-color: white; border: 2px solid #CE4265; text-decoration: none; /*margin: 1px 1px; padding: 1px 3px 1px 5px;*/cursor: pointer; font-size:14px; font-weight:bold; } /* Expand/Collapse ----------------------------------*/ .header-expand { background:#E4D9DA url(../images/controls/ic-add.png) right 10px center no-repeat; color:#555555; vertical-align:middle; line-height:1em; padding:15px 20px 15px 25px; margin:15px 0 0 0; font-size: 18px; } .header-collapse { background:#E4D9DA url(../images/controls/ic-collapse.png) right 10px center no-repeat; color:#555555; vertical-align:middle; line-height:1em; padding:15px 20px 15px 25px; margin:15px 0 0 0; font-size: 18px; } .header-expand a,.header-collapse a { display: block; text-decoration: none; color:#555555; } .statusListing .header-collapse { background: #cacfd2 url(../images/controls/ic_collapse_grey.png) right 10px center no-repeat;} .statusListing .header-expand { background: #cacfd2 url(../images/controls/ic_expand_grey.png) right 10px center no-repeat;} ul.ulQuickLink, .ulQuickLink li { line-height: 1.5em; margin: 3px 3px 3px 7px; padding: 0; } ul.ulQuickLink { font-size: 16px; margin-bottom: 10px; color: #4E2E2D;} .QuickLinkSection .header-expand { background:url(../images/controls/ic-add.png) left 10px center no-repeat; vertical-align:middle; line-height:0.5em; padding:7px 15px 13px 45px; margin:15px 0 0 0; font-size: 18px;} .QuickLinkSection .header-collapse { background:url(../images/controls/ic-collapse.png) left 10px center no-repeat; vertical-align:middle; line-height:0.5em; padding:7px 15px 13px 45px; margin:15px 0 0 0; font-size: 18px;} /* ---- PRINT MEDIA ---- */ @media print { body { background:#fff; color:#000; font-size:12pt; } a { color:#0000ff; text-decoration:underline; } #pg-header, #pg-footer { display:none; } } @media (min-width: 992px){ .homeDataRow .container { max-width:820px; padding-left: 15px;} } @media (min-width: 1200px){ .homeDataRow .container { max-width:1280px; } } @media (min-width: 1900px){ .homeDataRow .container { max-width:1800px; padding-left: 15px;} } /* ---- TABLET ---- */ @media only screen and (max-width:1450px){ .split-sm { margin-right:1.5rem;} } @media only screen and (max-width:1400px){ .split-sm { margin-right:1rem;} } @media only screen and (max-width:1100px) { .label-group .split-sm-l { float:left; width: 30%; } .label-group .split-sm-r { float:left; width: 70%; } .split-l7-4 { width: 63%;} .split-l2-8 { width: 35%;} .dvActivityTaskBox .c2 .col1, .dvActivityTaskBox .c2 .col3 { min-width: 300px;} .spContent { float:left; width: 92%; } } /* ---- MOBILE ---- */ @media only screen and (max-width:900px) { .full-height { height: auto; } .iptform .col-md-5-5 { flex:0 0 99.666667%; min-width:99.666667%; padding-right: 30%;} } @media only screen and (max-width:836px) { body { width:auto; } .h-container { width: 95% !important; margin: auto !important;} .b-container { width: 95% !important; margin: auto !important;} .c-container { width: 95% !important; margin: auto !important; background:#F5F5F5; } .f-container { width: 100% !important; margin: auto !important; background:#F5F5F5; min-height: 85px; } .m-container { width: 100% !important; margin: auto !important; background:#F5F5F5; } .nav-container { width: 95% !important; margin: auto !important;} .pg-breadcrumb { width: 95% !important; padding:0; position: relative; top: 0;} .main-footer { width: 95%; margin: auto !important; padding-top:30px; } .cboDepartmentBulk { Width:96% !important;} #pg-header, #pgContent, #pg-footer { padding:0px 20px; } .dvleft { margin-left: 20%;} .formLoginMain { margin:10px; padding-left: 20px;} .iptform .fsMarginR fieldset .row { margin-right: 1%;} .iptform .fswhite { padding:0;} .split-md-l { float:left; width: 40%; padding-right: 10px;} .split-md-r { float:left; width: 60%; } .dvIpadView .split-md-l { float:left; width: 48%; padding-right: 10px;} .dvIpadView .split-md-r { float:left; width: 52%; } .split-mdr-l { float:left; width: 95%; padding-right: 10px;} .split-mdr-r { float:left; width: 5%; } .split-longl { float:left; width: 40%; padding-right: 10px;} .split-longr { float:left; width: 60%; } .split-l { float:left; width: 40%; padding-right: 10px; } .split-r { float:left; width: 50%; } .label-group .split-sm-l { float:left; width: 30%; } .label-group .split-sm-r { float:left; width: 70%; } .dvfileView .col1 { margin-right:10%;} .dvActivityTaskBox .c2 .col1 { margin-left: 10%;} .dvActivityTaskBox .c2 .col2 { margin-left: 10%;} .dvActivityTaskBox .c2 .col3 { margin-left: 10%;} #litFooterLink span a { display:inline-block;} .dvbaseline .btn-secondary { min-width:140px; } .split-l2-5 { width: 37%;} .lable-hide-long { width: 255px; background: #fff; border-radius: 10%; display: inline-block; } .iptformLegal .form fieldset { padding: 0 5px 5px 5px;} .split-l7-4 { width: 55%;} .split-l2-8 { width: 43%;} .form-label-tooltip { display:block;} .dvIpadView .form-label-tooltip { display:inline !important;} .tooltip-hide-long { display:none;} .split-sm { margin-right:4rem;} .dvStageStatusBox .form-inline-row { min-width:35%;} .dvfileView .col3 { display:block; padding-left:5px;} .dvRevision .split-col-1 { float:left; width: 80%; padding-right: 30px; } .dvRevision .split-col-3 { float:left; width: 80%; padding-right: 30px; } .dvRevision .split-col-2 { float:left; width: 100%; } } /* ---- MOBILE ---- */ @media only screen and (max-width:750px) { body { width:auto; } .h-container { width: 95% !important; margin: auto !important;} .b-container { width: 95% !important; margin: auto !important;} .c-container { width: 95% !important; margin: auto !important; background:#F5F5F5; /*min-height: 100px;*/} .f-container { width: 100% !important; margin: auto !important; background:#F5F5F5; min-height: 85px; } .m-container { width: 100% !important; margin: auto !important; background:#F5F5F5; } .nav-container { width: 95% !important; margin: auto !important;} .pg-breadcrumb { width: 95% !important; padding:0; position: relative; top: 0;} .main-footer { width: 95%; margin: auto !important; padding-top:30px; } .formLoginMain .btn-login { width:100%; } .cboDepartmentBulk { Width:96% !important;} #pg-header, #pgContent, #pg-footer { padding:0px 20px; } .dvleft { margin-left: 10%;} .dvStageStatusBox .col-sm-5 { margin-right: 10%;} .split-mdr-l { float:left; width: 40%; padding-right: 10px;} .split-mdr-r { float:left; width: 60%; } .dvMobileNext { /*margin-left: 11px;*/ margin-top: 10px;} .dvIpadView .split-md-l { float:left; width: 40%; padding-right: 10px;} .dvIpadView .split-md-r { float:left; width: 60%; } .pad-19 { padding:9px 5px 0px 10px;} } @media only screen and (max-width:670px) { .split-sm { display:none;} .form-radio td { display: flex; } } @media only screen and (max-width:490px) { #pg-header .project { padding-right:50px; } .cboDepartmentBulk { Width:96% !important;} .formLogin .textcontainer { margin-bottom: 10px; display: inline; text-align:left; } .formLoginMain .btn-login { width:100%; } .dvleft { margin-left: 5%;} .formLoginMain { margin:10px; padding-left: 0;} .iptform .col-xs-3 { padding-top: 10px; display:-webkit-inline-box; margin-left:-5px !important; width:100%;} .col-xs-3 .btn-secondary { width: 100%;} .IptFormSubMenu .subMenu li { width: 50%;} .dvStageStatusBox { padding-left:0; margin-left: 7px;} .main-footer div { text-align:left;} .split-longl { float:left; width: 30%; padding-right: 2px;} .split-longr { float:left; width: 50%; } .split-left-50 { float:left; width: 50% !important; padding-right: 2px;} .split-right-50 { float:left; width: 50%; } .dvstageRow { margin-top: 10px !important;} .iptformVerify .instruction { padding:0 !important;} .dvExpandCollapseAll { padding: 10px 2px 17px 5px;} .header-expand, .header-collapse { padding: 15px 20px 15px 10px;} .iptformVerifyDetails { margin: 15px 15px 15px 15px;} table.listing { margin: 0.5em 0.5em 0.5em 0.5em;} .iptform .fswhite { padding: 7px 0 10px 0 !important; } .split-l7-4 { width: 100%;} .split-l2-8 { width: 100%;} .subMenuHome li { width: 50%; margin-bottom: 2px;} .form-radio li { white-space: normal !important; padding-bottom: 5px; } .radioFsBox { padding: 0 2px 10px 2px; } .formLogin .form-radio label { display: block !important; margin-left: 15px; margin-top: -23px; padding:5px 5px 5px 5px;} .noLabel .form-label { display:none;} .searchform fieldset { padding:15px 15px 0 10px;} .listing .btnWrapper { padding:15px 25px 0 20px;} .iptform .btn-primary { width:auto;} .col-xl-5-5, .col-xl-5-4, .split-l2-5 { width: 100%; flex:auto; max-width: 100%;} .RadComboBox { width: 100% !important;} .form-label-tooltip { display:inline; font-size:11px;} .hideMobileView { display:none;} .noLabel .form-label-tooltip { display:none;} .iptform .fswhite h4.subHeader { padding-left: 5px;} .fileLabelTemplate { font-size: 11px;} .fsBox .mobilefileLabelTemplate { float:left; margin-right: 0!important; margin-left: 82px; padding-top: 10px;} .clearThick { padding-bottom: 2rem !important; } .form-inline .split-sh { display:none;} .split-sm { display:none;} .dvStageStatusBox .split-l7 { width:60%;} .pad-9 span a { margin-bottom: 7px; margin-left: 0;} .iptformVerify .form-radio label { margin-left: 20px !important; margin-top: -20px !important;} .form-disabled { font-size:13px;} .dvfileView .col1 { width: 98%;} .col1 a { word-break:break-word;} .dvfileView .col3 { display:block;} .fileDownload a { word-break:break-word;} .inputfilemultiple { padding-left: 2px; margin-left:2px;} #breadcrumb-icon { margin-top: 4px;} .tooltip-hide-short { display: none;} .dvfileView { width:auto;} textarea.form-control { margin-right: 7%; } .btnWrapper .form-group { padding:0;} .form .fsAdjustment { padding:5px 5px !important;} } @media only screen and (max-width:445px) { body { font-size:0.813em; } #pg-header, #pg-Content, #pg-footer { padding:0 10px; } .cboDepartmentBulk { Width:96% !important;} .formLogin .textcontainer { margin-bottom: 10px; display: inline; text-align:left; } .formLoginMain .btn-login { width:100%; } .dvleft { margin-left: 2%;} .dvmiddle { width:90%;} .formLoginMain { margin:10px; padding-left: 0;} }