/*Test style1*/ body {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:#243444;} a{color:#243444;} a.btn{text-decoration: none;} label{font-weight:normal;margin-bottom:0;} /* sup{z-index:-1;} */ .visual-area sup{z-index:0;} /*Button styles*/ .btn{padding:7px;font-size:11px;border-radius:4px;line-height:1.1;outline:none;box-shadow:none !important;text-transform:uppercase;} .btn.dropdown-toggle{border-radius:0;text-transform:none;} .white-btn{background-color:#fff;} .green-btn{background-color:#00877c;color:#fff;transition: background-color 0.3s ease-in-out 0s;} .gray-btn{background-color:#00877c;color:#fff;transition: background-color 0.3s ease-in-out 0s;} .white-btn:hover{background-color:#d7dade;} .green-btn:hover{background-color:#72c3be;color:#fff;} .gray-btn:hover{background-color: #005C56;} .btn-lg{font-size:17px;line-height: 1.1;} .greenLink{color:#00877c;} .greenLink:hover{color:#72c3be;} .white-btn:focus{background-color:#d7dade;} .gray-btn:focus{background-color: #005C56;} .container{padding:0;} .container-fluid{max-width:1200px;} .row{margin:0 -10px;} [class*='col-'] {padding:0 10px;} .custom-grid .row{margin:0;} .custom-grid [class*='col-'] {padding:0;} .form-control{color:#243444;border: 1px solid #bdc2c8;border-radius:0;box-shadow:none;padding: 6px 10px;outline:none;} ::-webkit-input-placeholder {color:#bdc2c8 !important;} ::-moz-placeholder {color:#bdc2c8 !important;} :-ms-input-placeholder{color:#bdc2c8 !important;} :-moz-placeholder {color:#bdc2c8 !important;} .mainPageWrapper{margin-top:40px;} .btn-primary.disabled, .btn-primary[disabled] {border: 1px solid #ccc !important;background-color: #ccc !important; color: #fff !important;} /*Modal Popup styles*/ #dataDisclaimer .modal-body{font-size: 19px;} #dataDisclaimer .modal-footer{text-align:center;} .modal-dialog{margin: 180px auto 30px;} .modal-header {padding: 15px 20px 0;border:0;} .modal-body {padding:0 20px 0;min-height:150px;} .modal-content sup{z-index:0;} #commongpoModal .modal-body .bulkUploadnewGpo{max-height:150px;overflow-y:auto;} .modal-footer{border:0;padding:15px 20px;} .cofirm-popup-body {padding:20px;} .common-msg{font-size:16px;} .button-newpopup{ padding: 12px 0; text-align: right; width: 92%;} .datepicker{cursor: pointer;} .datepicker-months span.month,.datepicker-decades span.decade,.datepicker-centuries span.century,.datepicker-centuries span.century,.datepicker-years span.year{padding-right:5px;} .locationLinkSuccess .modal-content { border-radius:0px; } .locationLinkSuccess .modal-content .modal-header { position: relative; background: #cce9e8; padding: 0; border-bottom: none; padding: 12px 20px; } .locationLinkSuccess .modal-content .modal-header .modal-title { font-size:18px; font-weight:bold; color: #555; } .locationLinkSuccess .modal-content .modal-body { font-size:15px; color:#333; padding:24px 30px; } .locationLinkSuccess .modal-content .modal-footer .btn { font-size:15px; border-radius:0px; padding-left:10px; padding-right:10px; } /*Logout Modal*/ #logoutModal h4{text-transform:uppercase;font-weight:bold;} #logoutModal .logout-msg{border-bottom:1px solid #72c3be;padding:15px 0;margin-bottom:15px;} #logoutModal .forgetLink {font-size: 11px;} .addlochinborder{border: 1px solid #72c3be; margin: 0 0 10px; padding: 8px;} .newEnrollError{color:red;font-size:11px;} /*.bootstrap-table{min-height:218px;}*/ /*Ajax Loader Styles*/ .loadermodal{display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:rgba( 255, 255, 255, .8 ) url('/static/images/Rolling.gif') 50% 50% no-repeat;} /* body.loading {overflow: hidden;} */ body.loading .loadermodal {display: block;} body.superrole .loadermodal {display: block;} /*End Ajax Loader Styles*/ body.temp .loadermodal {display: block;} /* body.inload .loadermodal {display: block;} */ body.inloads .loadermodal {display: block;} header .top-black-bar{background-color:#000;color:#fff;font-weight:bold;padding:3px 0;font-size:12px;} header .navbar{margin:25px 0;} header .navbar > .container-fluid .navbar-brand{height:auto;max-width:135px;padding-top:0;padding-bottom:0;} header .merck-account{float:left;font-size: 20px;margin-top: 2px;margin-left:85px;} header .merck-account span{color:#00877c;font-weight:bold;} header .navbar-nav > li > a{margin:0 0 0 32px;color:#243444;text-transform:uppercase;padding:5px;text-decoration: none;} header .navbar-nav > li:first-child > a{margin-left:0;} header .navbar-nav > li > a:hover{background-color:#72c3be;color:#fff;border-radius:4px;} header .navbar-nav > li > a:hover, header .navbar-nav > li > a:focus{text-decoration: none;} header .navbar-right{margin-top:0;margin-right:0;} header .explore-icon{background:url("/static/images/explore-icon.png") no-repeat scroll 0 0;display: inline-block;height: 16px;margin-right:4px;vertical-align: middle;width: 15px;} header .navbar-nav .announc-btn a span{background-color:#fff;border-radius: 50%;color:#00877c;font-weight: bold;margin-left: 5px;padding:2px 5px;} footer{margin-top:50px;} footer .cert-links{margin-bottom:35px;} footer .privacy-links a{font-size:14px;font-weight:bold;text-decoration:underline;} footer .cert-links a{float:left;margin-right:8px;} footer .footer-cpy{margin-bottom:30px;font-size:11px;} .btn-wrapper{margin: 15px;} #searchMerckAccount .intro-msg1 + div.mL-0, #connectMerckAccount #noAccount + div.mL-0 {margin-left:0px;} .nxt-btnmargin{margin-left:8px;} .jobcode{border-top:1px solid #72c3be;padding:15px 0;margin-top: 35px;font-size: 11px;} .addressLable1{float: left;width: 60px;} .addressSpan1{float: left;width: 60%;word-wrap: break-word;} .errorMsg , .errorMsgSys{background-color:red;color:#fff;text-align:center;padding: 2px;font-size: 12px;} .errorfield{border-color:red !important;} .nobr{white-space:nowrap;} /*Home Page*/ .homepage .home-rightblock{background-color:#00877c;color:#fff;padding:20px 15px;margin-left:10px;height: 100%} .homepage h1.home-right-title{font-size:28px;margin:0;text-transform:uppercase;font-weight:normal;} .homepage .home-right-description {font-size:21px;line-height: 1.1;margin:15px 0;} .homepage .home-right-description ul{margin:5px 0;padding: 0 0 0 22px;} .homepage .home-right-description ul li{margin-top:5px;} .homepage .home-loginWrapper{margin-top:10px;font-size:12px;} .homepage .home-loginbox{background-color:#bdc2c8;padding:20px;} .homepage .login-field{padding:0 10px;} .homepage .login-msg{line-height: 1.2;} .homepage .login-msg span{font-weight:bold;} .homepage .home-loginbtn{margin-left:20px;margin-top:5px;} .homepage .remember-box{background-color:#d7dade;padding:10px;} .login_box .rem-link{padding-bottom:5px;border-bottom:1px solid #00877c;} .login_box .forgot-link{margin-top:5px;} .homepage .home-loginbox .form-control{height: 46px;border-radius: 4px;} .login_box .remem-label{vertical-align:middle;margin-top:-17px;} .homepage .dpa-info{font-style:italic;margin-top:15px;font-size:13px;} .homepage .dpa-info a{color:#fff;text-decoration:underline;} /*Toggle switch checkbox styles*/ .login_box .switch {position:relative;display:inline-block;width:33px;height:25px;} .login_box .switch input {display:none;} .login_box .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #bdc2c8;-webkit-transition: .4s;transition: .4s;} .login_box .slider:before {position: absolute;content: "";height: 17px;width:16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;} .login_box input:checked + .slider {background-color: #00877c;} .login_box input:focus + .slider {box-shadow: 0 0 1px #00877c;} .login_box input:checked + .slider:before {-webkit-transform: translateX(11px);-ms-transform: translateX(11px);-moz-transform: translateX(11px);transform: translateX(11px);} .login_box .slider.round {border-radius: 34px;} .login_box .slider.round:before {border-radius: 50%;} .login_box .loginBox {margin-left:auto;margin-right:auto;max-width:1200px;padding:0 15px;font-size: 12px;margin-top: 10px;position:relative;} .mrk-clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .mrk-clearfix{ display: inline-block; } /* start commented backslash hack \*/ * html .mrk-clearfix { height: 1%; } .mrk-clearfix { display: block; } /* close commented backslash hack */ .login_box .loginBox .login-title{ background-color:#bdc2c8;float:left;padding:20px;width:17%;height:103px;} .login_box .loginBox form{background-color:#bdc2c8;float:left;width:66%;height:103px;} .login_box .loginBox .bold-label label {display:none;} .login_box .loginBox .username-section {float:left; padding: 25px 0;width:40%;} .login_box .loginBox .username-section input {border:1px solid #bdc2c8;border-radius:4px;height:46px;outline:medium none;width:100%;box-shadow:none;padding:6px 10px;font-size: 14px;} .login_box .loginBox .password-section{float:left;padding: 25px 10px;;width:40%;} .login_box .loginBox .password-section input{border:1px solid #bdc2c8;border-radius:4px;height:46px;outline:medium none;width:100%;box-shadow:none;padding:6px 10px;font-size: 14px;} .login_box .loginBox .loginButton{float:left;margin-top:12px;padding: 20px;} .login_box .loginBox .loginButton input{background-color:#00877c;border: 1px solid transparent;border-radius: 4px;box-shadow: none;font-size: 17px;line-height: 1.1;padding: 7px;text-transform: uppercase;color:#fff;} .login_box .remember-box{background-color:#d7dade;height:103px;width:17%;padding:10px;} .login_box .rememberMe-box{display:none;} .login_box .loginBox .form-error-msg{background-color:red;top:103px;color:#fff;left:15px;padding:2px;position:absolute;text-align:center;font-size:12px;right:15px;} /*Manage Account Styles*/ h1{font-size: 27px;font-weight: bold;margin: 0 0 25px;} h2{font-size: 21px;margin: 0 0 10px;} h3{font-size: 21px;margin: 0 0 18px;} h4{font-size: 21px;margin: 0 0 18px;} .form-field {margin-bottom: 15px;} .form-field label{font-size: 14px;font-weight: bold;margin-bottom: 7px;} .gray-bar {background-color: #d7dade;margin: 15px 0;padding: 10px;} .graybar-info{font-size:12px;margin-top: 5px;font-style:italic;} /*tab styles*/ .nav-tabs > li > a{margin-right: 5px;background-color:#00877c !important;color:#fff !important;/*text-transform:uppercase*/;font-weight:bold;border-color:transparent;border-radius:0;border:0 !important;text-decoration:none !important;font-size:12px;} .nav-tabs > li.active > a, .nav-tabs > li > a:hover{background-color:#005C56 !important;} .tab-content{border:1px solid #72c3be;padding:15px;min-height:300px;} /*end tab styles*/ .manageAccount .addressLable{float:left;width:66px;} .manageAccount .view-summarybtn-outer{text-align:right;} .manageAccount .addressSpan{ float:left;width:67%;word-wrap: break-word;} .manageAccount .acc-info{margin-bottom:20px;font-style: italic;font-weight: bold;font-size:11px;} .manageAccount .addloc-outer{text-align:right;} .manageAccount .addloc-btn{text-transform:uppercase;} .manageAccount .manageLoc-fields{margin-top:20px;} .manageAccount .manageLoc-rightblock{float:right;} .manageAccount .glyphicon-search {background-color: #72c3be;border:none;color: #fff;font-size: 19px;outline:none;text-decoration: none;top:0;cursor:pointer;} .manageAccount .refine-btn {margin-top: 20px;text-transform:uppercase;} .manageAccount .editcont-note{font-weight: bold;font-size:12px;margin-top:3px;} .manageAccount .manageloc-grid-errMsg,.manageAccount .managecon-grid-errMsg, .manageAccount .managecon-loc-errMsg{padding-top: 8px;font-weight: bold;color: red;} .manageAccount .mc-pgname-top {margin-bottom:12px} /*my profile*/ /* .manageAccount .manageAcc-top{border-bottom: 1px solid #00877c;padding-bottom: 12px;margin-bottom:15px;} */ .manageAccount .manageAcc-top{padding-bottom: 12px;margin-bottom:15px;} .manageAccount .myProfile label{font-weight:bold;} .manageAccount .myProfile .myprof-field{margin-bottom:13px;} .manageAccount .myProfile .myProfLinks{display:block;text-align:right;margin-bottom:10px;} .manageAccount .myProfile .updateProf{text-align:right;margin-top:25px;} .manageAccount .myProfile .chsanthrques{font-style:italic;margin:15px 0;} /*reset password*/ .manageAccount .myProfile .mp-cxlpswadj{padding-bottom:100px;} .manageAccount .myProfile .addnew-psw ,.myProfileLogin .addnew-psw{position:relative;} .manageAccount .myProfile .mp-pswrules , .myProfileLogin .mp-pswrules{top:54%;position:absolute;right:-113px;color:#00877c;cursor:pointer;} .manageAccount .myProfile .ulstyle , .myProfileLogin .ulstyle{list-style-type:disc;} .popover{left:auto !important;} .manageAccount .myProfile .popover , .myProfileLogin .popover{max-width:450px;width:100%;border:2px solid #00877c;border-radius:17px;right:-110px;top:58px !important;} .manageAccount .myProfile .popover-title , .myProfileLogin .popover-title{background-color:#fff;border-bottom: medium none;border-radius:20px 20px 0 0;padding:17px 14px 0;} .manageAccount .myProfile .popover > .arrow, .popover > .arrow::after{border-style:none;} .myProfileLogin .popover > .arrow, .popover > .arrow::after{border-style:none;} .manageAccount .myProfile .closebtn ,.myProfileLogin .closebtn{background-color:#00877c;border-radius:50%;position:absolute;right:-9px;top:-11px;width:31px;cursor:pointer;} .manageAccount .myProfile .closesymbol ,.myProfileLogin .closesymbol{color:#fff;font-size:29px;margin-left:7px;} .manageAccount .myProfile .popover-content .popover-uladj ,.myProfileLogin .popover-content .popover-uladj{padding-left:13px;} /*account profile*/ .manageAccount .accountprofile .accprof-field{margin-bottom:13px;} .manageAccount .accountprofile label{font-weight:bold;} .manageAccount .accountprofile .updateaccProf{margin-top:25px;text-align:right;} .manageAccount .accountprofile .dispAccProfile {height: 290px;} .manageAccount .accountprofile .accProfSection{border-bottom: 1px solid #72c3be;padding-bottom: 20px;opacity:0.5;} .manageAccount .accountprofile .accProfSection:first-child{opacity:1;} .manageAccount .accountprofile .accProfSection:first-child .adjustAccProf{display:none;} .manageAccount .accountprofile .updateaccProfile-btn, .manageAccount .accountprofile .adjustAccProf{margin-right:15px;} /*manage locations*/ .manageAccount .manageloc .managelocprof-field{margin-bottom:13px;} .manageAccount .manageloc label{font-weight:bold;} .manageAccount .manageloc .update-managelocProf{margin:25px 0;} .manageAccount .manageloc .updateProfile-btn{float:left;} .manageAccount .manageloc .remove-right-btn{float:right;} .manageAccount .manageloc .manageloc-table{border-top:1px solid #00877c;} .manageAccount .manageloc .contract-loc{margin-top:20px;} .manageAccount .manageloc .table-data{color:#00877c;} .manageAccount .manageloc .manageloc-table td {border-top: medium none;} .manageAccount .manageloc .manageloc-table th{border-bottom: medium none;} .manageAccount .manageloc .manageloc-table .dot-symbol{margin-right:15px;} /*.manageAccount .manageloc .selectall-outer{bottom: 60px;left: 0;position: absolute;width: 100%;}*/ .manageAccount .manageloc .selectall-outer a{font-style:italic;font-size:12px;} .manageAccount .manageloc .loctable-wrapper, .manageAccount .manageloc .locEditContract-wrapper{position:relative;} .manageAccount .manageloc .locEditContract-wrapper .selectall-outer{margin-top:20px;} .manageAccount .manageloc .tbl-unselectall{margin-left:77px;} .manageAccount .manageloc .mglocloc-checkbox label{padding:0;margin-right:5px;} .manageAccount .manageloc .mgloc_dsh label{padding:0;margin-right:5px;} .manageAccount .manageloc .mglocloc-checkbox input[type="checkbox"]{margin-left:6px;} .manageAccount .manageloc .buttonClass{display:inline;} .manageAccount .manageloc .mgLoc-or{font-weight: bold;margin-top: 35px;text-align: center;} .manageAccount .manageLoc-fields span {word-wrap:break-word;} .manageAccount .manageloc #manageloc-editinfo label{padding:0;} .manageAccount .manageloc .mgloc_dpanum{padding:0 0 10px;margin:0 0 33px;} .manageAccount .accemaillist, .createAccountProfile .usr_accemaillist{width:100%;} .table-wrap{overflow:auto;max-height:600px;position:relative;} /*Grid styles*/ .fixed-table-container{border:none; padding-right: 10px;} .bootstrap-table .table{border-bottom: 1px solid #00877c;} .bootstrap-table .table thead tr th{border-left:none;border-bottom: 1px solid #00877c;vertical-align: middle;} .bootstrap-table input.form-control{height:30px;} .fixed-table-container tr td{border-top:none !important;border-left:none;} .fixed-table-container tr td.rdColumn, .fixed-table-container tr td.chkColumn{text-align:center;} .fixed-table-container tr .rdColumn{background-color: #bdc2c8;} .fixed-table-container tr .rdColumn.white-seperator {border-right: 5px solid white;} .fixed-table-container thead th.bs-checkbox input{display:none;} .fixed-table-container #editcontloc-table thead th.bs-checkbox input{display:inline;} .fixed-table-container thead th .desc, .fixed-table-container thead th .asc, .fixed-table-container thead th .both{background-image:none;} .fixed-table-container thead th .desc:after{content: '\25BC' !important;} .fixed-table-container thead th .asc:after{content: '\25b2' !important;} .fixed-table-container thead th .both:after{content: '\25BC';font-size: 11px;} #editcontloc-table thead th .desc:after, #loctable thead th .desc:after, #tasktable thead th .desc:after, #customertable thead th .desc:after{content: '\25BC' !important;} #editcontloc-table thead th .asc:after, #loctable thead th .asc:after, #tasktable thead th .asc:after, #customertable thead th .asc:after{content: '\25b2' !important;} #editcontloc-table thead th .sortcol:after, #loctable thead th .sortcol:after, #tasktable thead th .sortcol:after, #customertable thead th .sortcol:after{content: '\25BC';font-size: 11px;} #editcontloc-table thead th .sortcol, #loctable thead th .sortcol,#tasktable thead th .sortcol, #customertable thead th .sortcol{width:115px;cursor:pointer;} .loc-rpg, .loc-rpg2{width:20% !important;} .cont-rpg, .cont-rpg2{width:27% !important;} .editcontloc-tblwrapper .pagination_top, .loctable-wrapper .pagination_top{margin-bottom: 10px;} .editcontloc-tblwrapper .pagination_bottom, .loctable-wrapper .pagination_bottom{margin-top: 10px;} .manageAccount span.pg-italic,.taskAndCustomer span.pg-italic{font-size: 12px;font-style: italic;} .table-hover tbody tr:hover{background-color:transparent;} /*.fixed-table-pagination{margin-top:45px;}*/ .fixed-table-pagination .pagination a{color:#00877c !important;background-color:#fff !important;border-color: #00877c !important;font-size: 12px;padding: 4px 10px;} .fixed-table-pagination .pagination .active a{color:#fff !important;background-color:#00877c !important;} .fixed-table-pagination .pagination-detail{font-size:12px;font-style: italic;} .fixed-table-pagination .pagination-detail .page-list .btn-default{border-color: #00877c;color:#00877c;background-color: #fff !important;} .fixed-table-pagination .pagination-detail .dropdown-menu .active a{background-color: #00877c;font-size:12px;} .fixed-table-pagination .pagination-detail .dropdown-menu{min-width: 140px;} /*add location*/ .addLocation .addloca-outer{border-top:1px solid #00877c;padding:28px 0;} .addLocation .addloc-outer-btn{text-align:right;} .step-info{font-style:italic;margin:0 0 5px 8px;} .top-progressbar{height:20px;width:100%;background-color:#bdc2c8;border-radius:20px;margin-bottom:28px;} .progress-greenbar{height:20px;width:33.33%;background-color:#00877c;border-radius:20px;position:relative;} .progress-greenbar span{display:inline-block;position:absolute;top:2px;right:4px;background-color:#fff;width:15px;height:15px;border-radius:50%;} .addLocation .progress-width{width:66.66%;} .addLocation .addloca-contracts{margin-bottom:40px;} .addLocation .addloca-contracts-data {float:left;margin-bottom:40px;width:50%;} .addLocation .addloc-checkbox-size{float:left;outline:medium none !important;} .addLocation .addloc-label-margin{float:left;margin:0 0 0 10px;width:90%;} .addLocation .addloc-span-label{display:block;} .addLocation .addloc-border-bottom{border-bottom:1px solid #00877c;} .addLocation .addloc-btn-margin{margin-bottom:55px;} .addLocation .progress-fullwidth{width:100%;} .addLocation .tsandcs-info{margin:15px 0 20px;} .addLocation .addloc-tsandcs-txtbox{border:1px solid #bdc2c8;height:150px;overflow-y:scroll;margin:10px 0 20px;} .addLocation .addloc-tsandcs .addloc-tsandcs-info{padding:15px;color:#bdc2c8;} .addLocation .addLoc-or{font-weight: bold;margin-top: 35px;text-align: center;} .addLocation .addloca-agreecond{margin-bottom:18px;} .addLocation .addloc-browse-info{margin-bottom:18px;} .addLocation .browse-btn-color{background-color:#00877c;cursor:pointer;color:#fff;font-size:12px;text-transform:uppercase; border: 1px solid #00877c;} .addLocation .addloc-checkbox label{padding:0;} .addLocation .addloc-checkbox input[type="checkbox"]{margin-left:6px;} .addLocation .addloc-checkbox label{padding:0;margin-right:5px;} .addLocation .addloc_dsh label{padding:0;margin-right:5px;} /*add new contract enrollment*/ .addnewcontract .addnew-contracts{margin-bottom:40px;} .addnewcontract .addnewcotrts-checkbox-size{float:left;outline:medium none !important;} .addnewcontract .addnewcotrts-label-margin{float:left;margin:0 0 0 10px;width:90%;} .addnewcontract .addnewcotrts-span-label{display:block;} .addnewcontract .addnewcotrts-border-bottom{border-bottom:1px solid #00877c;} .addnewcontract .addnewcotrts-btn-margin{margin-bottom:55px;} .addnewcontract .progress-width{width:20%;} .addnewcontract .progress-width2{width:40%;} .addnewcontract .progress-width3{width:60%;} .addnewcontract .progress-width4{width:80%;} .addnewcontract .newcotrts-terms{margin:15px 0 8px;} .addnewcontract .addnewcotrts-terms-checkbox{border:1px solid #d7dade;padding:15px;margin:10px 0 20px;background-color:#d7dade;} .addnewcontract .addnewcotrts-agreecond{padding: 6px 0;} .addnewcontract .tsandcs-info{font-size:11px;} .addnewcontract .addnewcotrts-conftscs{margin:18px 0;} .addnewcontract .progress-fullwidth{width:100%;} .addnewcontract .addnewcotrts-terms-checkbox > ul{padding-left:15px;margin:0;} .addnewcontract .contrat-enroll{padding-bottom:6px;} .addnewcontract .addnewcotrts-pgramA-txtbox{border:1px solid #bdc2c8;height:150px;margin:10px 0 20px;overflow-y:scroll;} .addnewcontract .addnewcotrts-pgramA-info{ color:#bdc2c8;padding:15px;} .addnewcontract .bootstrap-table .table{border-bottom:0;} .addnewcontract .addcont-selectall{font-style:italic;font-size:12px;} .addnewcontract.addnewcontractSt4 .addnewcotrts-terms-checkbox{padding:0 15px;} .addnewcontract.addnewcontractSt4 table tr:last-child td{padding-bottom:30px !important;} /*manage contracts*/ .manageAccount .managecontracts .viewcontrt-top{border-top:1px solid #00877c;margin-bottom:30px;} .manageAccount .managecontracts .managecontrtview-field{margin-bottom: 13px;} .manageAccount .managecontracts label{font-weight:bold;} .manageAccount .managecontracts .managecotrtsandcs{text-align:right;} .manageAccount .managecontracts .managecotrt-searchloc{background-color:#00877c;color:#fff;font-size:11px;padding:6px;} .manageAccount .managecontracts .graybar-info{margin-top:0;} .manageAccount .managecontracts .editcont-top{font-size:16px;} .manageAccount .managecontracts .editcont-top-margin{margin-bottom:0;} .manageAccount .managecontracts .managecontarctgrid{text-align:center;} #commonModal span{word-wrap: break-word;} .manageAccount #editcont-table thead th .th-inner{text-align:center;} .manageAccount #editcont-table thead th.systName .th-inner{width:175px;justify-content: center !important;} .manageAccount #editcont-table thead th.ecFacName .th-inner{text-align:left;padding-left: 12px !important;} .manageAccount .editcontract-reload{margin-left:4px;} .manageAccount #editcont-table thead th .systemNameHead {font-weight: normal;} .manageAccount #editcont-table thead th ul.es-list {font-weight: normal;} .manageAccount #editcont-table thead th.renflexTier select.customerTierHead {font-weight: normal;} .manageAccount #editcont-table thead th.termsColumn .th-inner{text-align:left;} .manageAccount #editcont-table thead th.multiNotes .th-inner{text-align:center;} .manageAccount #editcont-table thead th.multiNotes .th-inner{width:300px;} .manageAccount #locContract-table thead th.multiNotes .th-inner{text-align:center;} .manageAccount #locContract-table thead th.multiNotes .th-inner{width:300px;} .manageAccount #editcont-table thead th.Notes .th-inner{width:400px;} .manageAccount #locContract-table thead th.Notes .th-inner{width:400px;} .manageAccount #locContract-table thead th.tpPgNames .th-inner{width:300px;padding-left: 2px !important;} .manageAccount #locContract-table thead th.Notes .th-inner{text-align:center;} .manageAccount .editcont-wrapper input.form-control.mnotes{width:300px;} .manageAccount .locEditContract-wrapper input.form-control.mnotes{width:300px;} /*bulk upload*/ .BuAnalystFields .hideForAnalyst{display:none;} .addLocation .bulknorecord{color:red;font-size:16px;font-weight:bold;margin-top:5px;} .bulkUploadLoc .gray-bar, .bulkUploadLoc .graybar-info{margin-top:0;} .bulkUploadLoc .bulk-selectall a {font-size: 12px;font-style: italic;} .bulkUploadLoc .bulk-selectall{margin-bottom:15px;} .bulkUploadLoc .errtooltip{color:red !important;} .bulkUploadLoc #upload-loctable #items-to-correct-staging{border-collapse: separate;position:relative;} .bulkUploadLoc .tooltip-inner{border:1px solid #00877c !important;background-color:#fff !important;color:red !important;text-align:left !important;} .bulkUploadLoc #upload-loctable #items-to-correct-staging tr td.InfoTooltip .tooltip-inner{width:600px !important;max-width:600px !important;text-align:left !important; border:1px solid #00877c !important;background-color:#fff !important;color:red !important;} .bulkUploadLoc #upload-loctable #items-to-correct-staging tr td .tooltip-arrow{display:none !important;} .bulkUploadLoc .fixed-table-body{max-height:600px;position:relative;} .bulkUploadLoc .fixed-table-loading{display:none;} /*fancy select dropdown styles*/ .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;} .bootstrap-select.cust-rpg2:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .bootstrap-select.cust-rpg:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .bootstrap-select.selectPageTopCust:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.bootstrap-select.selectPageCusrBott:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto;} .bootstrap-select.task-rpg2:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .bootstrap-select.task-rpg:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .bootstrap-select.selectPageTopTask:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.bootstrap-select.selectPageTaskBott:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto;} .bootstrap-select .btn-default{background:none !important;text-shadow:none !important;border-color:#bdc2c8 !important;color:#243444 !important;font-size:13px !important;outline:none !important;padding:6px 40px 6px 10px;height:34px;} .bootstrap-select .dropdown-toggle:focus{outline:none !important;} .bootstrap-select .btn-default, .bootstrap-select .btn-primary, .bootstrap-select .btn-success, .bootstrap-select .btn-info, .bootstrap-select .btn-warning, .bootstrap-select .btn-danger{box-shadow:none !important;} .bootstrap-select .glyphicon-chevron-down {background-color: #72c3be;color: #fff;font-size: 15px;height: 100%;line-height: 2.2;position: absolute;right: 0;top: 0;width:32px;} .bootstrap-select .dropdown-menu > li > a{color:#243444 !important;outline:none !important;} .bootstrap-select.btn-group .dropdown-toggle .filter-option{line-height:1.5;} /*.bootstrap-select .selectPlaceholder{color:#bdc2c8 !important;}*/ /*End - fancy select dropdown styles*/ /*Create Account Styles*/ .intro-msg{border-top:1px solid #00877c;padding:28px 0;font-size: 16px;} .req-txt{display: block;font-size: 11px;font-style: italic;margin-top: 15px;} .createAccount .userAcc-info{margin:20px 0;} .createAccount .ca-right-block{margin-left:30px;} .createAccount .ca-zip{float:right;} .createAccount .top-progressbar{height:20px;width:100%;background-color:#bdc2c8;border-radius:20px;} .createAccount .progress-greenbar{height:20px;width:33%;background-color:#00877c;border-radius:20px;position:relative;} .createAccount .progress-greenbar span{display:inline-block;position:absolute;top:2px;right:4px;background-color:#fff;width:15px;height:15px;border-radius:50%;} .createAccount .step-info{font-style:italic;margin:0 0 5px 8px;} .createAccount h2{margin:0 0 15px;} .createAccount .ca-btns{margin-top:15px;} .createAccount [class*="col-"] {padding: 0 7px;} .bootstrap-select .dropdown-toggle:focus {outline:5px solid #72c3be !important;outline-width: thin !important;} /* .createAccount .ca-btns .nxt-btn{margin-left:8px;} */ /*Complete My Profile*/ .myProfileLogin .cmplt-reg-btns{margin-top:15px;} /*Login*/ .loginPage .log-btns{margin-top:15px;} .loginPage .forgetLink{font-size:11px;} /*Create Profiles Styles*/ .createProfile .cp-topBorder{border-top:1px solid #72c3be;} .createProfile .cp-margin,.createProfile .cp-ack{margin-top:18px;} .createProfile .mp-checkbox{margin-bottom:18px;} .createProfile .cp-checkboxsize{float:left;outline:none !important;} .createProfile .cp-labelmargin{margin:0 0 0 10px;width:87%;float:left;} .createProfile .cp-cont-btns{margin-top:15px;} .createProfile dl dt {font-weight:normal;} .createProfile dl dd{margin-left:100px;} /*RETRIEVE USER NAME*/ .retrieveUserName .can-next-btns{margin-top:15px;} .retrieveUserName .can-btn{margin-right:8px;} /* Reset Password */ .resetPassword .note-info{margin-bottom:20px;font-style:italic;} .resetPassword .note-info > span{text-transform:uppercase;} .resetPassword .can-next-btns{margin-top:15px;} .resetPassword .can-btn{margin-right:8px;} /* Page Not Found (404) */ .pageNotFound .error-info{font-weight:bold;} .pageNotFound .rtn-btns{margin:40px 0 0;} /* Alert */ .alertpage .error-info{font-weight:bold;} .alertpage .addMsg-info{margin:10px 0 0;font-style:italic;} .alertpage .rtn-btns{margin:40px 0 0;} /*EmailSent*/ .emailSentPage .email-check{font-weight:bold;font-size: 12px; margin-bottom:12px;} .emailSentPage #emailadrs{font-weight:bold;} #changeEmail{cursor:pointer;} /*Connect YOUR MERCK ACCOUNT*/ .connectMerckAccount .acc-search{font-size:21px;} .connectMerckAccount .acc-detail-text{margin-bottom:5px;} .connectMerckAccount .txtarea-width{width:100%;height:100px;resize:none;} .connectMerckAccount .connacc-nxt-btn{ margin:10px 0 10px;} .connectMerckAccount .connectacc-info{font-weight:bold;font-size: 12px;} .connectMerckAccount .connacc-margin{margin-bottom:10px;float:left;width:50%;} .connectMerckAccount .connacc-checkbox-size{float: left;/*outline: medium none !important;*/} .connectMerckAccount .connacc-label-margin{float: left;margin:0 0 18px 10px;width:90%;} .connectMerckAccount .connacc-label-margin .fa-info-circle{display: block;margin-top:3px;} .updateFacilityInfo.fa-info-circle{margin-left: 3px;} .connectMerckAccount .connacc-label-margin .fa-info-circle:before, .updateFacilityInfo.fa-info-circle:before{ content: "\f05a"; font-size: 16px; color: red; } /* fix for 1559 */ .connacc-margin.conaccWrapper.infoIconHolder { position: relative;} .connacc-margin.conaccWrapper.infoIconHolder > label {padding-left: 12px;} .connacc-margin.conaccWrapper.infoIconHolder i { position: absolute; top: 0; left: 16px; }y /* fix for 1559 ends */ .connectMerckAccount .connacc-span-label{display:block;} .connectMerckAccount .connacc-checkbox-info {margin-top:12px;} .connectMerckAccount .connacc-nxt-back-btns{margin-top:15px;} .connectMerckAccount .connacc-nxt-back-btns .nxt-btns{margin-left:8px;} .connectMerckAccount .connacc-parentacc{margin-top:10px;} .connectMerckAccount input.scharearadio{float:left;margin-top:65px;} .connectMerckAccount ul.connect-acc-list{padding-left:16px;} .connectMerckAccount ul.connect-acc-list li{margin-bottom:16px;} .connectMerckAccount .intro-msg1{border-top:1px solid #00877c;padding: 28px 0 18px;} .connectMerckAccount .acc-loc-margin {margin: 0 0 28px;} /*For Pagination*/ #page_navigation, .page_navigation_contr, #page_navigation_loc{border-radius:4px;display:inline-block;margin: 10px 0;} #page_navigation a, .page_navigation_contr a, #page_navigation_loc a{ background-color: #fff;border:1px solid #00877c;color: #00877c;padding:4px 10px;display:inline-block;} #page_navigation .previous_link, .page_navigation_contr .previous_link, #page_navigation_loc .previous_link{border-bottom-left-radius:4px;border-top-left-radius:4px;} #page_navigation .next_link, .page_navigation_contr .next_link, #page_navigation_loc .next_link{border-bottom-right-radius:4px;border-top-right-radius:4px;} #page_navigation .active_page, .page_navigation_contr .active_page, #page_navigation_loc .active_page{background-color: #00877c;color: #fff;} #editcontloc-table, #loctable{display:block;border-collapse: separate;position:relative;} #editcontloc-table td, #editcontloc-table th, #loctable td, #loctable th {padding:8px 12px 8px 8px;} #editcontloc-table thead tr th, #loctable thead tr th { border-left: none; border-bottom: 1px solid #00877c;border-top: 1px solid #00877c; vertical-align: middle; } #customertable{display:block;border-collapse: separate;position:relative;} #customertable td, #customertable th, #customertable td, #customertable th {padding:8px 12px 8px 8px;} #customertable thead tr th { border-left: none; border-bottom: 1px solid #00877c;border-top: 1px solid #00877c; vertical-align: middle; } #searchMerckAccount .con-locAcc-list{padding:0;list-style-type:none;} #searchMerckAccount .register-list {max-width:16%; margin-top:6px;} /*Create Account Profile*/ .createAccountProfile .cap-msg-info{margin-bottom:20px;} .createAccountProfile .cap-btns{margin-top:15px;} .createAccountProfile .cap-btns > button.cmplt-btn{margin-left:8px;} /*Create New Customer Profile*/ .createNewCustomer .cncp-rowmargin{margin-bottom:35px;} .createNewCustomer .cncp-borderbottom{border-bottom:1px solid #72c3be;margin-bottom:35px;} .cncp-graybar{ background-color:#d7dade;margin:5px 0;padding:22px;} .cncp-chkbox{float:left;outline: medium none !important;} .cncp-label{margin: 0 0 0 10px;font-style:italic;} /* Tasks and Customer */ .taskAndCustomer label{word-break:keep-all;} .taskAndCustomer .task-btn-bottom{margin-bottom:20px;} .taskAndCustomer .tsk-brdrbottom{border-bottom:1px solid #00877c;margin-bottom:18px;} .taskAndCustomer .customer .cust-outer{text-align:right;} .taskAndCustomer .customer .cust-fields{margin-top:20px;} .taskAndCustomer .customer .cust-mdsiinfo{margin:20px 0;border-bottom:1px solid #72c3be;padding-bottom:20px;} .taskAndCustomer .customer .mdsi-impinfo , .mdsi-addimp{color:red;} .taskAndCustomer .customer .cust-mdsidata label{font-weight:bold;} .taskAndCustomer .customer .cust-mdsidata{ margin-bottom:13px;} .taskAndCustomer .customer .table-responsive,.table > thead > tr > th{border:medium none;z-index:2;} .taskAndCustomer .customer .cust-table .table th{padding:8px 50px 8px 8px;} .taskAndCustomer .customer .cust-table td{border-top:medium none;} .taskAndCustomer .customer .cust-table .dot-symbol{margin-right:8px;} .taskAndCustomer .customer .cust-labelouter{font-weight:bold;padding-bottom:12px;} .taskAndCustomer .customer span.cust-label{margin: 0 0 0 10px;font-style:italic;} .taskAndCustomer .bootstrap-table .table thead tr th{border-bottom: 1px solid #bdc2c8;} .taskAndCustomer .customer .cust-enrollmtinfo{margin:18px 0;} .taskAndCustomer .customer .chgenrollmt-wrapper .fixed-table-pagination{display:none !important;} .taskAndCustomer .customer .graybar-margin{margin:18px 0 0;} .taskAndCustomer .customer #customertable thead {border-bottom: 1px solid #00877c;border-top: 1px solid #00877c;} .taskAndCustomer .customer #customertable tbody td, .taskAndCustomer .customer #customertable thead th{padding: 8px 12px 8px 8px;} .taskAndCustomer .customer #customertable td.cust-accname span, .taskAndCustomer .customer #customertable td.cust-addr span{display:block;max-width:200px;word-wrap:break-word;word-break: break-all;} .taskAndCustomer .tasks #tasktable thead, .taskAndCustomer .tasks #mytasktable-new thead, .taskAndCustomer .tasks #tasktable-new thead {border-bottom: 1px solid #00877c;border-top: 1px solid #00877c;} .taskAndCustomer .tasks #tasktable tbody td, .taskAndCustomer .tasks #tasktable thead th{padding: 8px 12px 8px 8px;} .taskAndCustomer .tasks #tasktable-new tbody td, .taskAndCustomer .tasks #tasktable-new thead th{padding: 8px 12px 8px 8px;} .taskAndCustomer .tasks #mytasktable-new tbody td, .taskAndCustomer .tasks #mytasktable-new thead th{padding: 8px 12px 8px 8px;} .taskAndCustomer .tasks #tasktable td.cust-addr span{display:block;max-width:200px;word-wrap:break-word;word-break: break-all;} .taskAndCustomer .tasks #tasktable{position:relative; border-collapse: separate !important; } .task-gridOuter .fixed-table-body{max-height:600px;} .taskAndCustomer .mem-infoicon{margin-left: 3px;top: -3px;font-size: 16px;} /*Admin Screens*/ .srchuserupdate .cnuser-btn{float:right;} .srchuserupdate .header-center{margin-top:50px;} .srchuserupdate .admintable-head{margin:18px 0;} .srchuserupdate .adminusr-table .table td{border-top:medium none;} .srchuserupdate .adminusr-tbldata{text-decoration:underline;} .adminusr-label{margin-left:5px;} .srchuserupdate .adminusr-table{border-top:1px solid #00877c;margin-top:18px;} .srchuserupdate .adminusr-table .table th,.srchuserupdate .adminusr-table .table td{padding:8px 0;} .adminuser-profile .adminusrprof-outrer{margin:18px 0;} .adminuser-profile .adminusr-radiobtn{font-size:20px;margin-top:29px;} .adminuser-profile .adminusr-label{font-size:16px;} .adminuser-profile .adminusr-addinfo{margin:21px 0 ;} .showContent{display:block !important;} /*Activity Summary*/ .activeSummary .notes-field{width:130px;height:45px;overflow-y: scroll;} .activeSummary .activeSummtable-header{margin-top: 21px;} .activeSummary h2{margin-bottom:21px;} .activeSummary h4{margin:21px 0;} .activeSummary .acknowledgement h4 {border-bottom: 1px solid #72c3be;margin-bottom: 15px;padding: 10px 0;} .activeSummary .acknowledgement {width: 90%;} .activeSummary .acknowledgement .popup-chkbox {float: left;} .activeSummary .acknowledgement label.popup-label {float: left;font-weight: normal;margin-left: 5px;width: 88%;} .activeSummary .acknowledgement h5 {font-weight: bold;margin: 15px 0 10px;} /*.activeSummary #summaryLoc-table tr:nth-child(even) input {display:none;}*/ .activeSummary #summaryLoc-table tr.singleRow {border-bottom: 1px solid #00877c;} .activeSummary #summaryLoc-table tr.doubleRow:nth-child(even){border-bottom: 1px solid #00877c;} .activeSummary .sumtable-Loc{border: 1px solid #00877c;padding: 16px;overflow-x:scroll;} .summtable-enroll-gpo { border: 1px solid #00877c; padding: 16px; margin-top:40px; overflow-x: scroll; margin: 0px 15px;} .sumtable-Loc { border: 1px solid #00877c; padding: 16px; margin-top:40px; overflow-x: scroll; margin: 0px 15px;} .summary-table-second { border: 1px solid #00877c; padding: 16px; margin-top:40px; overflow-x: scroll; margin: 0px 15px;} #gpo-active-summary > thead > tr > td, #gpo-active-summary > tbody > tr > td{ border-top: 1px solid #00877c; border-bottom: 1px solid #00877c; } #summaryLoc-table > thead > tr > td, #summaryLoc-table > tbody > tr > td{ border-top: 1px solid #00877c; border-bottom: 1px solid #00877c; } #summaryenroll-table > thead > tr > td, #summaryenroll-table > tbody > tr > td{ border-top: 1px solid #00877c; border-bottom: 1px solid #00877c; } #linksummaryLoc-table > tbody > tr > td{ border-top: 1px solid #00877c; border-bottom: 1px solid #00877c; } .activeSummary .sumtableEmail-Loc{border: 1px solid #00877c;padding: 16px;overflow-x:scroll;} .activeSummary .summtable-enroll{border: 1px solid #00877c;padding: 16px;overflow-x:scroll;} .activeSummary .summtable-enroll .en-colwidth{word-wrap:break-word;width:150px;word-break:break-all;} .activeSummary .activesumm-tablehead{padding-top:16px;} .activeSummary .as-button-right{float:right;} .activeSummary .bs-checkbox .th-inner input{display:none;} .activeSummary #summaryLoc-table > thead > tr > td, .activeSummary .table > tbody > tr > td{border-top:none;} .activeSummary #summaryenroll-table > thead > tr > td, .activeSummary #summaryenroll-table> tbody > tr > td{border-top: 1px solid #00877c;border-bottom:1px solid #00877c;} .activeSummary #summary-vbc > thead > tr > td, .activeSummary #summary-vbc> tbody > tr > td{border-top: 1px solid #00877c;border-bottom:1px solid #00877c;} /* analystscreen1*/ /* .analystscreen1-first #analystscreen1-table-first .bs-checkbox .th-inner {display:none;} .analystscreen1-first #analystscreen1-table-first .th-inner {width:150px;} .analystscreen1-first #analystscreen1-table-first thead tr th.internal-gpoName .th-inner {width:65px;} .analystscreen1-first #analystscreen1-table-first thead tr th.internal-aggr .th-inner {width:100px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-aggr input{width:82px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-startDate input{width:180px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-endDate input{width:180px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-startDate{position:relative;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-endDate{position:relative;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-startDate .input-group-addon{position: absolute;right: 6px;top: 8px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-endDate .input-group-addon{position: absolute;right: 6px;top: 8px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-startDate .glyphicon{right:5px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-endDate .glyphicon{right:5px;} .analystscreen1-first #analystscreen1-table-first select{height:35px;} .analystscreen1-first #analystscreen1-table-first tbody tr td.internal-addexp{padding-left: 22px;} */ .taskAndCustomer .analystscreen1-first{max-height:600px;} .taskAndCustomer .pagination_bottom{margin-top:18px;} .analystscreen1-first .membershipGrid {border-bottom: 1px solid #00877c;position:relative;display: inline-block;width:auto;max-width:none;} .analystscreen1-first .membershipGrid thead {border-bottom: 1px solid #00877c;margin-bottom: 8px;} .analystscreen1-first .membershipGrid > thead > tr > th, .analystscreen1-first .membershipGrid > tbody > tr > td {padding: 8px 16px 8px 8px;} .analystscreen1-first .membershipGrid > tbody > tr > td {border-top: medium none;min-width: 42px;} .analystscreen1-first .membershipGrid .memColsm {width: 110px;} .analystscreen1-first .membershipGrid .memTblCol {width: 130px;} .analystscreen1-first .membershipGrid .memTblChkall{width: 38px;} .analystscreen1-first .membershipGrid .memTblChk{width: 90px;} .analystscreen1-first .membershipGrid input.form-control, .analystscreen1-first .membershipGrid select.form-control, .analystscreen1-first .membershipGrid .memSysOuter {width: 150px;} .analystscreen1-first .membershipGrid .copyBtn{width:130px;} .analystscreen1 .analysts-Export-btn{float:right;} /* ......analystscreen2......*/ .analystscreen2 .analysts2-table-wrapper{padding:0;list-style: none;max-height: 600px;} .analystscreen2 .table-responsive .analysts2-table-outer tbody tr td .table-text-length{width:160px;} .analystscreen2 .table-responsive .analysts2-table-outer tbody tr td .memberID{width:80px;} .analystscreen2 .table-responsive .analysts2-table-outer tbody tr td .submitdate{width:115px;} .analystscreen2 .table-responsive .analysts2-table-outer tbody tr td .taskID{width:100px;} .analystscreen2 .table-responsive .analysts2-table-outer tbody tr td .eda-addexp{width:85px;margin-left: 5px;} /*.analystscreen2 .table-responsive .analysts2-table-outer tbody tr td select{width:200px;}*/ .analystscreen2 .table-responsive .analysts2-table-outer .calenderlength{width:125px;} .analystscreen2 .table-responsive .analysts2-table-outer .table-thead-style{border-bottom:1px solid #00877c;margin-bottom:8px;} .analystscreen2 .table-responsive .analysts2-table-outer tbody > tr > td{border-top: medium none;} /*.analystscreen2 .table-responsive .analysts2-table-outer h3{margin:10px 270px;}*/ .analystscreen2 .table-responsive .analysts2-table2-input{width:200px;} .analystscreen2 .table-responsive .analysts2-table1 .input-table1{width:200px;} .analystscreen2 .table-responsive .input-table2{width:200px;} .analystscreen2 .analystsscreen3-export-btn{float:right;} .analystscreen2 .table-responsive .headerline span{display: inline-block;padding: 0 15px;position: relative;margin-left:170px;} .analystscreen2 .table-responsive .headerline span:before , .analystscreen2 .table-responsive .headerline span:after {background: #00877c; content: "";display: block;height: 1px;position: absolute;top: 50%;width: 2000%;} .analystscreen2 .table-responsive .headerline span:before {right: 100%;} .analystscreen2 .table-responsive .headerline span:after{left: 100%;} .analystscreen2 .table-responsive .headerline {overflow: hidden; font-size:17px;} .analystscreen2 .analysts2-table-outer select.form-control{width:130px;} .analystscreen2 .analysts2-table-outer select.form-control.edaName {width:200px;} .analystscreen2 .analysts2-table-outer .edaReject{width:70px;} .analystscreen2 .analysts2-table-outer .applyto-all{width:140px;} .analystscreen2 .analysts2-table-outer .edaSelectCheck{width:35px;} .analystscreen2 .analysts2-table-outer{border-bottom: 1px solid #00877c;display: inline-block;width:auto;max-width:none;position:relative;} .analystscreen3 .progress-width2{width:66%;} /*analystscreen3 */ .analystscreen3 .table > thead > tr > th, .table > tbody > tr > td{padding: 8px 12px 8px 0px;} .analystscreen3 .analysts3-table-wrapper{padding:0;list-style: none;max-height:600px;} .analystscreen3 .table-responsive .analysts3-table-wrapper .table-text-length {overflow-wrap: break-word;word-wrap: break-word;width: 130px; word-break: break-all;} .analystscreen3 .table-responsive .analysts3-table-wrapper .newcom-chk {width: 90px;} .analystscreen3 .table-responsive .analysts3-table-wrapper .aggregate{width:88px;} .analystscreen3 .table-responsive .analysts3-table-wrapper tbody tr td select{width:200px;} .analystscreen3 .table-responsive .analysts3-table-wrapper tbody tr td select.pricePgm{width:510px;} .analystscreen3 .table-responsive .analysts3-table-wrapper tbody tr td select.commType{width:230px;} .analystscreen3 .bootstrap-select > .dropdown-toggle {width:138px;} .analystscreen3 .table-responsive .analysts3-table-wrapper .calenderlength{width:125px;} .analystscreen3 .table-responsive .analysts3-table-wrapper .table-thead-style{border-bottom:1px solid #00877c;margin-bottom:8px;} .analystscreen3 .table-responsive .analysts3-table-wrapper tbody > tr > td{border-top: medium none;} .analystscreen3 .table-responsive .input-table2{width:130px;} .analystscreen3 .table-responsive .td-div-margin{margin-top:100px;} .analystscreen3 .table-responsive .td-input-margin{margin-top:78px;} .analystscreen3 .table-responsive .td-select-margin{margin-top:35px;} .analystscreen3 .table-responsive .td-select-marginsend{margin-top:8px;} .analystscreen3 .table-responsive .gpo{width:80px !important;} .analystscreen3 .table-responsive .commTblChkRow{width:38px;} .analystscreen3 .table-responsive .commReject{width:70px;} .analystscreen3 .table-responsive .commCopyBtn{width:145px;} .analystscreen3 .table-responsive #analysts3-table-outer{border-top:1px solid #00877c;display: inline-block;width:auto;max-width:none;position:relative;} .analystscreen3 .table-responsive #analysts3-table-outer:first-child{border-top:none;} .analystscreen3 .table-responsive #analysts3-table-outer.noborder{border-top:none;} .analystscreen3 .table-responsive .td-div-widthfirst{margin-left: 74px; width: 88px !important;} .analystscreen3 .analystsscreen4-export-btn {float:right;} .analystscreen2 .progress-width3{width:100%;} .analystscreen3 .table-responsive{border:none;} #contractNameModal .green-btn.btn-srchContract { margin: 10px 0;} /*contact Us*/ .contactUs .mainborder-top{border-top:1px solid #00877c;} .contactUs .text-Space{margin-top:8px;padding-bottom:15px;} .contactUs .commontext-msg{padding: 12px 0;} .contactUs p:first-child{padding:25px 0 12px;margin:0;} .jobCode{border-top:1px solid #00877c; margin-top:18px; padding:10px 0;font-size:13px;} #commonModal .mgloc-redirect-btn{margin-top:106px;} /*Get Help*/ .getHelpnew {min-height: 391px;} .getHelpnew .gethelp-links{list-style-type:none; margin:0;padding:0;text-align:center;} .getHelpnew .getHelps-nav{float:left;width:15%;} .getHelpnew .gethelp-links li {border-bottom:1px solid #fff;color:#fff;} .getHelpnew .gethelp-links li a:hover{background-color:#72c3be;} .getHelpnew .gethelp-links > li > a{color:#fff;padding:10px 15px;;display:block;font-size:12px;font-weight: bold;margin-top:5px;background-color:#00877c;} .getHelpnew .getHelp-content{float:right;width:80%;} .getHelpnew ul.leftSideLink {float: left;list-style: outside none none;padding-left: 0; width: 46%;} .getHelpnew ul.rightSideLink {float: left;list-style: outside none none;padding-left: 20px;width: 46%;} .getHelpnew .intro-border{ border-bottom: 1px solid #00877c;padding-bottom:25px;margin-bottom:28px;} .getHelpnew .linkContentWrapper{margin-top:18px;} .getHelpnew .leftContent li{padding: 0 0 18px 10px;} .getHelpnew .helpSite-view {border-top:1px solid #d8d9de;padding:0;list-style: outside none none;} .getHelpnew .helpSite-view li{padding:10px 0;} .getHelpnew .help-header{color:#007268;} .getHelpnew .help-introMsg{color:#007268; font-size: 16px; margin-bottom: 16px;font-weight:bold;} .getHelpnew .help-QA{margin-left: 28px;} .getHelpnew .help-QA a{display: inline-block;color:#007268;cursor:pointer;margin-bottom: 8px;text-indent:-14px;} .getHelpnew .help-gQ{ margin-bottom:10px;} .getHelpnew .helpAcc-header{margin:10px 0 18px -28px;} .getHelpnew .gpoipn-faqs{margin-bottom: 15px;color:#cc99ff;} /* Forgot Password */ #ceportal div.ceportal{ margin:0 auto !important;padding:0 15px;max-width: 1200px;} #ceportal div.ceportal h3{font-size: 27px;margin: 0 0 25px;text-transform:uppercase;} #ceportal div.ceportal p{border-top: 1px solid #00877c;padding: 28px 0;} #ceportal div.ceportal input[type="text"] {border: 1px solid #bdc2c8;border-radius: 0;box-shadow: none;color: #243444;outline: medium none;padding:6px 10px;background-color: #fff;background-image: none;display: block;font-size: 14px;height: 34px;line-height: 1.42857;width:270px;} #ceportal div.ceportal input[type="submit"], #ceportal div.ceportal input[type="button"], #ceportal div.ceportal input[type="reset"], #ceportal div.ceportal button{margin:0 5px 0 0;font-size: 17px;line-height: 1.1;background-color:#00877c;color: #fff;border-radius: 4px;box-shadow: none !important;outline: medium none;padding: 7px;text-transform: uppercase; background-image: none;border: 1px solid transparent;cursor: pointer;display: inline-block;text-align: center;vertical-align: middle;white-space: nowrap;width:auto !important;height:auto !important;} #ceportal div.ceportal input[type="submit"]{background-color: #00877c;} #ceportal div.ceportal input[type="submit"]:hover{background-color: #72c3be;} /*for third party*/ .addloc_no{margin-left:25px;} .manageAccount .manageloc .mgloc_hiccheck{position:static;margin-left:5px;} /*Ack Popup Style*/ .manageAccount .acknowledgement{width:90%; } .manageAccount .acknowledgement h4 {border-bottom: 1px solid #72c3be;margin-bottom: 15px; padding: 10px 0;} .manageAccount .acknowledgement h5 {font-weight: bold;margin: 15px 0 10px;} .manageAccount .acknowledgement .popup-chkbox{float:left;} .manageAccount .acknowledgement label.popup-label{float:left;margin-left:5px;width:88%;font-weight:normal;} .acknowledgement .popup-date{position: relative;display:inline-block;margin-left:5px;} .acknowledgement .popup-date input{width:159px;} .acknowledgement .errorMsg{ position: absolute !important;right:0;top:19px;width:159px;margin-right:0;padding:0;} .bulkUploadAck .acknowledgement{width:90%; } .bulkUploadAck .acknowledgement h4 {border-bottom: 1px solid #72c3be;margin-bottom: 15px; padding: 10px 0;} .bulkUploadAck .acknowledgement h5 {font-weight: bold;margin: 15px 0 10px;} .bulkUploadAck .acknowledgement .popup-chkbox{float:left;} .bulkUploadAck .acknowledgement label.popup-label{float:left;margin-left:5px;width:88%;font-weight:normal;} .adminuser-profile #divcustomerroletype #aCustomerAccount{margin-left:5px;} .adminuser-profile #divthirdpartyroletype{margin-top: 10px;} #createAccountModal .modal-body{padding:20px;} #createAccountModal h1.heading{padding-bottom:20px;border-bottom:1px solid #00877c;} #createAccountModal #admincp-cmpltlink{margin:8px 0;} #createAccountModal .pa-or{font-size: 23px;color: red;text-align: center;margin-bottom: 20px;} .table > tbody + tbody { border-top: none; } .bulkup-summary{position: absolute;width: 100%;} .taskAndCustomer{position:relative;} .taskAndCustomer textarea{min-width:150px !important;} /* @media (max-width: 767px){ .bkuploadbtn{display:none;} } @media (max-width: 1023px) and (orientation: landscape){ .bkuploadbtn{display:none;} } */ @media (max-width: 767px) { body {font-size: 12px;} .mobhide{display:none;} .totalWrapper, .global-wrapper{position:relative;overflow:hidden;} h1{font-size: 21px;margin: 0 0 15px;} h2, h3, h4{font-size: 20px;} .intro-msg{padding:20px 0;} .btn-lg{font-size:14px;} .jobCode{display:none;} .m-btn-margin{display:block;margin:8px 0 0;} .m-atag-margin{display:block;} .addressLable1{width: 53px;} header .navbar > .container-fluid .navbar-brand{max-width:110px;} header .merck-account{font-size:13px;margin-left:0;margin-top:4px;} header .navbar-toggle{margin-top:0;padding: 3px 0;margin-bottom: 0;} header .navbar-toggle .icon-bar{background-color:#00877c;height: 3px;width: 32px;} header .navbar-toggle .icon-bar + .icon-bar{margin-top: 5px;} header .navbar {margin-bottom:3px;margin-top: 25px;position:static;} header .navbar-collapse{background-color:#d7dade;margin-top: 5px;} header .navbar-nav > li > a{font-size:13px;border-bottom:1px solid #bdc2c8;padding:12px 8px;margin-left:0;text-align:center;background-color:transparent;} header .nav .open > a, header .nav .open > a:hover, header .nav .open > a:focus{border-color:#fff;background-color:transparent;} header .dropdown-menu > li > a{text-align:center;color:#243444;text-transform: uppercase;font-size: 12px;} header .navbar-nav .open .dropdown-menu > li > a{padding:12px 8px;border-bottom:1px solid #fff;} header .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus{background-color:transparent;color:#243444;} header .navbar-nav .open .dropdown-menu{padding:0;} header .nav > li.open{background-color:#72c3be;} header .navbar-right{margin:0;} header .explore-icon{margin-top:-4px;} header .explore-drop{background-color:#fff;border:1px solid #00877c;color:#00877c;display:inline-block;font-size:23px;height:17px;line-height:14px;vertical-align:middle;width:17px;} header .navbar-nav li .dropdown-toggle .minus{display:none;} header .navbar-nav li.open .dropdown-toggle .minus{display:inline-block;font-size:19px;line-height:11px;} header .navbar-nav li.open .dropdown-toggle .plus{display:none;} header .navbar-nav .announc-btn a span{display:none;} /*mobile menu*/ header #navbar{background-color:#d7dade;border-color: #bdc2c8;border-width: 1px 0 0 1px;border-style: solid; position:absolute;top:100px;right:-300px;transition: right 0.5s ease 0s;z-index: 1030;height:100%;width:300px;overflow-y:auto;} .slideOpen header #navbar{right:0;} .mainPageWrapper{position:relative;transition: right 0.5s ease 0s;right:0;} .slideOpen .mainPageWrapper{right:300px;} /*Modal Popup styles*/ .modal-dialog{margin: 100px 10px 30px;} .bootstrap-table .pull-right .dropdown-menu {left:0;} .footer-cpy span#NONDA_id{display:none;} /* .navbar-toggle .icon-bar{display:none;} .collapsed .icon-bar{display:block;} .close-icon{color: #00877c;display: block;font-size: 33px;line-height: 1;margin-top: -7px;} .collapsed .close-icon{display:none;} */ header .navbar-toggle .icon-bar {transition: all 0.2s ease 0s;} header .navbar-toggle.collapsed .top-bar {transform: rotate(0deg);transform-origin: 13% 10% 0;} header .navbar-toggle.collapsed .middle-bar {opacity: 1;} header .navbar-toggle.collapsed .bottom-bar {transform: rotate(0deg);transform-origin: 10% 90% 0;} header .navbar-toggle .top-bar {transform: rotate(45deg);transform-origin: 13% 10% 0;} header .navbar-toggle .middle-bar {opacity: 0;} header .navbar-toggle .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90% 0;} .homepage .home-rightblock{margin-left:0;} .homepage .home-rightblock{padding: 20px;margin-top: 10px;} .homepage h1.home-right-title{font-size:23px;} .homepage .home-right-description {font-size: 18px;margin: 18px 0;} .homepage .login-msg{margin-bottom: 13px;} .homepage .login-field{padding:0;margin-bottom: 13px;} .homepage .login-field:last-child{margin-bottom:0;} .homepage .home-loginbtn{margin:0;} .login_box.remember-box{padding:20px;} .login_box .rem-link {float: left;margin-top: 6px;width: 50%;border:0;padding:0;} .login_box .forgot-link {float: left;text-align: right;width: 50%;margin:0;} .homepage .home-loginbox .form-control{margin-top:0;} .login_box .loginBox .login-title{display: block;height:auto;float:none;padding: 20px 20px 13px;width:auto;} .login_box .loginBox form{float:none;width:auto;height:auto;} .login_box .loginBox .username-section{float:none;margin-bottom:13px;padding: 0 20px;width:auto;} .login_box .loginBox .password-section{float:none;padding: 0 20px;width:auto;} .login_box .loginBox .loginButton{float:none;margin-top:0px;padding: 0 20px 20px;} .login_box .remember-box{float:none;height:auto;width:auto;padding:20px;} .login_box .loginBox .form-error-msg{top: 100%;} /*Manage Account Styles*/ .manageAccount .addressSpan{width:auto;} .manageAccount .view-summarybtn-outer{text-align:left;} .manageAccount .view-summary-btn{margin-top:10px;} .manageAccount .cc-acc {margin-top:10px;} .manageAccount .nav-tabs > li ,.taskAndCustomer .nav-tabs > li {float:none;} .manageAccount .nav-tabs > li > a , .taskAndCustomer .nav-tabs > li >a{margin:5px 0 0;text-align:center;} .manageAccount .addloc-outer{text-align:left;} .manageAccount .addloc-btn{margin:16px 0 10px;} .manageAccount .tab-content,.taskAndCustomer .tab-content{padding: 20px 10px;} /*My Profile*/ .manageAccount .myProfile .myProfLinks,.manageAccount .myProfile .updateProf {text-align:left;} .manageAccount .myProfile .myProfLinks-top{margin-top:25px;} .manageAccount .myProfile .mp-pswrules ,.myProfileLogin .mp-pswrules{position:static;display:block;margin-top:10px;} .manageAccount .myProfile .popover , .myProfileLogin .popover{left:0 !important; top:83px !important;} .manageAccount .myProfile .mp-cxlpswadj {padding-bottom:161px;} .manageAccount .accountprofile .updateaccProf{text-align:left;} /*manage locations*/ .manageAccount .up-info{margin-top:8px;} .manageAccount .manageloc .updateProfile-btn {float:none;} /* .manageAccount .manageloc #export_link{display:none;} */ .manageAccount .manageloc .remove-right-btn{float:none;margin-top:10px;} .manageAccount .manageloc .contract-loc{width:100%;} .manageAccount .manageloc .manageloc-table .dot-symbol {margin-right:5px;} .manageAccount .manageloc-top{margin:10px 0 0;} .manageAccount .manageloc .addloc-outer .btn{margin:10px 0 0 ;} .manageAccount .manageloc .pagination-detail ,.manageAccount .manageloc .pagination{float:none !important;} .manageAccount .fixed-table-pagination {margin-top:68px;} .manageAccount .manageloc .pagination{bottom:22px;position:absolute;width:100%;} .manageAccount .manageloc .selectall-outer{position:relative;bottom:132px;} .manageAccount .manageloc .locEditContract-wrapper .fixed-table-pagination{margin-top:200px;bottom:231px;} .manageAccount .manageloc .editcon-btns{position:relative;bottom:236px;} .manageAccount .manageloc .manageloc-table {overflow-x:scroll;} .manageAccount .manageloc .mgLoc-or{margin:0px;} .manageAccount .manageloc .mgloc_dpanum{padding:0px;margin:0 0 15px;} /* .manageAccount .fixed-table-pagination .pagination-detail {margin-bottom: 27px;} */ .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {margin-bottom:17px;} .manageAccount .manageloc .mgloc_hiccheck{position:static;margin-left:5px;} .manageAccount .managecontracts .fixed-table-pagination div.pagination, .manageAccount .managecontracts .fixed-table-pagination .pagination-detail {margin-bottom: 30px;} /* .fixed-table-pagination{margin-top:0;} */ .manageAccount .manageloc #manageloc-editcontract .btn{margin-top:10px;} .manageAccount .manageloc #manageloc-editcontract .btn-wrapper{display:block;} /*add location*/ /* .addLocation .addloc-outer-btn{display:none;} */ .addLocation .addloca-contracts-data {float:none;margin-bottom: 40px;margin-top: 30px !important;width: auto;} /*manage contracts*/ .manageAccount .managecontracts .managecotrtsandcs{text-align:left;} .manageAccount .managecontracts .viewcontrt-top{margin-top:15px;} .manageAccount .managecontracts .editcont-top{font-size:14px;} .manageAccount #editcontLoc-grid .btn-lg{margin-bottom:10px;} .manageAccount .managecontracts .fixed-table-pagination ,.taskAndCustomer .fixed-table-pagination{position:relative;} .manageAccount .managecontracts .pagination ,.manageAccount .managecontracts .pagination-detail,.taskAndCustomer .pagination-detail{float:none !important;} .manageAccount .managecontracts .pagination,.taskAndCustomer .pagination{bottom:16px;position:absolute;width:100%;} .addnewcontract .addnewcotrts-label-margin {width: 80%;} /*Create Account Styles*/ .createAccount .ca-right-block{margin-left:0;} .createAccount .ca-zip{float:none;} .createProfile dl dd{margin-left:58px;text-indent:-6px;} /* .createAccount .form-field label{display:none;} */ /* Retrieve User Name Styles */ .inputWidth{width:100%;} /*Connect YOUR MERCK ACCOUNT*/ .connectMerckAccount .accSearch{font-size:20px;} .connectMerckAccount .connacc-margin{margin-bottom: 10px;float:none;width:auto;border-bottom: 1px solid #bdc2c8;} .cncp-label{float:left;width:90%;} .taskAndCustomer .customer span.cust-label{float:left;width:86%;} .connectMerckAccount .txtarea-width {width:90%;} .connectMerckAccount .errorMsg-width {width:90%;} .connectMerckAccount input.scharearadio {margin-top:47px;} .connectMerckAccount .usr-srharea-text{margin-top:10px;} /*contact Us*/ .contactUs p:first-child {margin: 0;padding: 15px 0 12px;} /* Forgot Password */ #ceportal div.ceportal h3{font-size:21px; margin: 0 0 15px;} #ceportal div.ceportal p{padding: 20px 0;} #ceportal div.ceportal input[type="text"]{width:200px;} /*Analyst Screen*/ .analystscreen3 .table-responsive .td-div-widthfirst {margin-left: 59px;} #analystsscreen4-submit-btn, .screen4-skip-btn ,.analysts-skip-btn{display:block;margin-top:8px;margin-bottom:8px;width: 119px;} .analysts-export-btn{float:none;margin-top:8px;} .analystscreen2 .table-responsive .headerline::before{width:3%;} .analysts-export-btn {margin-top: auto;} .addLocation .addLoc-or{margin:0;} .activeSummary .as-button-right {float: none;} /*Ack popup*/ .manageAccount .acknowledgement ,.activeSummary .acknowledgement { width: 94%;} .acknowledgement h5 {margin: 40px 0 10px;} .acknowledgement .popup-date input{width:133px;} .acknowledgement .errorMsg{width:133px;margin-right:0;padding:0;} /*Get Help*/ .getHelpnew .getHelps-nav{float:none;width:100%;text-align: center;border-bottom: none;margin-bottom: 18px;border-top: none;} .getHelpnew .intro-border{margin:0;} .getHelpnew .gethelp-links li { border-bottom: none medium;} .getHelpnew .getHelp-content {float:none;width: 100%;} .getHelpnew ul.leftSideLink{float:none;width:100%;} .getHelpnew ul.rightSideLink {float:none;width:100%;padding:0;} .getHelpnew .intro-border {display:none} .getHelpnew .getHelp-info .intro-border1 {display:block !important; padding-bottom:18px;} .getHelpnew .help-QA {margin-left: 25px;} .getHelpnew .help-QA a{text-indent:-12px;} .adminuser-profile #divcustomerroletype #aCustomerAccount{margin-left:0;} .bulkup-summary{position: static;} .bulkup-emptyfield{display:none;} } /* Small devices (tablets, 768px and up) */ @media (max-width: 768px) { .row-eq-height {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;} .deskhide{display:none;} .nav > li > a:hover{text-decoration: underline;} header .nav-container-fluid{position:relative;} header .navbar-nav .loginfo-btns{position: absolute;top:97px;} header .navbar-nav .announc-btn{right: 90px;} header .navbar-nav .logout-btn{right: 15px;} header .navbar-nav li.loginfo-btns a{background-color: #00877c;color: #fff;margin: 0;text-decoration:none !important;line-height:1.1;} header .nav .open > a, header .nav .open > a:hover, header .nav .open > a:focus{background-color:#72c3be;border:none;outline:none;color:#fff;border-radius:4px;} header .navbar-nav li.open .dropdown-menu{background-color:#d7dade;padding:0;border:1px solid #bdc2c8;box-shadow:none;min-width:156px;width:156px;} header .navbar-nav li.open .dropdown-menu li {border-bottom:1px solid #bdc2c8;} header .navbar-nav li.open .dropdown-menu li a{padding:8px 8px 8px 15px;text-transform:uppercase;font-size:12px;text-decoration:none;} header .navbar-nav li.open .dropdown-menu li a:hover{color:#fff;background-color:#72c3be;} header .navbar-nav li .dropdown-toggle{width:156px;} /*Modal Popup styles*/ .modal-dialog{width:630px;} /*Ack Popup*/ } @media (min-width: 769px) and (max-width: 991px) { header .merck-account{margin-left:10px;} header .navbar-nav > li > a{margin:0 0 0 20px;} .homepage .home-rightblock{padding:15px;} .homepage h1.home-right-title{font-size:21px;} .homepage .home-right-description{font-size:17px;} .homepage .home-rightblock .btn{font-size:14px;} .manageAccount .myProfile .mp-cxlpswadj {padding-bottom: 161px;} .login_box .loginBox .loginButton {margin-top:26px;padding:0;} .login_box .loginBox form{width:60%;} .login_box .remember-box{width:23%;} .login_box .loginBox .login-title ,.login_box .loginBox form,.login_box .remember-box{height:103px;} .login_box .loginBox .username-section{padding-top:24px;} .login_box .loginBox .password-section{padding:24px 10px 0;} .login_box .loginBox .loginButton {margin-top: 31px;} .manageAccount .manageloc .addloc-outer .btn {margin: 10px 0 0 8px;} /* .manageAccount .addloc-outer {text-align:left;} */ .manageAccount .addloc-outer-btns {text-align:right;} .manageAccount .manageloc .mgloc_hiccheck{position:static;margin-left:5px;} .getHelpnew .getHelps-nav {width: 23%;} .getHelpnew .getHelp-content {width: 73%;} .manageAccount .manageloc .addloc-outer .btn {margin:10px 0 0;} .manageAccount .acknowledgement{width:94%;} .manageAccount #manageloc-viewinfo .up-info{margin-top:10px;} } @media (min-width: 992px) and (max-width:1199px){ .homepage h1.home-right-title{font-size:23px;} .homepage .home-right-description{font-size:18px;} .homepage .home-rightblock .btn{font-size:15px;} } /* Medium devices (desktops, 992px and up) */ @media (min-width: 320px) and (max-width:400px){ .manageAccount .manageloc .mgloc_hiclabel{float:left;width:92%;} .manageAccount .manageloc .mgloc_hiccheck{position:static;margin-left:5px;} } /*! * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .datepicker > div { display: none; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.highlighted { color: #000000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.highlighted { color: #000000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .open > .dropdown-toggle.datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .open > .dropdown-toggle.datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus, .open > .dropdown-toggle.datepicker table tr td.highlighted.focus { color: #000000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.highlighted { background-image: none; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #999999; } .datepicker table tr td.today { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active, .open > .dropdown-toggle.datepicker table tr td.today { color: #000000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .open > .dropdown-toggle.datepicker table tr td.today:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .open > .dropdown-toggle.datepicker table tr td.today:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus, .open > .dropdown-toggle.datepicker table tr td.today.focus { color: #000000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today:active, .datepicker table tr td.today.active, .open > .dropdown-toggle.datepicker table tr td.today { background-image: none; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #999999; } .datepicker table tr td.range { color: #000000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active, .open > .dropdown-toggle.datepicker table tr td.range { color: #000000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .open > .dropdown-toggle.datepicker table tr td.range:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .open > .dropdown-toggle.datepicker table tr td.range:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus, .open > .dropdown-toggle.datepicker table tr td.range.focus { color: #000000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range:active, .datepicker table tr td.range.active, .open > .dropdown-toggle.datepicker table tr td.range { background-image: none; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eeeeee; color: #999999; } .datepicker table tr td.range.highlighted { color: #000000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.range.highlighted { color: #000000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus, .open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus { color: #000000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.range.highlighted { background-image: none; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #999999; } .datepicker table tr td.range.today { color: #000000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active, .open > .dropdown-toggle.datepicker table tr td.range.today { color: #000000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .open > .dropdown-toggle.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .open > .dropdown-toggle.datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus, .open > .dropdown-toggle.datepicker table tr td.range.today.focus { color: #000000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active, .open > .dropdown-toggle.datepicker table tr td.range.today { background-image: none; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #999999; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #ffffff; background-color: #808080; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #ffffff; background-color: #808080; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted { color: #ffffff; background-color: #808080; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .open > .dropdown-toggle.datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .open > .dropdown-toggle.datepicker table tr td.selected:focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus, .open > .dropdown-toggle.datepicker table tr td.selected.focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus { color: #ffffff; background-color: #6e6e6e; border-color: #161616; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted { background-image: none; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #ffffff; background-color: #3071a9; border-color: #193c5a; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus { color: #ffffff; background-color: #285e8e; border-color: #193c5a; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted { background-image: none; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #ffffff; background-color: #3071a9; border-color: #193c5a; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus { color: #ffffff; background-color: #285e8e; border-color: #193c5a; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.42857143; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } /*Highwater styles*/ * { box-sizing: border-box; } .wrapper.layout { position: relative; overflow: hidden; width: 100%; font-size: 15px; letter-spacing: -.02em; color: #000; line-height: 32px; } .wrapper.layout.hg-header{overflow:visible} @media (max-width: 767.98px) { .wrapper.layout { font-size: 14px; line-height: 1.5714; } } .layout .h1, .layout .h2, .layout .h3, .layout .h4, .layout .h5, .layout .h6, .layout h1, .layout h2, .layout h3, .layout h4, .layout h5, .layout h6 { font-weight: 700; letter-spacing: -.02em; } /** @define anchor **/ .layout a { -webkit-transition: color 0.4s ease, background 0.4s ease; transition: color 0.4s ease, background 0.4s ease; outline: none; color: #000; text-decoration: none; } .layout p { margin: 0 0 16px; } .layout label { font-weight: 400; } .list-unstyled { list-style: none; padding: 0; margin: 0; } .layout .img { display: block; width: 100%; height: auto; } .layout .btn-primary, .layout .btn-info, .layout .btn-light { font-size: 15px; line-height: 20px; width: 128px; height: 40px; font-weight: 700; position: relative; background: #00958f; padding: 10px 5px; text-align: center; border: none; color: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; vertical-align: top; height: 40px; box-sizing: border-box; } .layout .btn-primary:hover, .layout .btn-info:hover, .layout .btn-light:hover { background: #999; border-color: #999; color: #fff; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-primary:focus, .layout .btn-primary:active, .layout .btn-info:focus, .layout .btn-info:active, .layout .btn-light:focus, .layout .btn-light:active { background: #005C56 !important; border-color: #00958f !important; color: #fff; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-secondary { font-size: 15px; line-height: 20px; width: 128px; height: 40px; font-weight: 700; position: relative; background: none; padding: 8px 5px 12px; text-align: center; border: 2px solid #fff; color: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; box-sizing: border-box; display: inline-block; vertical-align: top; } .layout .btn-secondary:hover { background: #999; border-color: #999; color: #fff; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-secondary:focus, .layout .btn-secondary:active { background: #fff !important; border-color: #fff !important; color: #999 !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-info { background: #999; color: #fff; } .layout .btn-info:hover { background: #fff !important; border-color: #fff !important; color: #999 !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-info:focus, .layout .btn-info:active { background: #fff !important; border-color: #fff !important; color: #999 !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-light { background: #fafcfc; color: #777575; } .layout .btn-light:hover { background: #00958f; border-color: #00958f; color: #fff; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .layout .btn-light:focus, .layout .btn-light:active { background: #fff !important; border-color: #fff !important; color: #999 !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 991.98px) { .layout .mobile-hidden { display: none !important; } } @media (min-width: 768px) { .layout .desktop-hidden { display: none !important; } } .layout .container { max-width: 1176px; margin: 0 auto; padding-left: 15px; padding-right: 15px; width: 100%; } .layout .main { position: relative; } @media (max-width: 767.98px) { .container { max-width: 100%; } } /** @define header **/ .layout .header { position: relative; } .layout .header-holder { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; } @media (max-width: 767.98px) { .layout .header-holder { padding: 10px 0; } } .logo { margin: 0 0 0 -21px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .merck-logo { display: block; width: 147px; } .merck-logo a { display: block; } .merck-logo img { display: block; width: 100%; height: auto; } .merck-logo2 { display: block; width: 235px; margin: 0 0 0 83px; position: relative; } @media (max-width: 1210.98px) { .logo { margin: 0; } } @media (max-width: 767.98px) { .merck-logo2 { display: none; } } .merck-logo2:after { position: absolute; left: -43px; top: -13px; content: ''; width: 4px; background: #00958f; height: 42px; pointer-events: none; } .merck-logo2 a { display: block; } .merck-logo2 img { display: block; width: 100%; height: auto; } /** @define menu-opener **/ .menu-opener { width: 19px; height: 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 0; background: none; position: absolute; right: 0; top: 23px; z-index: 20; display: block; } .user-info { text-transform: uppercase; color: #00958f; position: absolute; right: 101px; top: 28px; letter-spacing: -0.8px; line-height: 18px; font-size: 17px; font-weight: 700; } @media (max-width: 992px) { .user-info { right: 54px; } } @media (max-width: 767.98px) { .menu-opener { top: 18px; } .user-info { top: 24px; right: 36px; } } .user-info a { color: #00958f; margin-right: 9px; cursor: pointer; } .user-info a:hover { color: #999; } .menu-active .menu-opener { border-top: 0; } .menu-opener span { display: block; } .menu-opener span:before { width: 19px; height: 3px; background: #00958f; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ''; position: absolute; left: 0; top: 7px; } .menu-active .menu-opener span:before { opacity: 0; visibility: hidden; } .menu-opener:after, .menu-opener:before { width: 19px; height: 3px; background: #00958f; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content: ''; position: absolute; left: 0; top: 13px; } .menu-active .menu-opener:after, .menu-active .menu-opener:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-opener:before { top: 19px; } .menu-active .menu-opener:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 13px; } /** @define nav-drop **/ .nav-drop { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; top: 100%; right: -32px; overflow: hidden; padding: 0; max-height: 0; opacity: 1; visibility: visible; z-index: 99; } @media (max-width: 1240px) { .nav-drop { right: 0; } } .menu-active .nav-drop { max-height: 4000px; } /** @define nav-area **/ .nav-area { position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .menu-active .nav-area { -webkit-transform: translateY(0); transform: translateY(0); } /** @define menu **/ .layout .menu { font-size: 15px; line-height: 20px; font-weight: 700; padding: 0; width: 230px; background: #e0e0e0; padding: 20px 32px 8px; } @media (max-width: 1199.98px) { .layout .menu { font-size: 12px; line-height: 20px; } } .layout .menu > li { position: relative; margin: 0 0 15px; } @media (max-width: 767.98px) { .layout .menu > li.dropdown > a:after { position: relative; display: inline-block; vertical-align: middle; content: ''; border-style: solid; margin-left: 8px; margin-bottom: 3px; border-width: 7px 6.5px 0 6.5px; border-color: #fff transparent transparent transparent; } } @media (min-width: 992px) { .layout .menu > li:hover .dropdown-menu { opacity: 1; visibility: visible; } } .layout .menu > li > a { display: block; position: relative; color: #00958f; } .layout .menu > li > a:hover { color: #37424a; } .layout .menu > li > a:active { color: #000; } .menu .has-children { position: relative; } .menu .has-children:after { content: ''; position: absolute; right: 0; top: 7px; width: 10px; height: 7px; background: url('/static/images/dd-arrow.png'); transform: rotate(180deg); } .menu .has-children.active:after { transform: rotate(0deg); } .menu .has-children:hover a, .menu .has-children.current-menu-ancestor a { color: #000; } .menu .has-children.current-menu-ancestor:after { background: url('/static/images/dd-arrow-black.png'); transform: rotate(0deg); } .menu .has-children.active.current-menu-ancestor:after { background: url('/static/images/dd-arrow-black.png'); transform: rotate(180deg); } .menu .current-menu-item a, .menu .has-children.current-menu-ancestor .current-menu-item a { color: #000 !important; } .menu .has-children.active:hover:after, .current-menu-ancestor:after { background: url('/static/images/dd-arrow-black.png'); transform: rotate(180deg); } .menu .has-children:hover:after { background: url('/static/images/dd-arrow-black.png'); transform: rotate(0deg); } .menu .has-children ul { margin: 14px -35px; background: #fff; position: static; display: block; padding: 14px 54px; list-style: none; display: none; } .menu .has-children ul li { line-height: 30px; } .menu .has-children ul li a { font-size: 15px; color: #00958f !important; font-weight: normal; } .menu .has-children ul li a:hover { color: #000 !important; } /** @define dropdown-menu **/ .layout .dropdown-menu { font-size: 16px; line-height: 20px; background: #51a2eb; font-weight: 400; border-radius: 0; letter-spacing: -.02em; padding: 20px 15px; position: relative; border: none; margin: 0; min-width: inherit; text-transform: none; width: 250px; text-transform: capitalize; } @media (min-width: 992px) { .layout .dropdown-menu { -webkit-transform: none !important; transform: none !important; display: block !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute !important; opacity: 0; visibility: hidden; top: 100% !important; left: auto !important; transform: none !important; left: 0; } } @media (max-width: 991.98px) { .layout .dropdown-menu { position: relative !important; -webkit-transform: none !important; transform: none !important; margin: 0; text-align: center; padding: 12px 10px; min-width: inherit; float: none; width: auto; min-width: inherit; } } .layout .dropdown-menu .dropdown-list { position: relative; margin: 0; } .layout .dropdown-menu .dropdown-list a { padding: 10px 0; display: block; color: #fff; } .layout .dropdown-menu .dropdown-list a:hover { color: #000; } .intro-area { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .intro-area .container { width: 100%; } @media (max-width: 991.98px) { .intro-area { position: static; margin-bottom: -1px; } } .main-images img { display: block; height: auto; margin: 0 auto; max-width: 1920px; width: 100%; } @media (max-width: 479px) { .main-images img { max-width: inherit; width: 500px; left: 50%; margin-left: -250px; position: relative; } } @media (max-width: 380px) { .main-images img { margin-left: -300px; } } .intro-block { max-width: 343px; margin: 0 0 44px 20px; } @media (max-width: 1700px) { .intro-block { margin: 0; } } @media (max-width: 1500px) { .intro-block { max-width: 400px; } } @media (max-width: 1350px) { .intro-block { max-width: 470px; } } @media (max-width: 1199.98px) { .intro-block { max-width: 370px; } } @media (max-width: 991.98px) { .intro-block { max-width: 100%; margin-bottom: 0; } } .intro-block .box { background: #fff; text-align: center; padding: 28px 48px 191px; position: relative; margin: 0 0 20px; color: #999; } @media (max-width: 1500px) { .intro-block .box { padding: 28px 30px 153px; } } @media (max-width: 1350px) { .intro-block .box { padding: 28px 20px 150px; } } @media (max-width: 1199.98px) { .intro-block .box { margin: 0 0 10px; padding: 20px 20px 153px; line-height: 20px; } } @media (max-width: 991.98px) { .intro-block .box { line-height: 28px; } } .intro-block .title { display: block; margin: 0; text-transform: uppercase; color: #00958f; font-weight: 700; } .intro-block .subtitle { display: block; color: #555; } .intro-block p { margin: 0 0 24px; } @media (max-width: 1199.98px) { .intro-block p { margin: 0 0 10px; } } @media (max-width: 767.98px) { .intro-block p { margin: 0 0 20px; } .intro-block { margin-bottom: 0; } } .intro-block h1 { color: #00958f; text-transform: uppercase; margin: 0 0 20px; line-height: 43px; font-size: 40px; } @media (max-width: 400px) { .intro-block h1 { margin: 0 20px 20px !important; } } .intro-block h1 em { display: inline-block; font-size: 30px; font-style: normal; font-weight: 300; margin: -2px 0 0 3px; vertical-align: top; } @media (max-width: 1350px) { .intro-block h1 { margin: 0; } } @media (max-width: 1199px) { .intro-block h1 { font-size: 30px; line-height: 34px; } .intro-block h1 em { font-size: 20px; margin-top: -5px; } } @media (max-width: 767.98px) { .intro-block h1 { margin: 0 0 10px; } } .intro-block .text-area { font-size: 10px; line-height: 17px; text-align: center; color: #555; } @media (max-width: 992px) { .intro-block .text-area { margin-bottom: 25px; } } .intro-block .text-area p { margin: 0; } .create-account { position: absolute; left: 0; right: 0; bottom: 0; background: #00958f; padding: 20px 15px 28px; text-align: center; } .create-account .heading { display: block; text-transform: uppercase; margin: 0 0 10px; color: #fff; } .visual-area { position: relative; z-index: 2; margin-bottom: -1px; } .visual-area .image { margin-bottom: 115px; } .visual-area .image img { display: block; width: 100%; height: auto; margin: 0 auto; max-width: 1920px; } .content-box { background: #00958f; padding: 53px 50px 58px 48px; width: 458px; letter-spacing: 0.7px; float: right; color: #fcfbfb; line-height: 28px; } @media (max-width: 1400px) { .content-box { padding: 30px 30px; } } @media (max-width: 1199.98px) { .content-box { line-height: 20px; } .visual-area .image { margin-bottom: 50px; } } @media (max-width: 991.98px) { .content-box { width: auto; margin: 0 -15px 0; line-height: 30px; } .visual-area .image { margin-bottom: 0; } } @media (max-width: 767.98px) { .content-box { line-height: 24px; } } .content-box p { margin: 0px 0 25px; } @media (max-width: 1199.98px) { .content-box p { margin: 0 0 15px; } } @media (max-width: 991.98px) { .content-box p { margin: 0 0 30px; } } .content-box .btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content-box .btn-row .btn { width: 46%; } .layout .main-area { font-size: 15px; line-height: 28px; color: #555; padding: 36px 0 121px; } .layout .main-area a { color: #555; } .layout .main-area a:hover { text-decoration: underline; } @media (max-width: 767.98px) { .layout .main-area { padding-bottom: 30px; } .layout .main-area { margin-bottom: 15px; } } .layout .main-area h1 { font-size: 30px; line-height: 34px; color: #555; font-weight: 400; margin: 0 0 5px; } .layout .main-area h3 { text-transform: uppercase; font-weight: 500; letter-spacing: 1.66px; margin: 0 0 12px; font-size: 20px; line-height: 24px; } @media (max-width: 767.98px) { .layout .main-area h3 { letter-spacing: -.02em; margin: 0 0 20px; } } .layout .main-area .list { padding: 0 0 0 36px; margin: 0; line-height: 24px; } @media (max-width: 767.98px) { .layout .main-area .list { padding: 0; } } .layout .main-area .list li { position: relative; padding: 0 0 0 10px; } .layout .main-area .list li:after { position: absolute; left: 0; top: 16px; width: 4px; height: 1px; background: #555; content: ''; } .layout .breadcrumbs { font-size: 12px; line-height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px 23px; } .layout .breadcrumbs li { padding: 0 8px; position: relative; } .layout .breadcrumbs li:after { position: absolute; left: -3px; top: 0; bottom: 0; content: '/'; color: #00958f; } .layout .breadcrumbs li:first-child:after { display: none; } .layout .breadcrumbs li:last-child a { pointer-events: none; } .layout .breadcrumbs a { color: #00958f; } .layout .breadcrumbs a:hover { color: #000; } .review-form { padding: 25px 0 0; } .review-form li { position: relative; padding: 0 0 0 32px; } @media (max-width: 767.98px) { .review-form li { padding: 0 0 0 25px; } } .review-form .btn-primary { outline: none; width: 166px; margin: 16px 0 0 5px; } .review-form p { margin: 0 0 10px; } .check-list { line-height: 24px; padding: 0 0 0 3px; margin: 0 0 29px; } .check-list li { margin: 0 0 7px; } /* .review-form [type="checkbox"] { position: fixed; left: 0; top: 0; opacity: 0; z-index: -1; } */ .review-form label { display: block; margin: 0; } .review-form .fake-input, .review-form label { display: inline-block; vertical-align: middle; } .review-form .fake-input { width: 14px; height: 14px; border: 2px solid #00958f; background: #fff; position: relative; position: absolute; left: 0; top: 7px; } .review-form [type="checkbox"] + .fake-input:before { content: ''; width: 8px; height: 4px; position: absolute; top: 50%; left: 50%; border: 2px solid #00958f; border-width: 0 0 2px 2px; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: -3px 0 0 -4px; } .review-form [type="checkbox"]:checked + .fake-input:before { opacity: 1; } .slick-slider { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: relative; left: 12px; bottom: 140px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; width: 1170px; margin: 0 auto; } @media (max-width: 1199.98px) { .slick-dots { bottom: 70px; left: 15px; max-width: 960px; } } @media (max-width: 991.98px) { .slick-dots { bottom: 50px; max-width: 720px; } } @media (max-width: 767.98px) { .slick-dots { max-width: 100%; } } .slick-dots li { position: relative; padding: 0 19px 0 0; } .slick-dots li.slick-active button { background: #919089; } .slick-dots button { font-size: 0; line-height: 0; width: 12px; height: 12px; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: none; background: #c0c0c0; outline: none; border-radius: 50%; border: none; padding: 0; } @media (max-width: 767.98px) { .slick-dots button { width: 7px; height: 7px; } } .slick-dots button:hover { background: #919089; } .layout .footer { position: relative; } .layout .footer-holder { padding: 58px 0; /*border-top: 1px solid #242725;*/ } @media (max-width: 767.98px) { .layout .footer-holder { padding: 35px 0 15px; } } .logo-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px 35px; } @media (max-width: 767.98px) { .logo-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } } .logo-row li { padding: 0 6px; } .logo-row img { display: block; } .layout .footer-links,.footer-links { font-size: 16px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 7px; font-weight: 700; } @media (max-width: 767.98px) { .layout .footer-links, .footer-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .layout .footer-links li, .footer-links li { padding: 0 5px; position: relative; } .layout .footer-links li:after, .footer-links li:after{ position: absolute; left: 0; top: 3px; bottom: 2px; width: 1px; content: ''; background: #555; } .layout .footer-links li:first-child, .footer-links li:first-child { padding-left: 0; } .layout .footer-links li:first-child:after, .footer-links li:first-child:after { display: none; } .layout .footer-links a, .footer-links a { color: #555; text-decoration: underline; } .layout .footer-links a:hover, .footer-links a:hover { text-decoration: none; color: #00958f; } .layout .footer-content, .footer-content { font-size: 12px; line-height: 15px; color: #555; } @media (max-width: 767.98px) { .layout .footer-content, .footer-content { text-align: center; } } .layout .footer-content a, .footer-content a { font-weight: 700; } .layout .footer-content a:hover, .footer-content a:hover { text-decoration: underline; color: #00958f; } .tooltip-holder { display: inline-block; vertical-align: middle; } .user-info .tooltip { pointer-events: none; } .tooltip .tooltip-inner { width: 350px !important; font-size: 15px !important; line-height: 22px !important; display: block; color: #fff; text-align: center; font-weight: 300; background: #00958f; padding: 10px !important; text-transform: none; font-weight: 300; position: relative; border-radius: 0; opacity: 1; left: 0; right: 0 ; max-width: inherit !important; margin-left: 15px; } .tooltip.in { opacity: 1 !important; } .tooltip-holder .tooltip { padding-top: 10px; top: 18px !important; max-width: 272px !important; } .tooltip-holder .tooltip .tooltip-arrow { border-style: solid !important; border-width: 0 11px 11px 11px !important; border-color: transparent transparent #00958f transparent !important; transform: translateX(-50%) !important; margin-left: 0 !important; } .tooltip-opener { text-transform: lowercase; width: 13px; height: 13px; /*color: #fff; background: #999;*/ display: inline-block; vertical-align: middle; text-align: center; border: none; font-size: 0px; /*line-height: 13px;*/ margin-bottom: 5px; display: inline-block; /*vertical-align: middle;*/ background: url('/static/images/info-btn.png'); } .user-info .tooltip-opener { color: #fff !important; } @media (max-width: 1309.98px) { .tooltip-holder .tooltip { left: auto !important; right: -40px !important; } .tooltip-holder .tooltip .tooltip-arrow { margin-left: 14px !important; } } .profile-link-large-screen { display: inline-block; } .profile-link-small-screen { display: none; } @media (max-width: 992px) { .profile-link-large-screen { display: none; } .profile-link-small-screen { display: inline-block; } .tooltip-holder { display: none; } } /*Highwater Styles End*/ /*additionaldefinitions for header*/ /* #tasktable */ /* { */ /* boarder-collapse:separate!important; */ /* } */ .taskAndCustomer .tasks #tasktable thead th{ border-top: 1px solid #00877c !important; border-bottom: 1px solid #00877c !important; } /*! * Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: auto; src: url("/static/fonts/fa-brands-400.eot"); src: url("/static/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fa-brands-400.woff2") format("woff2"), url("/static/fonts/fa-brands-400.woff") format("woff"), url("/static/fonts/fa-brands-400.ttf") format("truetype"), url("/static/fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Duotone"; font-style: normal; font-weight: 900; font-display: auto; src: url("/static/fonts/fa-duotone-900.eot"); src: url("/static/fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fa-duotone-900.woff2") format("woff2"), url("/static/fonts/fa-duotone-900.woff") format("woff"), url("/static/fonts/fa-duotone-900.ttf") format("truetype"), url("/static/fonts/fa-duotone-900.svg#fontawesome") format("svg"); } .fad { position: relative; font-family: "Font Awesome 5 Duotone"; font-weight: 900; } .fad:before { position: absolute; color: var(--fa-primary-color, inherit); opacity: 1; opacity: var(--fa-primary-opacity, 1); } .fad:after { color: var(--fa-secondary-color, inherit); opacity: .4; opacity: var(--fa-secondary-opacity, .4); } .fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before { opacity: .4; opacity: var(--fa-secondary-opacity, .4); } .fa-swap-opacity .fad:after, .fad.fa-swap-opacity:after { opacity: 1; opacity: var(--fa-primary-opacity, 1); } .fad.fa-inverse { color: #fff; } .fad.fa-stack-1x, .fad.fa-stack-2x { position: absolute; } .fad.fa-stack-1x:before, .fad.fa-stack-2x:before, .fad.fa-fw:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: auto; src: url("/static/fonts/fa-light-300.eot"); src: url("/static/fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fa-light-300.woff2") format("woff2"), url("/static/fonts/fa-light-300.woff") format("woff"), url("/static/fonts/fa-light-300.ttf") format("truetype"), url("/static/fonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: "Font Awesome 5 Pro"; font-weight: 300; } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: auto; src: url("/static/fonts/fa-regular-400.eot"); src: url("/static/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fa-regular-400.woff2") format("woff2"), url("/static/fonts/fa-regular-400.woff") format("woff"), url("/static/fonts/fa-regular-400.ttf") format("truetype"), url("/static/fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Pro"; font-weight: 400; } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: auto; src: url("/static/fonts/fa-solid-900.eot"); src: url("/static/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fa-solid-900.woff2") format("woff2"), url("/static/fonts/fa-solid-900.woff") format("woff"), url("/static/fonts/fa-solid-900.ttf") format("truetype"), url("/static/fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; } .fa-clipboard-list-check:before { content: "\f737"; } .fa-user:before { content: "\f007"; } .fa-exchange-alt:before { content: "\f362"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-cog:before { content: "\f013"; } .fa-angle-down:before { content: "\f107"; } .fa-comment-alt-check:before { content: "\f4a2"; position: relative; top: 6px; } .fa-user-circle:before { content: "\f2bd"; } .fa-edit:before { content: "\f044"; } .fa-comment:before { content: "\f075"; } .fa-user-slash:before { content: "\f506"; } .fa-eye-slash:before { content: "\f070"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-eye:before { content: "\f06e"; } .fa-file-search:before { content: "\f865"; } .fa-equals:before { content: "\f52c"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-sync:before { content: "\f021"; } .fa-chevron-down:before { content: "\f078"; } .fa-save:before { content: "\f0c7"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-check-square:before { content: "\f14a"; } .fa-user-circle:before { content: "\f2bd"; } .fa-check:before { content: "\f00c"; } .fa-comment-alt-check:before { content: "\f4a2"; } .fa-times:before { content: "\f00d"; } .fa-user-slash:before { content: "\f506"; } .fa-align-justify:before { content: "\f039"; } .fa-copy:before { content: "\f0c5"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-up:before { content: "\f062"; } .fa-tachometer:before { content: "\f0e4"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-clone:before { content: "\f24d"; } .fa-filter:before { content: "\f0b0"; } .task-count { width: 15px; height: 15px; font-size: 13px; line-height: 15px; text-align: center; background: #fff; color: #DB281A; font-weight: 600; display: inline-block; border-radius: 100%; margin-left: 1rem; } .summtable-enroll h5 { margin: 40px 0px 5px 15px; } #enroll-Sum { margin-top: 40px; } .enrlclmn { padding-top: 5px !important; } #manageloc-editcontract .enrlclmn { padding-left: 10px !important; padding-right: 0px !important; padding-top: 8px !important; } #manageloc-editcontract .enrlclmn .th-inner { width: 70px; } #editcont-grid .gpoName{ padding-right: 25px !important; } #link-Sum { margin-top: 40px; } /* IE specific banner */ #siteAlerts.show { position: relative; background-color: #fccc31; padding: .875rem } #siteAlerts:not(.show) { width: 0; height: 0; display: none } #siteAlerts .wrapper { padding-right: 4.5rem; padding-left: 0 } #siteAlerts.no-nav .wrapper { padding-right: 0 } #siteAlerts a { color: var(--colorTextPrimary) } #siteAlerts .alert { position: relative; padding-right: 2.25rem; font-size: .875rem; font-weight: 700 } #siteAlerts .alert:not(.current) { display: none } #siteAlerts .alert>*,#siteAlerts .alert .wrapper>* { margin: 0 } .home-ico { border-right: 3px solid #12877c; padding-right: 24px; margin-right: 20px; } .home-ico a { padding: 0; margin: 0; position: relative; padding-left: 30px; margin-left: -30px; } .home-ico a:before { font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f015"; left: 0; top: -1px; position: absolute; } .home-ico a:hover:before { color: #999 !important; } .expandedDropdown:before { height: 175px !important; } .MVMOBanner { display: flex; padding: 1% 30%; background: #d8e7ec; font-weight: bold; color: #00958f; } #addnewcontractmodal1-PO-IPN .modal-body { padding-top: 0px !important; } #addnewcontractmodal1-PO-IPN .modal-header { height: 65px; } #addnewcontractmodal1-PO-IPN .modal-title { border-bottom: none; } #addnewcontractmodal1-PO-IPN .close{ display: none; } #addnewcontractmodal1-PO-IPN .modal-content{ width: 142%; margin-left: -25%; } #unenroll-location-modal-PO-IPN .modal-content{ width: 142%; margin-left: -17%; } #unenroll-location-modal-PO-IPN .close{ display: none; } #unenroll-location-modal-PO-IPN .modal-header{ background-color: #cce9e8; height: 65px; } #unenroll-location-modal-PO-IPN .modal-title{ border-bottom: none; font-weight: 700; } #unenroll-location-modal-PO-IPN .modal-body { padding-top: 0px !important; } #unenroll-location-modal-PO-IPN .popup-chkbox { margin: 0px; } #add-location-results .form span{ font-size: 14px; line-height: 20px; padding: 0px !important; } #manageloc-viewinfo .btn-wrapper { margin: 15px 0px !important; } #manageCotrt-viewcotrt .btn-wrapper { margin: 15px 0px !important; } #manageAccount .heading-area { margin-left: -10px; } #locContract-table { margin-left: -7px; } #locContract-table th.pgmName .th-inner { margin-left: 5px; } #editcont-paper { margin-left: -20px; } #manageloc-editcontract .btn-wrapper { margin-left: -20px; } #manageloc-editcontract tbody .gpoName { padding-left: 2px; } #manageloc-editcontract tbody .enrlclmn { padding-left: 15px !important; } #editcontLoc-grid .btn-wrapper { margin: 15px 0px; } #editcont-grid { margin-left: -30px; } #editcont-grid .table-section{ margin-left: 15px; } #editcont-grid .contract-table-area01 .clearfix{ margin-left: -12px; } #ap-editinfo .btn-wrapper { margin: 15px 0px; } #addnewcontractmodal1 input[type="checkbox"], #addnewcontractmodal input[type="checkbox"] { margin-top: 1px !important; } /* #manageAccount .fake-label { margin-top: 8px; } */ /* .modal .modal-dialog { */ /* width: 449px ; */ /* } */ @media (max-width: 360px){ .merck-logo img {width: 73% !important;} .home-ico a {margin-right: -18px !important; } .profile-link-small-screen { margin-left: -20px !important; margin-right: -13px !important;} } @media (max-width: 414px),(max-width: 411px),(max-width: 375px) { .merck-logo img {width: 79% !important;} .home-ico a {margin-right: -18px !important; } .profile-link-small-screen { margin-left: -20px !important; margin-right: -13px !important;} #searchMerckAccount .register-list {max-width: 40%;} #commonModal .modal-content{width:351px !important;} #commonCustomeDualbtnPopupLocationConnect .modal-content{width:351px !important;} } @media (max-width: 768px) { #commonModal .modal{padding-right: 240px !important;} #commonModal .modal-dialog{width: 687px !important;} #editcontract-cancel { display: block; } #editcontract-update { display: block;; } #editcontract-reload { display: block; } } @media (min-width: 1025px) { #editcontLoc-grid .pagination_top >div:nth-child(2) { padding-left: 50px!important; } #editcontLoc-grid .pagination_bottom >div:nth-child(2) { padding-left: 50px!important; } #editcont-grid #editcontract-update{ margin-left: 4px; } .bulkUploadLoc #upload-loctable #items-to-correct-staging .upconedit{max-width:97px;} } #editcontract-cancel { margin: 0 0.5rem 1rem 1.5rem; } #editcontract-update { margin-bottom: 1rem; } #editcontract-reload { margin-bottom: 1rem; } .gpoContainer { background-color: #00cfb1; min-height: 7rem; align-items: center; } .gpoContainerAN { font-weight: bold; font-size: 2rem; color: white; } .switchClient { background-color: white; border: none; padding: 1rem; margin-left: 7rem; font-weight: bold; display: flex; text-align: center; } #manageAccount .tab-content { padding-left: 0px; } @media (max-width: 767px) { .switchClient { margin: 1rem 0; } } @media (min-width: 768px) { .gpoContainerInner { display: flex; float: right; align-items: center; padding-top: 1.5rem; position: relative; } } #switchmyrole { cursor: pointer; } #RoleChangeMessageModal .modal-body {padding: 3rem;} #error-modal .modal-body {padding: 3rem;} .switchErr { color: red; } .adminusr-role .dropdown-toggle { width: 100% !important; } #summaryenroll-table .rdColumn{ text-align-last:center; } .datepicker-days { display: block !important; } #loctable td { word-wrap: break-word; /* max-width: 10px;*/ } #divadminusr_role1 .dropdown-menu ul li a .text { max-width: 21rem; } .npgpo-checklist-holder .select-holder{ background: none !important; padding: 10px 0 0 0 !important; } .npgpo-checklist-holder .select-holder > label{ display: none !important; } .npgpo-checklist-holder .container{ padding: 0 !important; } .npgpo-checklist-holder .check-area { float: left; display: flex; } .npgpo-checklist-holder .update-primary-gpo-icon{ margin-top: 5px; height: 10pt; width: 14px; cursor: pointer; margin-left: 5px; display: inline-block; } .npgpo-checklist-holder .identifier-block { display: flex; float: right; justify-content: flex-end; } .npgpo-checklist{ color: #00958f; text-decoration: none !important; padding: 10px 0 0 0 !important; } .npgpo-checklist .row{ margin: 0 0 10px 0; } .identifier-block input{ border: 0; border-bottom: 1px solid #00958f; max-width: 100px; font-size: 12px; color: black; } .identifier-block p { margin: 5px 5px 0 0 !important; font-size: 12px !important; } .identifier-block-primary input{ border: 0; border-bottom: 1px solid #00958f; max-width: 100px; font-size: 12px; color: black; } .identifier-block-primary p { margin: 5px 5px 0 0 !important; font-size: 12px !important; } .identifier-block-primary { padding: 0px 30px; } .identifier-block-primary div { padding-bottom: 1rem; } .identifier-name{ margin-left: 5px; font-size: 14px; margin-top: 2px; max-width: 180px; } #commonCustomePopup2 .modal-body { padding-bottom: 0 !important; } .npgpo-checklist-holder .select-wrap::after{ height:0 !important; } .npGPOerr{ border-bottom: 2px solid red !important; } .npGPOerr + .fa-info-circle{ position: relative; } .npGPOerr + .fa-info-circle:before{ cursor: pointer; font-weight: bold; top: 5px; color: #ee2713; content: "\f05a"; font-size: 10px; position: absolute; right: 1px; } .manageloc-table .table-body{ padding-top: 0 !important; } .updateGPO .modal-dialog{ width:600px !important; } .newAWSView { margin: 0 0rem 15rem 2rem; } .connectMerckAccount a[disabled="disabled"] { /* background: red; */ pointer-events: none; } .aggrClmn .aggrt:disabled + .fake-label, .enrlclmn .aggrt:disabled + .fake-label, .formularys:disabled +.fake-label, .formularyPSs:disabled +.fake-label { border: 1px solid grey !important; background-color: rgba(220,220,200,0.8) !important; cursor: not-allowed; pointer-events: none; opacity: 1 !important; } #gpoSwitchConfPopup p{ font-size: 14px; } .mma-btn { background: #00958f; color: #fff; border-radius: 0; font-size: 14px; padding: 10px 20px; font-weight: bold; border: 1px solid #00958f; box-sizing: border-box; } .btn-passive { background: white; color: #00958f; border: 1px solid; margin-right: 10px; } .error-p { font-size: 1rem; color: red; } .layout .intro-block .btn-primary:focus { box-shadow: 0 0 3px 1px #00958f; background:white !important; color: #00958f; border: 2px solid #00958f; } a:focus, label:focus:not('.ot-host-box'), button:focus:not('.ot-host-box'), input:focus:not('.ot-host-box') { box-shadow: 0 0 3px 1px #00958f !important; } .review-form [type="checkbox"]{ width: 17px; height: 17px; background: #fff; border: 2px solid #00958f; position: absolute; left: 0; top: 5px; accent-color: #00958f; } .review-form .fake-input { display: none !important; } .review-form input[type='checkbox']:focus { outline: 1px auto #00958f !important; outline-offset: inherit; } html input[disabled]{ background-color:#a4a4a4 !important; opacity:0.2 !important; } .addnewctactbind .popup-text-value { display: flex; } #addnewcontractmodal .addnewctactbind .popup-text-value input[type="checkbox"] { margin-right: 3px; height: 15px; } #addnewcontractmodal .addnewctactbind .popup-text-value .popup-date { margin-top: 5px; } #editcont-table input[disabled]{opacity: 1 !important;} #commitmentLetterModal .acknowledgement .popup-chkbox { float:left; } #commitmentLetterModal .acknowledgement label.popup-label { float:left; margin-left:5px; font-weight:normal; width: 95%; padding-top: 2px; } /* Platform admin */ .btn { min-width: 98px; padding: 10px 15px; /* border: none; */ outline: none; transition: all 0.4s ease !important; } .btn-primary { width: inherit; background-color: #00958f !important; /* border: none !important; */ } .btn-primary:hover { background-color: #005C56 !important; } button:disabled, button[disabled] { background-color: #00958f !important; opacity: 0.3; } /* .btn-secondary { background-color: transparent !important; color: #00958f !important; border: 1px #00958f solid !important; } */ /* .btn-secondary:hover { background-color: #005C56 !important; color: #fff !important; border: none !important; } */ .cdk-overlay-container:has(.switch-role-popup) { background: rgba(0, 0, 0, 0.7); z-index: 999; } .switch-role-popup .mat-dialog-container, .error-dialog .mat-dialog-container { padding: 0; overflow: hidden; border-radius: 0; } .cdk-overlay-pane { transform: translate(-7px, 5px) !important; min-width: 357px !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .pt-3 { padding-top: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .MCGrouping { font-weight: bold; margin-bottom: 1rem; background: #00857c; color: #fff; line-height: 19px; padding: 8px 16px 8px 5px; border: 0; font-size: 15px; width: 70%; } #onetrust-banner-sdk #onetrust-policy-text b.privacy, #onetrust-banner-sdk #onetrust-policy-text b#privacy { padding-bottom: 4px; font-family: invention bold, sans-serif !important; font-size: 17px !important; font-style: normal; font-weight: 700; line-height: 20px; color: #00857C !important; } .mcPgName .tooltip.in { top: 37px !important; }