/* isomanaged.com alphaZ documents - single stylesheet built 22-10-26 from the store theme, keeping only rules the pages use */ /* catalog/view/javascript/bootstrap/css/bootstrap.min.css */ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{margin:0} aside, footer, header, nav{display:block} [hidden]{display:none} a{background-color:transparent} a:active, a:hover{outline:0} b, strong{font-weight:700} h1{margin:.67em 0;font-size:2em} img{border:0} svg:not(:root){overflow:hidden} button, input{margin:0;font:inherit;color:inherit} button{overflow:visible} button{text-transform:none} button, input[type=submit]{-webkit-appearance:button;cursor:pointer} button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0} input{line-height:normal} input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none} table{border-spacing:0;border-collapse:collapse} td, th{padding:0} @media print{*, :after, :before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a, a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after{content:""}thead{display:table-header-group}img, tr{page-break-inside:avoid}img{max-width:100%!important}h2, h3, p{orphans:3;widows:3}h2, h3{page-break-after:avoid}.table{border-collapse:collapse!important}.table td, .table th{background-color:#fff!important}.table-bordered td, .table-bordered th{border:1px solid #ddd!important}} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)} body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff} button, input{font-family:inherit;font-size:inherit;line-height:inherit} a{color:#337ab7;text-decoration:none} a:focus, a:hover{color:#23527c;text-decoration:underline} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} img{vertical-align:middle} .img-responsive, .thumbnail>img{display:block;max-width:100%;height:auto} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} h1, h2, h3, h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit} h1, h2, h3{margin-top:20px;margin-bottom:10px} h4{margin-top:10px;margin-bottom:10px} h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:18px} p{margin:0 0 10px} .text-left{text-align:left} .text-right{text-align:right} .text-success{color:#3c763d} ol, ul{margin-top:0;margin-bottom:10px} .list-unstyled{padding-left:0;list-style:none} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.container{width:750px}} @media (min-width:992px){.container{width:970px}} @media (min-width:1200px){.container{width:1170px}} .row{margin-right:-15px;margin-left:-15px} .col-lg-4, .col-md-4, .col-md-6, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-9, .col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px} .col-xs-12{float:left} .col-xs-12{width:100%} @media (min-width:768px){.col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-9{width:75%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}} @media (min-width:992px){.col-md-4, .col-md-6{float:left}.col-md-6{width:50%}.col-md-4{width:33.33333333%}} @media (min-width:1200px){.col-lg-4{float:left}.col-lg-4{width:33.33333333%}} table{background-color:transparent} th{text-align:left} .table{width:100%;max-width:100%;margin-bottom:20px} .table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd} .table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd} .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{border-top:0} .table-bordered{border:1px solid #ddd} .table-bordered>tbody>tr>td, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:1px solid #ddd} .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom-width:2px} .table-hover>tbody>tr:hover{background-color:#f5f5f5} .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background-color:#f5f5f5} .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover{background-color:#e8e8e8} .table-responsive{min-height:.01%;overflow-x:auto} @media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td, .table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td{border-bottom:0}} label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700} input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type=search]{-webkit-appearance:none} .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn.focus, .btn:focus, .btn:hover{color:#333;text-decoration:none} .btn.active, .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} .btn-default{color:#333;background-color:#fff;border-color:#ccc} .btn-default.focus, .btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c} .btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad} .btn-default.active, .btn-default:active{color:#333;background-color:#e6e6e6;border-color:#adadad} .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c} .btn-default.active, .btn-default:active{background-image:none} .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4} .btn-primary.focus, .btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40} .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74} .btn-primary.active, .btn-primary:active{color:#fff;background-color:#286090;border-color:#204d74} .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40} .btn-primary.active, .btn-primary:active{background-image:none} .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c} .btn-success.focus, .btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625} .btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439} .btn-success.active, .btn-success:active{color:#fff;background-color:#449d44;border-color:#398439} .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover{color:#fff;background-color:#398439;border-color:#255625} .btn-success.active, .btn-success:active{background-image:none} .btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility} .open>a{outline:0} .nav{padding-left:0;margin-bottom:0;list-style:none} .nav>li{position:relative;display:block} .nav>li>a{position:relative;display:block;padding:10px 15px} .nav>li>a:focus, .nav>li>a:hover{text-decoration:none;background-color:#eee} .nav-tabs{border-bottom:1px solid #ddd} .tab-content>.active{display:block} .navbar-nav{margin:7.5px -15px} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px} @media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}} .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px} .pagination>li{display:inline} .pagination>li>a, .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd} .pagination>li:first-child>a, .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px} .pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7} .thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out} .thumbnail>img{margin-right:auto;margin-left:auto} a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{border-color:#337ab7} .panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)} .panel-body{padding:15px} .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px} .panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit} .panel-title>a{color:inherit} .panel-group{margin-bottom:20px} .panel-group .panel{margin-bottom:0;border-radius:4px} .panel-group .panel-heading{border-bottom:0} .panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd} .panel-default{border-color:#ddd} .panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd} .clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display:table;content:" "} .clearfix:after, .container:after, .nav:after, .panel-body:after, .row:after{clear:both} .show{display:block!important} @-ms-viewport{width:device-width} @media (max-width:767px){.hidden-xs{display:none!important}} /* catalog/view/javascript/font-awesome/css/font-awesome.min.css */ @font-face{font-family:"FontAwesome";src:url("/alphazdocuments/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");src:url("/alphazdocuments/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.eot#iefix&v=4.7.0") format("embedded-opentype"),url("/alphazdocuments/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/alphazdocuments/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("/alphazdocuments/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("/alphazdocuments/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-download:before{content:""} .fa-plus:before{content:""} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} /* catalog/view/theme/OPC080194_1/stylesheet/stylesheet.css */ body{ font-family: "Manrope", sans-serif; font-weight: 400; color: #4F4F4F; font-size: 16px; line-height: 20px; letter-spacing:0.5px; background:#ffffff; } body.common-home{background:transparent;} :focus:not(:focus-visible){outline:none} h1, h2, h3, h4{ color: #444; } .fa{ font-size: 14px; } h1{ font-size: 33px; } h2{ font-size: 27px; } h3{ font-size: 21px; } h4{ font-size: 15px; } a{ color: #F63; } a:hover{ text-decoration: none; } label{ font-size: 13px; font-weight: normal; } .nav-tabs{ margin-bottom: 15px; } .table-striped > tbody > tr:nth-of-type(2n/**/+1){ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } #footer.container, .footer_bottom.container, .common-home .container, .common-home footer{top:auto;} .header_left{ float: left; position: relative; width:24%; } .header_center{ display: inline-block; float: left; margin: 2px 0 0; position: relative; text-align: center; width: 50%; z-index: 5; white-space:nowrap; } .header-logo{float:left;} #logo{ margin: 30px 0 30px; display:inline-block; } .col-sm-4.header-logo{width:auto; padding:0;} .nav-responsive{ display:none;} .main-menu{ height: 52px; margin-bottom: 0px; padding: 0px 5px; text-align:center; display:none; } .main-menu ul{ list-style: none; margin: 0; padding: 0; } .main-menu > ul > li{ float: none; line-height: 32px; margin-right: 28px; position: relative; z-index: 0; display: inline-block; } .main-menu > ul > li:hover{ } .nav-responsive span, .main-menu > ul > li > a{ padding:41px 0 36px; color: #0090D2; font-size: 15px; line-height: 28px; display: inline-block; text-decoration: none; font-weight: 600; position: relative; letter-spacing:0.3px; } .nav-responsive span, .main-menu > ul > li.AZ > a{ color: #999999; } .main-menu > ul > li > a::before{ bottom: 0px; content: ""; left: 0; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -khtml-opacity: 0; position: absolute; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; width: 0; } .main-menu a:hover::before{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -khtml-opacity: 1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); width: 100%; z-index: 1000; } .main-menu a:hover{ text-decoration:none; color: #999999;} .main-menu > ul > li:hover > a{ color: #999999; background: none; } #column-left{ width:23%; } .layout-2.left-col #column-left{ padding-left:0; padding-right:47px; padding-top:10px; } .layout-2 #content{ width:77%; padding:0; padding-top: 20px; } .layout-2.left-col #content{ } #content{ min-height: 600px; } .common-home #content{ min-height: auto; padding:0; } footer{ margin-top: 30px; padding-top: 0px; background: linear-gradient(103.88deg,#FF6633 0%,#FF9933 100.96%); border-top: 1px solid #ddd; color: #FFF; position:relative; top:162px; } #footer.container{ padding-top: 75px; } footer a{ color: #FFF; } footer a:hover{ color: #CCC; } .footer_bottom_links{ margin-top: 60px; background-color: #666; } .footer-nav{ padding: 12px 0px 12px 20px; background-color: #ffffff; color: #333; } .footer-nav a{ color: #0090D2; font-size: 14px; } .footer_bottom.container{ padding: 5px 0px 0px 20px; font-size: 14px; } .toolkit-inc-files1{ border: 1px solid #0393C8; padding: 0 0 20px 20px } .footer_left{ float: left; position: relative; width:70%; } .footer_right{ float: right; position: relative; width:26.95%; } .homeblock2{ margin: 0px 0px 30px 30px; padding: 20px 20px 20px 20px; width: 100%; background-color: #FFEFEA; font-size: 14px; } .homeblocktitle1{ padding: 0px 0px 10px 0px; color: black; font-size: 20px; font-weight: 800; } .homeblock1box1{ clear: both; padding: 20px 10px 10px 10px; } .homeblock2box1{ margin-top: 5px; padding: 10px 10px 10px 10px; border: solid #FFF 1px; background-color: #fff; } .homeblock3box1{ margin-top: 5px; padding: 10px 10px 10px 10px; border-bottom: solid #CCCCCC 1px; } .homeblock2box2{ padding: 3px 0px 0px 0px; text-align: center; } .contentcolumnright{ float: right; margin-left: 30px; padding: 0px 0px 30px 0px; } .ccr1{ width: 560px; background-color: #E1E1E1; padding: 10px 20px 10px 20px; margin-top: 8px; } .ccr2{ width: 560px; padding: 20px 20px 20px 20px; margin-top: 18px; border-top: solid #D7F0FF 3px; } .toolkit-header1{ color: #666; font-size: 18px; font-weight: 600; margin: 5px 0px 10px 0px; } .toolkit-image1{ float: right; padding: 0px 0px 0px 5px; } .toolkit-smallprint1{ color: #666; font-size: 12px; font-weight: 400; } table.toolkit1{ font-size: 14px; border: 1px solid #FFF; background-color: #FFF; } table.toolkit1 td{ border: 1px solid #F2F2F2; padding-left: 15px; } table.toolkit1 tbody{ border: 1px solid #F2F2F2; } .auto-resizable-iframe{ max-width: 560px; max-height: 315px; margin: 0px auto; } .auto-resizable-iframe > div{ position: relative; padding-bottom: 54%; height: 0px; } .auto-resizable-iframe iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .orangebox1{ background-color: #F63; color: #FFF; padding: 20px; } .orangebox1 a{ color: #FFF; font-weight: bold; font-size: 16px; } .orangebox1title{ font-weight: bold; font-size: 30px; margin-bottom: 30px; font-family: "Quicksand", sans-serif; } .featurelink1{ background-color: #FFF; margin: 10px; padding: 20px; } .faq-accordion{ padding: 0 0 0 10px; } .faq-accordion h3{ font-size: 26px; padding: 0 0 20px 0; } .panel-group{ margin-left: 30px; } #content{ margin: 20px 0; } .pagination{ margin: 0; } .btn{ padding: 6px 12px; font-size: 14px; border: 1px solid #cccccc; border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; } .btn-sm{ font-size: 10.2px; } .btn-default{ color: #fff; background: #428bca; border:2px solid #cccccc; } .btn-primary{ color:#000000; background-color:#ffffff none repeat scroll 0 0; border:1px solid #357ebd; } .btn-primary:hover, .btn-primary:active, .btn-primary.active{ color:#ffffff; background-color:#000000; border:2px solid #cccccc; background-position: 0 -15px; } .btn-success{ color: #ffffff; background-color: #F63; border-color: #ffffff; } .btn-success:hover, .btn-success:active, .btn-success.active{ box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .product-thumb{ margin-bottom: 20px; overflow: auto; } .product-thumb .image{ text-align: center; position:relative; overflow:hidden; } .product-thumb .image a{ display: block; } .product-thumb .image a:hover{ } .product-thumb .image img{ margin-left: auto; margin-right: auto; } .related-products{position:relative;} .product-grid .product-thumb .image{ float: none; } .product-thumb h4 a{ color: #0090D2; font-size: 16px; font-weight: normal; } .product-block:hover h4 a, .product-thumb h4 a:focus{color:#989797;} .product-thumb .caption{ padding: 0 20px; text-align:center; } .product-block .caption > h4{margin-top:22px; margin-bottom:7px;} #content .related{ margin: 0 auto 30px; width: 1100px; position:relative; top:auto; } @media (max-width: 1200px){.product-grid .product-thumb .caption{ padding: 0 10px; }} @media (max-width: 767px){.product-grid .product-thumb .caption{ min-height: 0; }} .product-description span{ font-size: 13px; font-weight: bold; color:#666; } .description-right{ font-size: 13px; padding-left: 10px; } .product-description td{ line-height: 24px; } table.product-description{ } table.table-bordered{ font-size: 12px; padding: 3px; } table.table-freefiles{ font-size: 15px; padding: 20px 5px 20px 5px; border-left-color: #FFFFFF; border-right-color: #FFFFFF; } #content .product-grid .product-block{margin:0 0 35px !important;} #tabs_info{padding-top:25px;} .thumbnails{ overflow: auto; overflow-x: hidden; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails{ } .image-additional a{ margin-bottom: 20px; padding: 5px; display: block; border: medium none; } .image-additional{ } .thumbnails .image-additional{ float: left; } @media (min-width: 1200px){#content .col-lg-4:nth-child(3n/**/+1){ clear:left; }} @media (min-width: 992px) and (max-width: 1199px){#content .col-md-4:nth-child(3n/**/+1), #content .col-md-6:nth-child(2n/**/+1){ clear:left; }} @media (min-width: 768px) and (max-width: 991px){#content .col-sm-6:nth-child(2n/**/+1){ clear:left; }} .product-info .image{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; display:block; margin-bottom: 15px; text-align: center; } .productpage h3{margin-top:0;} .product-info .additional-carousel{ position:relative; margin-left:5px; } .product-info .image-additional{ clear: both; overflow: hidden; padding-left: 10px; padding-right: 10px; width:360px; } .product-info .image-additional img{border:1px solid #ddd;} .product-info .image-additional a{ float: left; display: block; } .box{ margin-bottom:12px; } .clearfix{ clear : left; } .freedownload1{ border: solid #ccc 1px; background-color: #FFF; padding: 20px 30px 20px 30px; } .freedownload1title{ color: #F63; font-size: 26px; padding: 0px 0px 10px 0px; } .box .box-heading, #content .box .box-heading{ font-size:32px; font-weight:bold; line-height:32px; text-align:left; position:relative; color:#666; margin-bottom:50px; margin-top:10px; } .box .box-heading::before{ background: #ffffff none repeat scroll 0 0; bottom: -52px; color: #F63; font-size: 19px; height: 35px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; z-index: 1; } .box .box-content{ background: transparent; padding:0px; } .box .box-content ul{ padding:0px; margin:0px; } .box .box-content ul li{ line-height:22px; padding:7px 0px 0px 0px; } .box .box-content ul li a{ } .box .box-content ul li a:hover{ color:#989797; } #content .box-product, .box-product{ list-style-type: none; position:relative; width: 100%; padding:0px; margin:0px; list-style: none; overflow: hidden; } #content .box-product .product-items, .box-product .product-items{ margin-bottom: 14px; padding: 0; margin:0; position:relative; overflow: hidden; } #content .box-product .product-items, .box-product .product-items{ width:367px; float:left; display: inline-block; } #content .image-additional .slider-item{ display: inline-block; float: left; } #content .image-additional .slider-item .product-block{ margin:0px 5px; background:transparent; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; clear:both; overflow:hidden; } #content .image-additional .slider-item .product-block:hover{ box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .product-block-inner{position: relative;} .related_default_width{ width:220px;} .additional_default_width{ width:100px;} #content .product-grid .product-block, #content .box-product .product-block, .product-grid .product-block, .box-product .product-block{ margin:12px 14px 5px; background:transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; clear:both; overflow:hidden; } #content .product-grid .product-block:hover, #content .box-product .product-block:hover, .product-grid .product-block:hover, .box-product .product-block:hover{ overflow:hidden; clear:both; } #content.productpage .product-left{ padding-left: 0; margin-top: 0px; width: 43.4%; } #content.productpage .product-right{ padding-right: 0; width: 56.6%; margin-top: 0px; } .productpage h3{ font-size: 20px; margin-top: 0; color: #666; } .product-title{ margin-bottom: 30px; } .download-row{ } .product-grid .product-thumb .desc{display:none;} #content .box-product .product-block-inner{ padding:0 0; text-align:center; overflow:hidden; position:relative; margin:0;} #column-left .box .box-content{margin-bottom:0px; } #content ul.list-unstyled{ border: medium none; margin-bottom: 10px; overflow: auto; padding: 0 0 10px; } #content ul.list-unstyled li{ line-height: 22px; padding: 4px 0; } .productpage .box{margin-top:20px;} .tab-content{ border:medium none; padding: 0px 0; overflow:hidden; } #additional-carousel .slider-item .product-block{ height: 100px !important; } #tabs_info .nav.nav-tabs{ } .category_description{ padding: 20px 20px 20px 20px; font-size: 15px; line-height: 28px; } .category_description p{ margin: 0 0 14px; } .category_description > p{ } .pagination-wrapper{ border: medium none; display: inline-block; margin: 0 0 15px; padding: 10px 0px; width: 90%; } .pagination-wrapper .page-link{ float: right; padding: 0; width: auto; } .pagination-wrapper .page-result{ float: left; padding: 0; width: auto; margin: 8px 0 0; } .product-title, #content h1{ font-size:26px; margin-bottom:15px; margin-top:20px; padding-top: 10px; } #content h2{ color: #333; font-weight: 300; margin-bottom: 10px; margin-top: 20px; } #content .related{ clear: both; padding-top: 20px; position: relative; width: auto; } .related .box-heading::before{background:#f5f5f5 none repeat scroll 0 0;} @media (max-width: 1300px){.product-info .additional-carousel{margin-left:0;}.product-info .image-additional{ width: 100%;}} @media only screen and (min-width: 1025px) and (max-width: 1200px){.main-menu > ul > li{margin-right:20px;}#content .related{width:980px;}#content .related{width: 100%;}.layout-2.left-col #column-left{padding-right:20px;}} @media only screen and (min-width: 980px) and (max-width: 1024px){#content .related{width: 100% !important;}#content .related{width:950px;}.main-menu > ul > li{margin-right:15px;}.layout-2.left-col #content{width:75%;}.layout-2.left-col #column-left{width:25%;}.layout-2.left-col #column-left{padding-right:25px;}#content .product-layout.product-grid{text-align:center;}#content .col-sm-6:nth-child(2n/**/+1){clear:none;}} @media only screen and (min-width: 768px) and (max-width: 980px){.layout-2.left-col #column-left{width:25%;}.layout-2 #content{width:75%;}} @media (max-width: 979px){#content .related{width: 100% !important;}.nav.navbar-nav{display:none;}.nav-responsive .expandable{z-index: 999999;}#content .related{width:724px;}#content .product-grid .product-block{display:inline-block;}#content .product-layout.product-grid{text-align:center;}.layout-2.left-col #content{ width: 100%; }#column-left .box{ margin-bottom: 0; position: relative; }.layout-2.left-col #column-left, #column-left{width:100%; clear:both;}#column-left .box .box-content{ display:none; padding: 0px; }.layout-2.left-col #column-left{padding-right:0; padding-top:20px; padding-left:0;}#content .col-sm-6:nth-child(2n/**/+1){clear:none;}.container, footer{top:auto;}.footer_right{width:100%; margin-top:25px;}} @media (max-width: 767px){.contentcolumnright{ float: none; width: 100%; padding: 0px 0px 30px 0px; }.ccr1{ position: relative; width: 100%; }.ccr2{ position: relative; width: 100%; }.container{ background-position: -600px; }.layout-2.left-col #column-left, #column-left{display: block !important;}.layout-2 #content{width:100%;}.product-info .image-additional{width: 100%;}.product-info .image-additional a{padding: 1px;}.col-sm-4.header-logo{display:inline-block; width:100%;}.header-logo{text-align:center;}.header-logo > div{display:inline-block;}#logo .img-responsive{ margin: 0 auto 15px;}.product-info .image, .product-info .additional-carousel{ margin: 0 auto; width:400px; }.container .row{margin:0;}#content .related{width:auto; padding:0 15px;}.container #content .row{margin:0 -15px;}#content .product-layout.product-grid{width:50%;}#content .product-grid .product-block{display:block;}#content.productpage .product-left{width:100%; padding:0;}#content.productpage .product-right{width:100%; padding:20px 0 0;}#tabs_info{padding:65px 0 0; clear:both;}#logo{margin:30px 0 0;}.header_center{ width:auto;}} @media only screen and (max-width: 479px){.product-info .image-additional a{float:none; text-align:center; padding: 1px;}.table{ float: left; margin-bottom: 20px; overflow: scroll; width: 100%; }.product-layout.product-grid{width:100% !important;}.product-info .image, .product-info .additional-carousel{width: 100%;}.pagination-wrapper .page-link{float:left;}.pagination-wrapper .page-result{float:left;clear:both;}.box .box-heading, #content .box .box-heading{font-size:25px; letter-spacing:2px;}.footer_bottom.container{padding:20px 15px 30px;}.nav-responsive span{ display:none !important;}.header_left{ width:40%;}#logo{ margin-top:40px;}} @media only screen and (max-width: 319px){.product-info .additional-carousel{width:196px; margin:0 auto;}.header-logo .img-responsive{ width: 100%;}.btn-primary{margin-bottom:2px;}#logo{ margin-top:32px;}} #accordion .panel-title > a{ color: inherit; display: inline-block; width: 100%; } #accordion .panel-title{padding:10px; background:#fff;} #mc_embed_signup form{text-align:center; padding:10px 0 10px 0;} #mc_embed_signup input.email{ font-size: 18px; border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top; } #mc_embed_signup label{display:block; font-size:20px; padding-bottom:10px; } #mc_embed_signup .clear{display: inline-block;} #mc_embed_signup .button{font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;} #mc_embed_signup .button:hover{background-color:#777; cursor:pointer;} @media (max-width: 768px){#mc_embed_signup input.email{width:100%; margin-bottom:5px;}#mc_embed_signup .clear{display: block; width: 100% }#mc_embed_signup .button{width: 100%; margin:0; }} header{ border-bottom: 2px solid #CCCCCC; } header > .container{ position: unset; } /* catalog/view/theme/OPC080194_1/stylesheet/megnor/custom.css */ .treeview-list{ padding: 0; margin: 0; list-style: none; border-bottom: 10px solid #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; background-color: #FFF; } .treeview-list li a.active{ color: #999999; } .treeview-list li{ margin: 0; } .treeview-list .hover{ color:#38B0E3; cursor: pointer; } .treeview-list li a:hover{ cursor:pointer; } .treeview-list li a{ display:inline; padding-left:0px; } .treeview-list li.active a{ font-weight:bold; } .treeview-list li a:hover{ } .nav-responsive span{ display:inline-block;} .nav-responsive{ cursor:pointer; display:none; } .nav-responsive .expandable{ background: url("/alphazdocuments/catalog/view/theme/OPC080194_1/image/megnor/sprite.png") no-repeat scroll -27px -165px transparent; height: 25px; margin-top: 27px; width: 30px; float:left; } .nav-responsive div{ background: none; height: 9px; width: 9px; float: right; cursor: pointer; margin-right:15px; } .ashwin-azp, .sara-azp, .iain-azp, .fraser-azp, .jane-azp{ width: 100%; max-width: 560px; min-height: 201px; background-repeat: no-repeat; background-position: left top; background-size: 100% 201px; box-sizing: border-box; padding: 40px 24px 20px 205px; margin: 0 0 1.5em 0; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; color: #000000; } .ashwin-azp p, .sara-azp p, .iain-azp p, .fraser-azp p, .jane-azp p{ color: #000000; margin: 0 0 8px 0; font-size: 0.95em; line-height: 1.4; } .ashwin-azp p:last-child, .sara-azp p:last-child, .iain-azp p:last-child, .fraser-azp p:last-child, .jane-azp p:last-child{ margin-bottom: 0; } .ashwin-azp{ background-color: #CFEAF7; background-image: url("/images/product-images/ashwin-azp-bg1.jpg"); } .sara-azp{ background-color: #FFE0D6; background-image: url("/images/product-images/sara-azp-bg1.jpg"); } .iain-azp{ background-color: #ECECEC; background-image: url("/images/product-images/iain-azp-bg1.jpg"); } .fraser-azp{ background-color: #DFE6E0; background-image: url("/images/product-images/fraser-azp-bg1.jpg"); } .jane-azp{ background-color: #F3E0E0; background-image: url("/images/product-images/jane-azp-bg1.jpg"); } @media (max-width: 640px){.ashwin-azp, .sara-azp, .iain-azp, .fraser-azp, .jane-azp{ background-image: none; min-height: unset; padding: 16px; }} a.kb-link{ color: #1a9eb5; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; } a.kb-link::before{ content: ""; display: inline-block; width: 36px; height: 18px; background-image: url("/images/kb-icon-sm1.jpg"); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; } a.kb-link:hover{ color: #137a8a; } .ccr2 ul:has(> li > a.kb-link){ list-style: none; padding-left: 0; } .ccr2 ul:has(> li > a.kb-link) li{ margin-bottom: 6px; } .az-grid{display:grid;gap:12px;margin-bottom:26px} .az-grid.c3{grid-template-columns:repeat(3,1fr)} .az-grid > *{min-width:0} @media (max-width:1200px){.az-grid.c3{grid-template-columns:1fr 1fr}} @media (max-width:767px){.az-grid.c3{grid-template-columns:1fr}} .az-video{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;display:block;background:none} .az-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0} .az-video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 3px 14px rgba(0,0,0,.3)} .az-video .play:before{content:"";position:absolute;left:24px;top:19px;border-left:19px solid #F63;border-top:12px solid transparent;border-bottom:12px solid transparent} .az-video:hover .play{background:#fff} iframe.az-video{width:100%;height:auto;border:0} .homeblock2{width:auto;margin-left:0} h2.homeblocktitle1{margin-top:34px} .az-grid > .homeblock2box1{display:flex;flex-direction:column;border:1px solid #f0ddd4} .az-grid > .homeblock2box1 > p{flex:1 1 auto} .az-grid > .homeblock2box1 > .btn{align-self:flex-start;margin-top:12px} .az-grid > .featurelink1, .az-grid > .homeblock3box1{ margin:0;padding:15px 16px;background:#fff; border:1px solid #E3E6E9;border-radius:6px; } .az-grid > .homeblock3box1 p{color:#666;margin:0 0 8px} .az-grid > .featurelink1{ display:flex;gap:12px;align-items:flex-start;text-decoration:none; transition:border-color .15s,box-shadow .15s; } .az-grid > .featurelink1:hover{ border-color:#07AAFD;box-shadow:0 2px 10px rgba(7,170,253,.10);text-decoration:none; } .az-ico{ flex:none;width:34px;height:34px;border-radius:7px;background:#EAF6FD; display:flex;align-items:center;justify-content:center;margin-top:1px; } .az-grid > .featurelink1 h4{margin:0 0 3px;color:#0090D2;font-size:14.5px} .az-grid > .featurelink1 p{margin:0;font-size:12.5px;line-height:1.45;color:#666} .az-grid > .featurelink1.az-go{ background:linear-gradient(103.88deg,#FF6633 0%,#FF9933 100.96%); border-color:transparent;align-items:center; } .az-grid > .featurelink1.az-go .az-ico{background:rgba(255,255,255,.22)} .az-grid > .featurelink1.az-go h4{color:#fff;margin:0} .az-grid > .featurelink1.az-go p{color:rgba(255,255,255,.92)} .az-grid > .featurelink1.az-go:hover{border-color:transparent;box-shadow:none;opacity:.94} h3.az-lab{ background:none;border:0;padding:0;margin:26px 0 12px; font-size:11.5px;font-weight:700;letter-spacing:.13em; text-transform:uppercase;color:#FF6633; } .az-grid.az-why{gap:22px} .az-grid.az-why h4{margin:0 0 3px;font-size:14px} .az-grid.az-why p{margin:0;font-size:13.5px;line-height:1.55;color:#666} #common-home #column-left .treeview-list li a.active{color:#0090D2} @media (min-width:992px){#common-home .az-video{margin-top:20px}} #common-home .homeblock2{padding:18px 20px} #common-home .homeblock2 > h2.homeblocktitle1{margin-top:0;margin-bottom:2px} #common-home .homeblock2 > p{font-size:13.5px;margin-bottom:14px} #common-home .homeblock2box2{font-size:13.5px;margin-top:0px} #common-home .homeblock2{margin-top:30px} .az-grid > .homeblock2box1{padding:14px 15px} .az-grid > .homeblock2box1 > h4{font-size:15px;font-weight:700;color:#333;margin:0 0 5px;line-height:1.3} .az-grid > .homeblock2box1 > p{font-size:13px;line-height:1.5;color:#666;margin:0} .az-grid > .homeblock2box1 > .btn{font-size:13px;padding:8px 16px;margin-top:14px} #common-home #content h1{ position:relative;padding-left:16px; } #common-home #content h1:before{ content:"";position:absolute;left:0;top:10px;bottom:0; width:3px;background:#23AE84; } #common-home #content h2.homeblocktitle1{ position:relative;padding-left:16px; color:#1A1A1A;font-weight:700;margin-top:44px; } #common-home #content h2.homeblocktitle1:before{ content:"";position:absolute;left:0;top:0;bottom:10px; width:3px;background:#FF6633; } #common-home #content .homeblock2 > h2.homeblocktitle1{margin-top:0} #common-home #content h3.az-lab{ border-top:1px solid #E3E6E9; padding-top:22px;margin-top:34px; } #common-home #content h3.az-lab:first-of-type{ border-top:0;padding-top:0;margin-top:22px; } #common-home #content .az-why h4, #common-home #content .homeblock3box1 h4{ color:#333;font-weight:700; } #common-home #content .az-grid > .homeblock3box1{ display:flex;flex-direction:column;padding:16px 17px; } #common-home #content .az-grid > .homeblock3box1 h4{ margin:0 0 6px;font-size:14.5px; } #common-home #content .az-grid > .homeblock3box1 p{ margin:0;font-size:13px;line-height:1.5; } #common-home #content .az-grid > .homeblock3box1 > p:last-child{ margin-top:auto;padding-top:14px; } #common-home #content .az-grid > .homeblock3box1 > p:last-child a{ font-size:13px;font-weight:700;color:#0090D2; } #common-home #content .az-grid > .homeblock3box1 > p:last-child a:after{ content:" →"; } #content h2{ font-weight: 600; } #common-home #content .orangebox1, #content .orangebox1.az-band{ background:linear-gradient(283.67deg,#0090D2 -5.05%,#006C9F 96.25%); border-radius:8px;padding:24px 28px; display:grid;grid-template-columns:1fr auto; align-items:center;column-gap:28px; } #common-home #content .orangebox1 h2.orangebox1title, #content .orangebox1.az-band h2.orangebox1title{ grid-column:1;grid-row:1; color:#fff;font-weight:700;font-size:23px; margin:0 0 6px;font-family:inherit;line-height:1.25; } #common-home #content .orangebox1 > p, #content .orangebox1.az-band > p{ grid-column:1;grid-row:2; color:rgba(255,255,255,.94);font-size:14.5px;line-height:1.5; margin:0;max-width:62ch; } #common-home #content .orangebox1 > p:last-child, #content .orangebox1.az-band > p:last-child{ grid-column:2;grid-row:1 / span 2;justify-self:end;max-width:none; } #common-home #content .orangebox1 > p:last-child a, #content .orangebox1.az-band > p:last-child a{ display:inline-block;white-space:nowrap; background:linear-gradient(103.88deg,#FF6633 0%,#FF9933 100.96%); color:#fff;font-weight:700;font-size:14px; padding:11px 22px;border-radius:4px; } #common-home #content .orangebox1 > p:last-child a:hover, #content .orangebox1.az-band > p:last-child a:hover{opacity:.92;color:#fff} #content .orangebox1.az-band{clear:both;margin:30px 0 10px} #common-home #content .orangebox1.az-band-stack,#content .orangebox1.az-band.az-band-stack{grid-template-columns:1fr} #common-home #content .orangebox1.az-band-stack > p:last-child,#content .orangebox1.az-band.az-band-stack > p:last-child{grid-column:1;grid-row:3;justify-self:start;margin-top:16px} @media (max-width:767px){#common-home #content .orangebox1, #content .orangebox1.az-band{grid-template-columns:1fr;padding:20px}#common-home #content .orangebox1 > p:last-child, #content .orangebox1.az-band > p:last-child{ grid-column:1;grid-row:3;justify-self:start;margin-top:16px; }} /* catalog/view/theme/OPC080194_1/stylesheet/megnor/bootstrap.min.css */ html{ font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body{ margin: 0; } aside, footer, header, nav{ display: block; } [hidden]{ display: none; } a{ background: 0 0; } a:active, a:hover{ outline: 0; } b, strong{ font-weight: 700; } h1{ font-size: 2em; margin: .67em 0; } img{ border: 0; } svg:not(:root){ overflow: hidden; } button, input{ color: inherit; font: inherit; margin: 0; } button{ overflow: visible; } button{ text-transform: none; cursor: pointer; } button, input[type=submit]{ -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0; } input{ line-height: normal; } input[type=search]{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{ -webkit-appearance: none; } table{ border-collapse: collapse; border-spacing: 0; } td, th{ padding: 0; } @media print{*{ text-shadow: none!important; color: #000!important; background: transparent!important; box-shadow: none!important; }a, a:visited{ text-decoration: underline; }a[href]:after{ content: " (" attr(href) ")"; }a[href^="#"]:after{ content: ""; }thead{ display: table-header-group; }tr, img{ page-break-inside: avoid; }img{ max-width: 100%!important; }p, h2, h3{ orphans: 3; widows: 3; }h2, h3{ page-break-after: avoid; }.table td, .table th{ background-color: #fff!important; }.table{ border-collapse: collapse!important; }.table-bordered th, .table-bordered td{ border: 1px solid #ddd!important; }} *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :before, :after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{ font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0); } input, button{ font-family: inherit; font-size: inherit; line-height: inherit; } a{ color: #0090D2; text-decoration: none; } a:hover, a:focus{ color: #989797; text-decoration: none; opacity: 0.5; } a:focus{ outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img{ vertical-align: middle; } .img-responsive{ display: block; max-width: 100%; height: auto; } .sr-only{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } h1, h2, h3, h4{ font-family: inherit; font-weight: 500; color: inherit; } h1, h2, h3{ margin-bottom: 10px; margin-top:0; } h4{ margin-top: 10px; margin-bottom: 10px; } h1{ font-size: 24px; } h2{ font-size: 20px; } h3{ font-size: 16px; } h4{ font-size: 14px; } p{ margin: 0 0 10px; } .text-left{ text-align: left; } .text-right{ text-align: right; } .text-success{ color: #0090D2; } ul, ol{ margin-top: 0; margin-bottom: 10px; } .list-unstyled{ padding-left: 0; list-style: none; } .container{ margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width:1300px){.container{ width: 1440px; }} @media (max-width:1299px){.container{ width: 1170px; }} @media (max-width:1200px){.container{ width: 980px; }} @media (max-width:1024px){.container{ width: 950px; }} @media (max-width:979px){.container{ width: 724px; }} @media (max-width:767px){.container{ width: auto; padding:0 15px; }} .row{ margin-left: -15px; margin-right: -15px; } .col-sm-3, .col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-sm-6, .col-md-6, .col-sm-7, .col-sm-9, .col-xs-12, .col-sm-12{ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-12{ float: left; } .col-xs-12{ width: 100%; } @media (min-width:768px){.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-9, .col-sm-12{ float: left; }.col-sm-12{ width: 100%; }.col-sm-9{ width: 75%; }.col-sm-7{ width: 58.333333333333336%; }.col-sm-6{ width: 50%; }.col-sm-5{ width: 41.66666666666667%; }.col-sm-4{ width: 33.33333333333333%; }.col-sm-3{ width: 25%; }} @media (min-width:992px){.col-md-4, .col-md-6{ float: left; }.col-md-6{ width: 50%; }.col-md-4{ width: 33.33333333333333%; }} @media (min-width:1200px){.col-lg-4{ float: left; }.col-lg-4{ width: 33.33333333333333%; }} table{ max-width: 100%; background-color: transparent; } th{ text-align: left; } .table{ width: 100%; margin-bottom: 10px; } .table>thead>tr>th, .table>tbody>tr>th, .table>thead>tr>td, .table>tbody>tr>td{ padding: 9px 5px 9px 5px; vertical-align: top; border-top: 1px solid #ddd; } .table>thead>tr>th{ vertical-align: bottom; border-bottom: 2px solid #ddd; } .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td{ border-top: 0; } .table-bordered{ border: 1px solid #ddd; } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td{ border: 1px solid #ddd; } .table-bordered>thead>tr>td{border-bottom:none;} .table-bordered>thead>tr>th, .table-bordered>thead>tr>td{ border-bottom-width: 2px; } .table-hover>tbody>tr:hover>td{ } .table>thead>tr>td.active, .table>tbody>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th{ background-color: #f5f5f5; } .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr.active:hover>td{ background-color: #e8e8e8; } @media (max-width:767px){.table-responsive{ float: left; margin-bottom: 15px; overflow: auto; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }.table-responsive>.table{ margin-bottom: 0; }.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>td{ white-space: nowrap; }.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child{ border-left: 0; }.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child{ border-right: 0; }.table-responsive>.table-bordered>tbody>tr:last-child>td{ border-bottom: 0; }} label{ display: inline-block; margin-bottom: 5px; font-weight: 700; } input[type=search]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn{ background: linear-gradient(283.67deg,rgba(32,10,76,0.05) -5.05%,rgba(32,10,76,0.05) 96.25%); color: #333; background-size: 100% 100%; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; -ms-transition: all 350ms; border: 1px solid rgba(32,10,76,0.05); box-shadow: none; font-size: 15px; font-weight: 600; padding: 12px 32px; text-shadow: none; text-transform: none; line-height: 1.75; border-radius: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -ms-transition: all 0.2s; } .btn:hover, .btn:focus, .btn:active, .btn.active{ background-position: 200% 100%; background-size: 200% 100%; } .btn:active, .btn.active{ background-position: 200% 100%; background-size: 200% 100%; } .btn:hover, .btn:active, .btn:focus{ border: 1px solid rgba(32,10,76,0.05); } .btn-default{ border: none; background: linear-gradient(283.67deg,#FF6622 -5.05%,#F89E35 96.25%); color: #fff; background-size: 100% 100%; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; -ms-transition: all 350ms; } .btn-default:hover{ background-position: 200% 100%; background-size: 200% 100%; color: #fff; } .btn-default:active, .btn-default.active{ background-image: none; } .btn.btn-primary{ border: none; background: linear-gradient(283.67deg,#FF6622 -5.05%,#F89E35 96.25%); color: #fff; background-size: 100% 100%; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; -ms-transition: all 350ms; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active{ background-position: 200% 100%; background-size: 200% 100%; } .btn.btn-primary:active, .btn.btn-primary.active{ background-position: 200% 100%; background-size: 200% 100%; } .btn-success{ color: #FFF; background-color: #F63; border-color: #ccc; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active{ color: #CCC; background-color: #F63; border-color: #CCC; } .btn-success:active, .btn-success.active{ background-image: none; } .btn-sm{ padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; } .collapse{ display: none; } .collapse.in{ display: block; } .collapsing{ position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -ms-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .open>a{ outline: 0; } .nav{ margin-bottom: 0; padding-left: 0; list-style: none; } .nav>li{ position: relative; display: block; } .nav>li>a{ position: relative; display: block; padding: 8px 32px; font-weight:600; } .nav-tabs{ padding:0; clear:both; text-align:left; border-bottom: 2px solid #fff; margin-bottom: 20px; } .nav>li>a:hover, .nav>li>a:focus{ color: #333; background-color: #FFF; border-bottom: 2px solid #FFF; margin-bottom: -2px } .tab-content>.active{ display: block; } .navbar-nav{ margin: 7.5px -15px; } .navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (min-width:768px){.navbar-nav{ float: left; margin: 0; }.navbar-nav>li{ float: left; }.navbar-nav>li>a{ padding-top: 15px; padding-bottom: 15px; }} .pagination{ display: inline-block; padding: 0; margin:0; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; } .pagination>li{ display: inline; } .pagination>li>a, .pagination>li>span{ position: relative; float: left; padding: 4px 9px; text-decoration: none; color: #000; background-color: #fff; border: 1px solid #d1d1d1; margin-left: 6px; } .pagination>li:first-child>a, .pagination>li:first-child>span{ margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination>li:last-child>a, .pagination>li:last-child>span{ border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #fff; background-color: #F60; border-color: #CCC; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ z-index: 2; color: #fff; background-color: #F60; border-color: #CCC; cursor: default; } .thumbnail{ display: block; padding: 0px; margin-bottom: 20px; background-color: #fff; border: 1px solid #eee; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .thumbnail>img{ display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{ } .panel{ margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-body{ padding: 15px; } .panel-heading{ padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title{ margin-top: 0; margin-bottom: 0; font-size: 14px; color: inherit; } .panel-title > a{ color: inherit; } .panel-group{ margin-bottom: 20px; } .panel-group .panel{ margin-bottom: 0; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; overflow: hidden; } .panel-group .panel-heading{ border-bottom: 0; } .panel-group .panel-heading+.panel-collapse .panel-body{ border-top: 1px solid #ddd; } .panel-default{ border-color: #ddd; } .panel-default>.panel-heading{ color: #333; background-color: #f5f5f5; border-color: #ddd; padding:0; } .panel-default>.panel-heading+.panel-collapse .panel-body{ border-top-color: #ddd; } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after, .panel-body:before, .panel-body:after{ content: " "; display: table; } .clearfix:after, .container:after, .row:after, .nav:after, .panel-body:after{ clear: both; } .show{ display: block!important; } @-ms-viewport { width:device-width; } @media (max-width:767px){.btn-primary{margin-bottom:2px;}} /* catalog/view/javascript/jquery/magnific/magnific-popup.css */ button::-moz-focus-inner{ padding: 0; border: 0; } /* inline block 2 from the theme templates */ .navbar-nav .top_level a:hover{ border:none; } /* inline block 3 from the theme templates */ .sidebar{ position: fixed; top: 0; left: 0; width: 306px; height: 100%; background-color: #0090D2; box-shadow: 2px 0 5px rgba(0,0,0,0.3); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 1000; font-family: "Manrope", sans-serif; font-size: 20px; line-height: 1.56; } .sidebar img{ margin-left: 0; margin-right: 0; padding: 36px 25px 18px 18px; position: relative; text-align: left; flex: 0; max-width: 100%; background: #FFF; } .sidebar ul{ list-style: none; flex-grow: 1; padding: 18px; } .sidebar ul li{ margin-bottom: 1rem; } .sidebar ul li a{ text-align: left; display:block; color: white; margin: 9px 0px 9px 0px; } .sidebar.show{ transform: translateX(0); } /* alphaZ static store additions */ header .row { position: relative; } .az-header-icons { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: flex; gap: 16px; align-items: center; } .az-header-icons a { display: block; line-height: 0; } .az-header-icons img { width: 25px; height: 25px; } @media (max-width: 979px) { .az-header-icons { right: 64px; } } .az-side-logo { margin: 4px 0 18px; } .az-side-logo img { display: block; max-width: 100%; height: auto; } .az-access { clear: both; margin: 18px 0 8px; padding: 16px 18px; border: 1px solid #dfe6ea; border-left: 4px solid #0090d2; background: #f7fafc; } .az-access p { margin: 0 0 10px; } .az-access-title { font-size: 16px; font-weight: 600; color: #333; } .az-access-buttons { margin: 14px 0 0; } .az-access-buttons .btn { margin: 0 8px 8px 0; } .az-cert-box{display:flex;align-items:center;gap:26px;margin:24px 0;padding:18px 22px;border:1px solid #dfe6ea;border-radius:4px} .az-cert-box img{display:block;flex:none;width:180px;height:auto} .az-cert-box h2{margin-top:0} .az-cert-box p:last-child{margin-bottom:0} @media (max-width:600px){.az-cert-box{flex-direction:column;align-items:flex-start;gap:14px}} .az-btn-quiet, .az-btn-quiet:hover, .az-btn-quiet:focus { background: #fff; color: #0090d2; border: 1px solid #0090d2; } .az-order { border-left-color: #f47b20; } .az-order-note { font-size: 13px; color: #555; } .az-filter { margin: 0 0 22px; } .az-filter label { display: block; font-weight: 600; margin-bottom: 6px; color: #333; } .az-filter input { width: 100%; max-width: 480px; height: 38px; padding: 6px 12px; border: 1px solid #c9d3d9; border-radius: 4px; font-size: 15px; } .az-filter-results { margin-top: 12px; } .az-filter-results ul { list-style: none; margin: 0; padding: 0; columns: 2 260px; } .az-filter-item { padding: 4px 0; break-inside: avoid; } .az-filter-results .az-filter-none { color: #666; } .az-page { padding-bottom: 30px; } .az-page h1 { margin-top: 0; } .az-search-note { color: #555; margin: 10px 0 20px; } @media (max-width: 979px) { header .row > .main-menu > .nav-responsive { display: block; } } #column-left .box-category ul { list-style: none; padding-left: 14px; } .product-image .image a { cursor: zoom-in; } .image-additional a.az-current img { border-color: #0090d2; } .az-lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 48px 56px; background: rgba(0, 0, 0, 0.85); } .az-lightbox[hidden] { display: none; } .az-lightbox img { max-width: 100%; max-height: 100%; background: #fff; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4); } .az-lightbox button { position: absolute; padding: 6px 14px; border: 0; background: transparent; color: #fff; font-size: 44px; line-height: 1; cursor: pointer; } .az-lb-close { top: 6px; right: 10px; } .az-lb-prev, .az-lb-next { top: 50%; transform: translateY(-50%); } .az-lb-prev { left: 4px; } .az-lb-next { right: 4px; } .az-search-form { display: flex; gap: 8px; max-width: 720px; margin: 0 0 24px; } .az-search-form input { flex: 1; min-width: 0; height: 44px; padding: 8px 14px; border: 1px solid #c9d3d9; border-radius: 4px; font-size: 16px; } .az-search-form .btn { height: 44px; padding: 0 22px; } .az-search-h { font-size: 17px; font-weight: 600; color: #333; margin: 22px 0 10px; } .az-name-list { list-style: none; margin: 0 0 8px; padding: 0; } .az-name-list li { padding: 6px 0; border-bottom: 1px solid #eef1f3; } .az-name-list a { font-weight: 600; } .az-results { list-style: none; margin: 0; padding: 0; } .az-result { padding: 14px 0; border-bottom: 1px solid #eef1f3; } .az-result-link { font-size: 16px; font-weight: 600; } .az-result-excerpt { margin: 4px 0 0; color: #555; font-size: 14px; } .az-result-excerpt mark { padding: 0 1px; background: #fff3a0; color: inherit; } .product-image .image { position: relative; } .az-main-btn, .az-zoom-btn, .az-strip-btn { display: flex; align-items: center; justify-content: center; border: 0; color: #0090d2; line-height: 1; cursor: pointer; } .az-main-btn, .az-zoom-btn { position: absolute; z-index: 2; border-radius: 50%; background: rgba(255, 255, 255, 0.85); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); } .az-main-btn { top: 50%; transform: translateY(-50%); width: 36px; height: 36px; padding: 0 0 4px; font-size: 26px; } .az-main-prev { left: 8px; } .az-main-next { right: 8px; } .az-zoom-btn { top: 8px; right: 8px; width: 32px; height: 32px; padding: 0; cursor: zoom-in; } .az-zoom-btn svg { width: 18px; height: 18px; } .az-pic-count { position: absolute; right: 8px; bottom: 8px; z-index: 2; padding: 2px 8px; border-radius: 10px; background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 12px; } .az-strip-wrap { position: relative; clear: both; margin: 0 0 14px; } .az-strip-wrap.az-strip-scrolls { padding: 0 26px; } #content #additional-carousel.az-strip { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; float: none; width: auto; margin: 0; padding: 0; } #content #additional-carousel.az-strip::-webkit-scrollbar { display: none; } #content #additional-carousel.az-strip .slider-item { display: block; flex: 0 0 auto; float: none; width: auto; margin: 0; scroll-snap-align: start; } #content #additional-carousel.az-strip .slider-item .product-block { height: auto !important; min-height: 0; margin: 0; padding: 0; } #content #additional-carousel.az-strip a { float: none; margin: 0; padding: 2px; } .az-strip-btn { display: none; position: absolute; top: 0; bottom: 0; width: 24px; padding: 0 0 4px; background: #fff; font-size: 28px; } .az-strip-scrolls .az-strip-btn { display: flex; } .az-strip-btn:disabled { color: #d5dde2; cursor: default; } .az-strip-prev { left: 0; } .az-strip-next { right: 0; } header { border-image: linear-gradient(#ccc, #ccc) 0 0 1 0 / 0 0 2px 0 / 0 100vw 0 100vw; } .sidebar { box-shadow: none; } .sidebar.show { box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3); } @font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/alphazdocuments/assets/fonts/inter-4.1-latin.woff2") format("woff2")} @font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url("/alphazdocuments/assets/fonts/inter-4.1-latin-italic.woff2") format("woff2")} @font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:106.12%;ascent-override:91.29%;descent-override:22.73%;line-gap-override:0%} body{font-family:"Inter","Inter Fallback",Arial,sans-serif;font-feature-settings:"cv05","cv08";font-size:1.7rem;line-height:1.6;letter-spacing:normal;color:#333} .sidebar,.orangebox1title{font-family:inherit} .nav-responsive span,.main-menu > ul > li > a{letter-spacing:normal} h1,h2,h3,h4{line-height:1.25} h3{font-size:1.8rem} h4{font-size:1.7rem} .category_description{font-size:inherit;line-height:inherit} .ashwin-azp p,.sara-azp p,.iain-azp p,.fraser-azp p,.jane-azp p{font-size:14.5px;line-height:1.45} .product-description span,.description-right{font-size:1.4rem} table.table-bordered{font-size:1.4rem} .az-grid > .featurelink1 p,.az-grid > .homeblock2box1 > p,#common-home #content .az-grid > .homeblock3box1 p{font-size:1.4rem} body{overflow-wrap:break-word} .header-logo{line-height:20px} .freedownload1 .table-responsive > .table th,.freedownload1 .table-responsive > .table td{white-space:normal} :focus-visible{outline:3px solid #0090D2 !important;outline-offset:2px} h1.product-title{font-weight:400;line-height:1.6} @media (max-width:767px){.contentcolumnright{margin-left:0}table.table-freefiles,table.table-freefiles > tbody,table.table-freefiles > tbody > tr,table.table-freefiles > tbody > tr > td{display:block;width:100%}table.table-freefiles img{max-width:100%;height:auto}table.table-freefiles iframe{max-width:100%;height:auto;aspect-ratio:16/9}} #content .related .box-product { display: flex; flex-wrap: nowrap; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; } #content .related .box-product::-webkit-scrollbar { display: none; } #content .related .box-product .product-items { flex: 0 0 calc((100% - 60px) / 4); width: auto; float: none; display: block; scroll-snap-align: start; } @media (max-width: 991px) { #content .related .box-product .product-items { flex-basis: calc((100% - 40px) / 3); } } @media (max-width: 600px) { #content .related .box-product .product-items { flex-basis: 100%; } } @media (min-width:1300px) and (max-width:1469px){.container{width:1170px}} .az-menu-toggle{display:block;position:absolute;right:10px} .nav-responsive button.expandable{border:0;padding:0;cursor:pointer} .sidebar{overflow-y:auto;visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s} .sidebar.show{visibility:visible;transition:transform .3s ease} .sidebar .az-side-sub{margin:2px 0 0;padding:0 0 0 16px} .sidebar .az-side-sub li{margin-bottom:0} .sidebar ul.az-side-sub li a{margin:5px 0;font-size:1.6rem} html:not(.az-member) .az-auth-in{display:none!important} html.az-member .az-auth-out{display:none!important} .az-intro p{font-size:15px;line-height:1.6} .az-order-compact{margin-top:10px} .az-order-compact .az-access-buttons{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px} .az-order-compact .az-access-buttons .btn{margin:0} .az-order-compact .az-order-note{margin:10px 0 0} .az-order-price{font-size:22px;font-weight:600;line-height:1.2;color:#333} #column-left li.az-lib-first,.sidebar li.az-lib-first{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8ec} .sidebar li.az-lib-first{border-top-color:rgba(255,255,255,.35)} .box-category li a.az-lib-link,.sidebar li a.az-lib-link{padding-left:21px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8a94' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") no-repeat 0 50%/14px 14px} .sidebar li a.az-lib-link{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")} #tabs_info .tab-content>.tab-pane{display:none} #tabs_info .tab-content>.tab-pane.active{display:block} #tabs_info .az-tabs{display:flex;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none;border-bottom:1px solid #dfe6ea} #tabs_info .az-tabs>li>a,#tabs_info .az-tabs>li>a:hover,#tabs_info .az-tabs>li>a:focus{display:block;color:#0090d2;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:10px 22px} #tabs_info .az-tabs>li.active>a{color:#333;border-bottom-color:#0090d2} .az-downloads .az-name-list{margin:14px 0 16px} /* isomanaged.com pages: knowledge base, blogs, support and company pages */ .im-skip{position:absolute;left:-9999px;top:0;z-index:3000;padding:8px 14px;background:#fff;color:#0090D2} .im-skip:focus{left:8px;top:8px} .main-menu > ul > li.current > a{color:#999} .site-header #menu-2{display:block} .im-hp{position:absolute;left:-5000px} .site-header .container{max-width:100%} .im-main .container,.site-footer .container{max-width:100%} /* layout */ .im-main{padding-bottom:10px} .im-layout-side{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start} .im-main .kb-container{max-width:1226px} .im-content{min-width:0} .im-post .im-article{max-width:900px} .im-page-body{max-width:1044px;margin:0 auto} .im-breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:24px 0 6px;padding:0 0 12px;border-bottom:1px solid #e3e7ea;font-size:1.5rem} .im-breadcrumbs li + li::before{content:"\203A";margin:0 10px;color:#999} .im-breadcrumbs [aria-current]{color:#666} .im-subnav{margin:22px 0 6px;padding:0 0 12px;border-bottom:1px solid #e3e7ea;font-size:1.5rem;color:#666} .im-subnav a{font-weight:400} @media (max-width:991px){.im-layout-side{grid-template-columns:minmax(0,1fr);gap:20px}} /* article text */ .im-article{padding-top:6px} .im-article::after{content:"";display:table;clear:both} .im-article h1{margin:22px 0 14px;font-size:2.6rem;font-weight:500;line-height:1.25} .im-kb-article .im-article > h1:first-child,.im-kb-category .im-article > h1:first-child,.im-kb-home .im-article > h1:first-child{margin:20px 0 12px;font-size:1.6rem;font-weight:700;color:#6b6b6b} .im-article h2{margin:28px 0 12px;font-size:2rem;font-weight:600;line-height:1.3} .im-article h3{margin:24px 0 10px;font-size:1.8rem;font-weight:600;line-height:1.3} .im-article h4{margin:20px 0 8px;font-size:1.7rem;font-weight:600} .im-article p{margin:0 0 14px} .im-article ul,.im-article ol{margin:0 0 14px;padding-left:1.6em} .im-article li{margin-bottom:4px} .im-article img{max-width:100%;height:auto} .im-article table{width:100%;margin:0 0 18px;border-collapse:collapse;font-size:1.5rem} .im-article th,.im-article td{padding:8px 10px;border:1px solid #d5dbdf;vertical-align:top;text-align:left} .im-article th{background:#f5f7f8;font-weight:600} .im-article pre{margin:0 0 14px;padding:10px 14px;border:0;border-radius:4px;background:#f5f7f8;color:#333;font-family:inherit;font-size:1.5rem;white-space:pre-wrap} .im-article blockquote{margin:0 0 14px;padding:4px 16px;border-left:4px solid #0090D2;color:#555} .im-figure{margin:4px 0 22px} .im-figure img{display:block;max-width:100%;height:auto;border-radius:4px} .im-figure-right{float:right;max-width:45%;margin:4px 0 16px 28px} .im-figure-left{float:left;max-width:45%;margin:4px 28px 16px 0} .im-center{display:block;margin-left:auto;margin-right:auto} .im-video{position:relative;aspect-ratio:16/9;margin:0 0 1.5em} .im-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .im-date{margin:-4px 0 18px;color:#666;font-size:1.5rem} .im-section-banner{margin:22px 0 0} .im-back{clear:both;margin-top:24px} .im-back a::before{content:"\2190";margin-right:8px} .im-address{line-height:1.7} @media (max-width:640px){.im-figure-right,.im-figure-left{float:none;max-width:100%;margin:4px 0 18px}.im-article h1{font-size:2.3rem}} /* character boxes */ :where(.im) .ashwin,:where(.im) .sara,:where(.im) .iain,:where(.im) .fraser,:where(.im) .jane{min-height:230px;margin:1.5em 0;padding:40px 22px 16px 235px;border-radius:4px;background-repeat:no-repeat;background-position:20px 14px;color:#000} :where(.im) .ashwin p,:where(.im) .sara p,:where(.im) .iain p,:where(.im) .fraser p,:where(.im) .jane p{line-height:1.6} :where(.im) .ashwin p:last-child,:where(.im) .sara p:last-child,:where(.im) .iain p:last-child,:where(.im) .fraser p:last-child,:where(.im) .jane p:last-child{margin-bottom:0} :where(.im) .ashwin a,:where(.im) .sara a,:where(.im) .iain a,:where(.im) .fraser a,:where(.im) .jane a{color:#00628f} :where(.im) .ashwin{background-color:#CFEAF7;background-image:url(/images/kb/kb-ashwin1.jpg)} :where(.im) .sara{background-color:#FFE0D6;background-image:url(/images/kb/kb-sara1.jpg)} :where(.im) .iain{background-color:#ECECEC;background-image:url(/images/kb/kb-iain1.jpg)} :where(.im) .fraser{background-color:#DFE6E0;background-image:url(/images/kb/kb-fraser1.jpg)} :where(.im) .jane{background-color:#F3E0E0;background-image:url(/images/kb/kb-jane1.jpg)} :where(.im) .ashwin2,:where(.im) .sara2,:where(.im) .iain2,:where(.im) .fraser2,:where(.im) .jane2{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:827px;min-height:201px;margin:0 0 1.5em;padding:10px 30px 10px 150px;border-radius:4px;background-repeat:no-repeat;background-position:left top;background-size:clamp(772px,100%,827px) 201px;color:#fff} :where(.im) .ashwin2 h2,:where(.im) .sara2 h2,:where(.im) .iain2 h2,:where(.im) .fraser2 h2,:where(.im) .jane2 h2{margin:0 0 6px;color:#fff;font-size:2rem;font-weight:600;letter-spacing:.02em} :where(.im) .ashwin2 p,:where(.im) .sara2 p,:where(.im) .iain2 p,:where(.im) .fraser2 p,:where(.im) .jane2 p{margin:0 0 6px;color:#fff;font-size:1.5rem;line-height:1.4} :where(.im) .ashwin2 ul,:where(.im) .sara2 ul,:where(.im) .iain2 ul,:where(.im) .fraser2 ul,:where(.im) .jane2 ul{margin:0;padding-left:20px;color:#fff;font-size:1.5rem;line-height:1.3} :where(.im) .ashwin2 li,:where(.im) .sara2 li,:where(.im) .iain2 li,:where(.im) .fraser2 li,:where(.im) .jane2 li{margin-bottom:2px;list-style:disc} :where(.im) .ashwin2{background-color:#2a8fa8;background-image:url(/images/kb/ashwin-kb-bg2.jpg)} :where(.im) .sara2{background-color:#c0634a;background-image:url(/images/kb/sara-kb-bg2.jpg)} :where(.im) .iain2{background-color:#5a7a8a;background-image:url(/images/kb/iain-kb-bg2.jpg)} :where(.im) .fraser2{background-color:#4a7a50;background-image:url(/images/kb/fraser-kb-bg2.jpg)} :where(.im) .jane2{background-color:#a0334a;background-image:url(/images/kb/jane-kb-bg2.jpg)} @media (max-width:640px){ :where(.im) .ashwin,:where(.im) .sara,:where(.im) .iain,:where(.im) .fraser,:where(.im) .jane{min-height:0;padding:220px 16px 16px} :where(.im) .ashwin2,:where(.im) .sara2,:where(.im) .iain2,:where(.im) .fraser2,:where(.im) .jane2{min-height:0;padding:20px;background-image:none} } /* guidance boxes */ :where(.im) .standard-update1{margin:1.5em 0;padding:16px 20px;border-radius:4px;background:#FFFFE8;color:#000} :where(.im) .standard-update1 h3{margin-top:0} :where(.im) .practical-advice{margin:1.5em 0;padding:16px 20px;border-radius:4px;background:#e8f5f5 url(/images/kb/kb-practical-bg1.gif) no-repeat right top;color:#000} :where(.im) .practical-advice h3{margin:0 0 12px;padding-right:60px;color:#fff;font-size:1.8rem;font-weight:700} :where(.im) .practical-advice table{margin-top:12px;font-size:1.5rem} :where(.im) .practical-advice th{background:#FDF8F6;border-color:#ccc} :where(.im) .practical-advice td{background:#fff;border-color:#d0d0d0} :where(.im) .practical-advice tr > :first-child{width:40%} :where(.im) .practical-advice p:last-child{margin-bottom:0} :where(.im) a.az-link,:where(.im) a.kb-link{display:inline-flex;align-items:center;gap:6px;color:#127f93;font-weight:500;text-decoration:none} :where(.im) a.az-link::before{content:"";flex-shrink:0;width:28px;height:30px;background:url(/images/kb/kb-az-file-icon1.gif) no-repeat center/contain} :where(.im) a.kb-link::before{content:"";flex-shrink:0;width:36px;height:18px;background:url(/images/kb-icon-sm1.jpg) no-repeat center/contain} :where(.im) a.az-link:hover,:where(.im) a.kb-link:hover{color:#0e6675;text-decoration:underline} /* frequently asked questions */ :where(.im) .faq-section{margin:1.5em 0;padding:16px 20px;border:1px solid #d9dee2;border-radius:4px} :where(.im) .faq-section > h3{margin:0 0 14px;color:#127f93;font-size:1.8rem;font-weight:700} :where(.im) .faq-item{border-bottom:1px solid #d9dee2} :where(.im) .faq-item:first-of-type{border-top:1px solid #d9dee2} :where(.im) .faq-item summary{position:relative;padding:12px 32px 12px 4px;color:#444;font-weight:600;cursor:pointer;list-style:none} :where(.im) .faq-item summary::-webkit-details-marker{display:none} :where(.im) .faq-item summary::after{content:"+";position:absolute;right:6px;top:8px;color:#127f93;font-size:2.2rem;font-weight:400;line-height:1.2} :where(.im) .faq-item[open] summary::after{content:"\2212"} :where(.im) .faq-item summary:hover{color:#127f93} :where(.im) .faq-answer{padding:0 4px 12px;color:#444;font-size:1.6rem} :where(.im) .faq-answer p:last-child{margin-bottom:0} /* knowledge base lists and sidebar */ :where(.im) .kb-list{margin:10px 0 22px;padding:0;list-style:none;font-size:1.5rem} .im-article .kb-list{padding-left:0} :where(.im) .kb-list li{margin:3px 0;padding:3px 8px;background:#f3f3f7} :where(.im) .kb-list a{display:block} :where(.im) .kb-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;margin:24px 0} :where(.im) .kb-group h3{margin:16px 0 8px;font-size:2rem} :where(.im) .kb-group .kb-list{margin-bottom:6px} :where(.im) .kb-more{margin:0 0 14px;font-size:1.4rem} :where(.im) .kb-more a::after{content:"\2192";margin-left:6px} :where(.im) .kb-cards{margin:0 0 24px} :where(.im) .kb-card{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:24px;padding:16px 0;border-bottom:1px solid #e8e8e8} :where(.im) .kb-card-img{grid-row:1 / 3} :where(.im) .kb-card-img img{display:block;width:220px;height:147px;object-fit:cover;border-radius:4px} :where(.im) .kb-card h4{margin:0 0 8px;font-size:1.8rem;line-height:1.3} :where(.im) .kb-card p{margin:0;color:#555;font-size:1.5rem} :where(.im) .kb-sidebar{padding-top:24px} :where(.im) .kb-sidebar-logo{margin:0 0 18px} :where(.im) .kb-sidebar-logo img{display:block;max-width:100%;height:auto} :where(.im) .kb-menu{padding:22px 28px;border-radius:12px;background:#f3f3f7} :where(.im) .kb-menu ul{margin:0;padding:0;list-style:none} :where(.im) .kb-menu a{display:block;padding:4px 0;font-size:1.6rem} :where(.im) .kb-menu a[aria-current]{color:#666} .im-search-form{display:flex;gap:8px;max-width:720px;margin:18px 0 26px} .im-search-form input{flex:1;min-width:0;height:44px;padding:8px 14px;border:1px solid #c9d3d9;border-radius:4px;font-size:16px} .im-search-form .btn{height:44px;padding:0 22px} @media (max-width:767px){:where(.im) .kb-groups{grid-template-columns:minmax(0,1fr)}:where(.im) .kb-card{grid-template-columns:minmax(0,1fr)}:where(.im) .kb-card-img{grid-row:auto;margin-bottom:10px}:where(.im) .kb-card-img img{width:100%;height:auto;aspect-ratio:3/2}} /* blog listing and update listing */ .im-post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 36px;margin:28px 0 20px} .im-card{display:flex;flex-direction:column} .im-card-img img{display:block;width:100%;height:auto;aspect-ratio:396/248;object-fit:cover;border-radius:6px} .im-card h2{margin:18px 0 8px;font-size:2rem;font-weight:600;line-height:1.3} .im-card h2 a{color:#333} .im-card h2 a:hover{color:#0090D2;text-decoration:none} .im-card p{margin:0 0 14px;color:#555;font-size:1.5rem} .im-card .im-readmore{margin-top:auto} .im-readmore a{display:inline-block;padding:8px 18px;border-radius:4px;background:#f3f3f7;color:#333;font-size:1.5rem;font-weight:600} .im-readmore a::after{content:"\2192";margin-left:8px} .im-readmore a:hover{background:#e7e7ef;text-decoration:none} .im-update-table{width:100%;margin:20px 0;border-collapse:collapse;font-size:1.6rem} .im-update-table th,.im-update-table td{padding:9px 12px;border-bottom:1px solid #e3e7ea;text-align:left;vertical-align:top} .im-update-table thead th{border-bottom:2px solid #d5dbdf;font-weight:600} .im-update-table tbody th{font-weight:400} .im-update-table td{width:11em;color:#555;white-space:nowrap} @media (max-width:991px){.im-post-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.im-post-list{grid-template-columns:minmax(0,1fr)}.im-update-table td{white-space:normal;width:auto}} /* page modules: hero, bands, cards */ .im-main .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .im-main .row > *{flex:0 0 auto;float:none;width:100%;max-width:100%;min-width:0;padding-left:15px;padding-right:15px} .im-main .row > .col{flex:1 0 0%;width:auto} .im-main .row.g-0{margin-left:0;margin-right:0} .im-main .row.g-0 > *{padding-left:0;padding-right:0} @media (min-width:768px){.im-main .row > .col-md-4{width:33.3333%}.im-main .row > .col-md-5{width:41.6667%}.im-main .row > .col-md-7{width:58.3333%}.im-main .row > .col-md-8{width:66.6667%}} @media (min-width:992px){.im-main .row > .col-lg-4{width:33.3333%}.im-main .row > .col-lg-5{width:41.6667%}.im-main .row > .col-lg-6{width:50%}.im-main .row > .offset-lg-1{margin-left:8.3333%}} .im-main .d-flex{align-items:center} :where(.im) .acm-features .row{justify-content:space-between} .im-main .acm-features .row > .offset-lg-1{margin-left:0} :where(.im) .acm-features{padding:40px 0} :where(.im) .container.green1{padding-left:30px;background:linear-gradient(#23ae84,#23ae84) no-repeat 0 0 / 3px 88px;border-right:3px solid #FF6633} :where(.im) .header-wrap{margin-bottom:22px} :where(.im) .header-wrap .heading{margin:0;font-size:2.6rem;font-weight:700;line-height:1.27} :where(.im) .features-content p{margin:0 0 14px} :where(.im) .features-content p:last-child{margin-bottom:0} :where(.im) .image-decor img,:where(.im) .image-decor iframe{display:block;max-width:100%;height:auto;border-radius:4px} :where(.im) .image-decor .im-video{margin:0} :where(.im) .greytop1{padding:44px 15px 18px;border-top:1px solid #ccc;text-align:center} :where(.im) .greytop1 .heading2{margin:0 0 14px;font-size:2.2rem;font-weight:600} .im-logos{overflow:hidden;margin:6px 0 40px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .im-logos-track{display:flex;align-items:center;gap:56px;width:max-content;margin:0;padding:10px 0;list-style:none;animation:im-logos 260s linear infinite} .im-logos:hover .im-logos-track{animation-play-state:paused} .im-logos img{display:block;max-height:64px;width:auto;max-width:200px} @keyframes im-logos{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.im-logos{overflow-x:auto}.im-logos-track{animation:none}} :where(.im) .box.bg-gradient,.im-band{background:linear-gradient(103.88deg,#F5F5F8 0%,#F8F8FC 100.96%)} :where(.im) .box.bg-gradient{padding:50px 0 40px} :where(.im) .has-mod-absolute .box.bg-gradient{padding-bottom:90px} :where(.im) .header1,:where(.im) .header3{max-width:760px;margin:0 auto 18px;text-align:center;font-size:2.6rem;font-weight:600;line-height:1.3} :where(.im) .grey1 p{max-width:1100px} :where(.im) .box-absolute{position:relative;z-index:3;margin-top:-57px} :where(.im) .acm-cta2{max-width:1044px;margin:0 auto} :where(.im) .gk-cols{display:flex;flex-wrap:wrap;margin:0 -15px} :where(.im) .gk-cols > *{flex:0 0 auto;width:100%;padding:0 15px} @media (min-width:992px){:where(.im) .gk-cols > .col-lg-4{width:33.3333%}} :where(.im) .homebox1,:where(.im) .homebox2,:where(.im) .homebox3{padding:49px 10px 48px;text-align:center} :where(.im) .homebox1 img,:where(.im) .homebox2 img,:where(.im) .homebox3 img{display:inline-block;max-width:100%;height:auto} :where(.im) .homebox1{background:#FF6633} :where(.im) .homebox2{background:#24AE84} :where(.im) .homebox3{background:#0090D2} :where(.im) .homebox4,:where(.im) .homebox5,:where(.im) .homebox6{margin:20px 0;padding:24px 30px 40px;text-align:left;background-repeat:no-repeat;background-position:0 0;background-size:3px 88px} :where(.im) .homebox4{background-image:linear-gradient(#FF6633,#FF6633)} :where(.im) .homebox5{background-image:linear-gradient(#24AE84,#24AE84)} :where(.im) .homebox6{background-image:linear-gradient(#0090D2,#0090D2)} :where(.im) .homebox4 .heading,:where(.im) .homebox5 .heading,:where(.im) .homebox6 .heading{margin:0 0 14px;font-size:2.2rem;font-weight:600} :where(.im) .homebox4 p,:where(.im) .homebox5 p,:where(.im) .homebox6 p{font-size:1.5rem} :where(.im) .card{margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #e3e7ea} :where(.im) .card img{display:block;max-width:100%;height:auto;border-radius:4px} :where(.im) .card-body{padding:0 0 0 30px} :where(.im) .card-title{margin:0 0 10px;font-size:1.8rem;font-weight:600} :where(.im) .card-text{margin:0 0 14px} :where(.im) .colspacer1{margin-bottom:10px} :where(.im) .img-fulltext-right{float:right;max-width:45%;margin:0 0 16px 28px} @media (max-width:767px){:where(.im) .card-body{padding:16px 0 0}:where(.im) .img-fulltext-right{float:none;max-width:100%;margin:0 0 16px}:where(.im) .box-absolute{margin-top:0}} :where(.im) .btn-primary,.im-main .btn-primary{display:inline-block;padding:10px 24px;border:0;border-radius:4px;background:#f47b20;color:#fff;font-weight:600} :where(.im) .btn-primary:hover,:where(.im) .btn-primary:focus{background:#d9620d;color:#fff;text-decoration:none} .im-main .btn{white-space:normal} .im-yt{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#000} .im-main a.im-yt img{width:100%;height:100%;object-fit:cover;opacity:.92} .im-yt::after{content:"";position:absolute;top:50%;left:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/34px} .im-yt:hover::after{background-color:#c00} .im-aside{padding-top:24px} .im-aside img{max-width:100%;height:auto} .im-aside h3{margin:0 0 8px;font-size:2rem} .im-aside p{margin:0 0 16px} .im-article .az-results{padding-left:0} .im-main img{max-width:100%;height:auto} /* alphaZ subscriber library (library.az-documents.co.uk) - used only by the library pages (body.az-lib) */ header.az-lib-header{margin:0 0 26px;border-bottom:1px solid #e2e8ec;border-image:none;background:#f4f8fa} .az-lib-bar{display:flex;align-items:center;gap:28px;padding-top:12px;padding-bottom:12px} .az-lib-bar::before,.az-lib-bar::after{display:none} .az-lib-brand{display:flex;flex:none;align-items:center;gap:16px} .az-lib-brand:hover,.az-lib-brand:focus{text-decoration:none} .az-lib-brand img{display:block;width:auto;height:62px;mix-blend-mode:multiply} .az-lib-label{padding:4px 0 4px 16px;border-left:1px solid #cfd9df;color:#6b7780;font-size:15px;white-space:nowrap} .az-lib-tools{display:flex;align-items:center;gap:22px;margin-left:auto} .az-lib-search{display:inline-flex;align-items:center;gap:8px;font-size:16px} .az-lib-icon{flex:none;width:18px;height:18px} .az-lib-site{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-left:24px;border-left:1px solid #cfd9df;font-size:13px} .az-lib-site:only-child{padding-left:0;border-left:0} .az-lib-account{color:#6b7780} .az-lib-bar .nav-responsive{margin-left:auto} .az-lib-bar .nav-responsive .expandable{float:none;margin:0} .az-lib #product-category #content{margin-top:0;padding-top:0} .az-lib #content .az-page h1{margin-top:0;padding-top:4px} .az-lib #column-left .box-category li{padding:2px 0} .az-lib #column-left .box-category li a{font-size:14px;font-weight:400} .az-lib .az-result-link,.az-lib .az-name-list a{font-weight:400} .az-lib .az-name-list a{font-size:15px} .az-lib .az-name-list a.az-about{margin-left:8px;font-size:13px} .az-access.az-lib-guide{margin:0 0 22px;padding:12px 16px;border:1px solid #e2e8ec;background:#f7fafc;color:#555;font-size:14px} .az-lib-guide p:last-child{margin-bottom:0} body.az-lib{display:flex;flex-direction:column;min-height:100vh} body.az-lib > *{min-width:0;max-width:100%} .az-lib #product-category{flex:1 0 auto} .az-lib #product-category #content{min-height:0} .az-lib footer{top:auto;margin-top:40px;border-top:0;background:none} .az-lib .footer_bottom_links{margin-top:0;background:#0090d2} .az-lib .footer_bottom.container{padding-top:12px;padding-bottom:4px} .az-lib footer .footer_bottom a:hover,.az-lib footer .footer_bottom a:focus{color:#dff1fa} .az-lib-form{margin:0 0 28px} .az-lib-form .az-filter{margin-bottom:14px} .az-lib .az-filter select,.az-lib .az-filter textarea{width:100%;max-width:480px;padding:6px 12px;border:1px solid #c9d3d9;border-radius:4px;background:#fff;font-size:15px} .az-lib .az-filter select{height:38px} .az-lib .az-filter textarea{max-width:none;font-family:inherit;line-height:1.5} .az-lib-table-wrap.table-responsive{border:0;margin-bottom:0} .az-lib-table{font-size:14px} .az-lib-table th{background:#f7fafc;font-weight:600} .az-lib-table th,.az-lib-table td{padding:6px 10px;vertical-align:top} .az-lib-actions{white-space:nowrap} .az-lib-actions a+a{margin-left:12px} .az-lib-ended td{color:#999} @media (min-width:980px){.az-lib-bar{padding-left:7px;padding-right:0}.az-lib footer .container{padding-left:10px}} @media (max-width:979px){.az-lib-tools{display:none}.az-lib-bar .nav-responsive{display:block}} @media (max-width:479px){.az-lib-bar{gap:12px}.az-lib-brand{gap:12px}.az-lib-brand img{height:48px}.az-lib-label{padding-left:12px;font-size:13px}}