.byline-premium { color: #b60829; } #dna_free_views { background: #005081; color: #ffffff; padding: 12px; width: 100%; text-align: center; vertical-align: center; margin-bottom: 15px; font-size: 24px; line-height: 20px; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; } .dna_free_views_caption { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .dna_disabled_contents { position: relative; } .dna_disabled_contents::after { background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjMAAACICAYAAAASwGpdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCN0Q2RURGOTM1RDExMUUzQkQzMEM3NjIwRkQwOEE5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCN0Q2RURGQTM1RDExMUUzQkQzMEM3NjIwRkQwOEE5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI3RDZFREY3MzVEMTExRTNCRDMwQzc2MjBGRDA4QTk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI3RDZFREY4MzVEMTExRTNCRDMwQzc2MjBGRDA4QTk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BIkh4QAAA2VJREFUeNrs3UnHV3Ech+H+9UgekYiIiIdoES2iRYto0aJFLzbiIZFIGjTP8zzP83xq0apdq59b18V5A5/V7XsOZzZN09IlAABRs98xM2cGAKAcM8vNAACUY2aFGQCAcszMmwEAKMfMSjMAAOWYWWUGAKAcM6vNAACUY2aNGQCAcsysNQMAUI6ZdWYAAMoxs94MAEA5ZjaYAQAox8yCGQCAcsxsNAMAUI6ZTWYAAMoxs9kMAEA5ZraYAQAox8xWMwAA5ZjZZgYAoBwz280AAJRjZocZAIByzOw0AwBQjpldZgAAyjGz2wwAQDlm9pgBAKia+/MAAGRjZpkZAIByzLjMAABiBgBAzAAAiBkAQMwAAIgZAAAxAwAgZgAAMQMAIGYAAMQMAMBfMePfTABAOmZcZgAAMQMAIGYAAMQMAPC/xYwPgAGAdMy4zAAA6ZhxmQEA0jHjMgMApGPGZQYAEDMAAKNixmsmACAdMy4zAEDWbJqmvWYAAMoxs88MAEA5ZhbNAACUY2a/GQCAcswcMAMAUI6Zg2YAAMoxc8gMAEA5Zg6bAQAox8wRMwAA5Zg5agYAoBwzx8wAAJRj5rgZAIByzJwwAwBQjpmTZgAAyjFzygwAQDlmTpsBACjHzBkzAADlmDlrBgCgHDPnzAAAlGPmvBkAgHLMXDADAFCOmYtmAADKMXPJDABAOWYumwEAKMfMFTMAAGIGAGBQzFw1AwBQjplrZgAAyjFz3QwAQDlmbpgBACjHzE0zAABiBgBgUMzcMgMAUI6Z22YAAMoxc8cMAICYAQAYFDN3zQAAlGPmnhkAADEDADAoZu6bAQAox8wDMwAAYgYAYFDMPDQDAFCOmUdmAADEDADAoJh5bAYAQMwAAAyKmSdmAADKMfPUDACAmAEAGBQzz8wAAIgZAIBBMfPcDACAmAEAGBQzL8wAAIgZAIBBMfPSDACAmAEAEDMAAP8eM6/MAACIGQCAQTHz2gwAgJgBABgUM2/MAACUY+atGQAAMQMAMChm3pkBACjHzHszAADlmPlgBgCgHDMfzQAAiBkAgEEx88kMAEA5Zj6bAQAQMwAAg2LmixkAgHLMfDUDACBmAAAGxcw3MwAAYgYAYFDMfDcDAFCOmR9mAADEDADAoJj5aQYAQMwAAAzwS4ABADt6l9o7YVgDAAAAAElFTkSuQmCC") repeat scroll 0 0; bottom: 0; content: ""; height: 120px; left: 0; position: absolute; right: 0; } .dna-protected-login { line-height: 30px; height: 30px; width: inherit; text-align: center; background: #8a8a8a; color: #fff; font-size: 14px; } .dna-protected-login a:link, .dna-protected-login a:visited, .dna-protected-login a:hover { color:white; text-decoration: none; } .entry-content .dna-protected-login a img, .widget .dna-protected-login a img { -webkit-box-shadow: none; box-shadow: none; } #dna_all_forms *::before,#dna_all_forms *::after, #dna_step_form *::before,#dna_step_form *::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #dna_all_forms *,#dna_step_form *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #dna_all_forms .clearfix:after,#dna_all_forms .clearfix:before, #dna_step_form .clearfix:after,#dna_step_form .clearfix:before{ display: table; content: ""; line-height: 0; } #dna_all_forms .clearfix:after, #dna_step_form .clearfix:after{ clear: both; } #dna_all_forms .form-group { margin-bottom: 15px; } #dna_all_forms .form-horizontal .has-feedback .form-control-feedback{ right:15px } #dna_all_forms .form-group:after, #dna_all_forms .form-group:before{ display:table; content:" "; } #dna_all_forms .form-group:after,#dna_all_forms .clear_both:after{ clear:both } /*welcome note start*/ .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-auto-cursor .mfp-content { cursor: auto; } .white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative; } .welcome-modal-head { margin-left: -30px; margin-right: -30px; background-color: #eee; } @media (max-width: 767px){ #hdAlertWelcome{ font-size: 19.2px; line-height: 19.2px; } } div#dvListNotes > div { border-bottom: 1px solid #eee; margin: 0; padding: 0 30px; } h4#hdAlertHeading{ font-size: 18px; line-height: 23px; } .hdAlertHeading { font-weight: 400; margin: 0; margin-top: 15px; margin-bottom: 5px; position: relative; } .hdAlertHeading:before { content: ''; width: 12px; height: 12px; position: absolute; left: -35px; top: 50%; margin-top: -6px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #97C987; opacity: 0.75; } #hdAlertWelcome{ margin-left: 10px !important; } div#dvListNotes > div:hover .hdAlertHeading:before { -webkit-transform: rotate(45deg) scale(1.2); -moz-transform: rotate(45deg) scale(1.2); -o-transform: rotate(45deg) scale(1.2); -ms-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); opacity: 0.90; } .dvAlertNote { font-weight: 300; padding-bottom: 10px; } .dvNoteDismiss { display: block; margin: 10px 0; } #dvAlertNote .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } #dvAlertNote .btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #ccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } #dvAlertNote .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #da4f49; background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f); background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)); background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image: -o-linear-gradient(top,#ee5f5b,#bd362f); background-image: linear-gradient(to bottom,#ee5f5b,#bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .welcome-modal-footer { padding-top: 15px; text-align: right; } .welcome-modal-footer .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top,#62c462,#51a351); background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image: -webkit-linear-gradient(top,#62c462,#51a351); background-image: -o-linear-gradient(top,#62c462,#51a351); background-image: linear-gradient(to bottom,#62c462,#51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } button.mfp-close,#dna_all_forms button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-close,#dna_all_forms .mfp-arrow, .mfp-preloader,#dna_all_forms .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-s-ready .mfp-preloader { display: none; } /*welcomenote end*/ #dna_all_forms .form-horizontal{ margin-top:0; margin-bottom:0; min-height:27px; /*text-align:right;*/ right:15px; padding-top:6px; /*display:table;*/ clear:both; } #dna_all_forms .form-horizontal, #dna_all_forms .form-group { margin-right: -15px; margin-left: -15px; } #dna_all_forms #right-select-list.col-md-6,#dna_all_forms #right-select-list.col-sm-6, #dna_all_forms #right-select-list.col-sm-12,#dna_all_forms #right-select-list.col-xs-5 { padding-right: 0; } #dna_all_forms button, #dna_all_forms input, #dna_all_forms label, #dna_all_forms select, #dna_all_forms textarea { font-size: 14px; font-weight: 400; line-height: 20px; } #dna_all_forms .label{ display: inline-block; padding: 2px 4px; font-size: 11.84px; font-weight: 700; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #999; margin-top: 15px; } #dna_all_forms label { /*display: inline-block;*/ max-width: 100%; margin-bottom: 5px; font-weight: 700; } #dna_all_forms .center-block { display: block; margin-right: auto; margin-left: auto; } #dna_all_forms .text-center { text-align: center; } #dna_all_forms input[type=button].btn-block,#dna_all_forms input[type=reset].btn-block, #dna_all_forms input[type=submit].btn-block { width: 100%; color: #fff; background-color: #363636; } #dna_all_forms input[type=submit]:hover,#dna_all_forms input[type=reset]:hover, #dna_all_forms input[type=button]:hover,#dna_all_forms .btn:hover { border-color: #adadad; color: #fff; background-color: #222; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } #dna_all_forms input[type=checkbox],#dna_all_forms input[type=radio] { width: auto; height: auto; display: -webkit-inline-box; } #dna_all_forms .input-group { position: relative; display: block; border-collapse: separate; } #dna_all_forms .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; /*-webkit-border-radius: 4px;*/ -moz-border-radius: 4px; border-radius: 4px; /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } #dna_all_forms .visible-lg, #dna_all_forms .visible-md, #dna_all_forms .visible-sm, #dna_all_forms .visible-xs { display: none!important; } #dna_all_forms .col-xs-6{ width: 50%; float: left; } #dna_all_forms .col-lg-1,#dna_all_forms .col-lg-10,#dna_all_forms .col-lg-11, #dna_all_forms .col-lg-12,#dna_all_forms .col-lg-2,#dna_all_forms .col-lg-3, #dna_all_forms .col-lg-4,#dna_all_forms .col-lg-5,#dna_all_forms .col-lg-6, #dna_all_forms .col-lg-7,#dna_all_forms .col-lg-8,#dna_all_forms .col-lg-9, #dna_all_forms .col-md-1,#dna_all_forms .col-md-10,#dna_all_forms .col-md-11, #dna_all_forms .col-md-12,#dna_all_forms .col-md-2,#dna_all_forms .col-md-3, #dna_all_forms .col-md-4,#dna_all_forms .col-md-5,#dna_all_forms .col-md-6, #dna_all_forms .col-md-7,#dna_all_forms .col-md-8,#dna_all_forms .col-md-9, #dna_all_forms .col-sm-1,#dna_all_forms .col-sm-10,#dna_all_forms .col-sm-11, #dna_all_forms .col-sm-12,#dna_all_forms .col-sm-2,#dna_all_forms .col-sm-3, #dna_all_forms .col-sm-4,#dna_all_forms .col-sm-5,#dna_all_forms .col-sm-6, #dna_all_forms .col-sm-7,#dna_all_forms .col-sm-8,#dna_all_forms .col-sm-9, #dna_all_forms .col-xs-1,#dna_all_forms .col-xs-10,#dna_all_forms .col-xs-11, #dna_all_forms .col-xs-12,#dna_all_forms .col-xs-2,#dna_all_forms .col-xs-3, #dna_all_forms .col-xs-4,#dna_all_forms .col-xs-5,#dna_all_forms .col-xs-6, #dna_all_forms .col-xs-7,#dna_all_forms .col-xs-8,#dna_all_forms .col-xs-9, #dna_all_forms .dna-col-sm-6{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #dna_all_forms .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); } #dna_all_forms .dashicons{ text-decoration: none; } #dna_all_forms a:hover,#dna_step_form a:hover { text-decoration: none; } #dna_all_forms .lbl,#dna_step_form .lbl {color: #000000 } #dna_all_forms .lblErr,#dna_step_form .lblErr { color: #CF000F; } #dna_all_forms .urgent,#dna_step_form .urgent {color:maroon} #dna_all_forms .required,#dna_step_form .required {color:maroon; padding:0 0 0 2px } #dna_all_forms .errMsg,#dna_step_form .errMsg { white-space:nowrap; color: maroon; font-size: 10pt; font-family: arial; font-weight:normal; display:none } .how_referred_member { color: #666666; } .how_referred_other { color: #666666; } #dna_all_forms #msgProcessing{ margin-top: 15px; margin-bottom: 15px; padding-top: 10px; text-align: center; } #dna_all_forms .package-box-main { border: 1px solid #dddddd; cursor: pointer; margin: 5px 0px; padding: 10px; font-size: 18px; } #dna_all_forms .package-box { border: 1px solid #dddddd; cursor: pointer; margin: 5px 0px; padding: 10px; } #dna_all_forms .package-box:hover { background-color: #d8dce7; color: #000000; } #dna_all_forms .package-box-active { background-color: #0f4b96; color: #ffffff; } #dna_all_forms input[type=text],#dna_all_forms input[type=button], #dna_all_forms input[type=submit],#dna_all_forms input[type=reset], #dna_all_forms input[type=password],#dna_all_forms input[type=search], #dna_all_forms input[type=file],#dna_all_forms input[type=email],#dna_all_forms select{ border-width: 1px; border-style: solid; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 4px; margin: 0px; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #dna_all_forms #dna-subscriptions input[type=text], #dna_all_forms input[type=button],#dna_all_forms input[type=submit], #dna_all_forms input[type=reset],#dna_all_forms input[type=password], #dna_all_forms input[type=search],#dna_all_forms input[type=file],#dna_all_forms input[type=email],#dna_all_forms select{ height:34px; } #dna_all_forms form .uneditable-input, #dna_all_forms input[type=color], #dna_all_forms input[type=date], #dna_all_forms input[type=datetime-local], #dna_all_forms input[type=datetime], #dna_all_forms input[type=email], #dna_all_forms input[type=month], #dna_all_forms input[type=number], #dna_all_forms input[type=password], #dna_all_forms input[type=search], #dna_all_forms input[type=tel], #dna_all_forms input[type=text], #dna_all_forms input[type=time], #dna_all_forms input[type=url], #dna_all_forms input[type=week], #dna_all_forms select { height:34px; } #dna_all_forms .uneditable-input:focus, #dna_all_forms input[type=color]:focus, #dna_all_forms input[type=date]:focus, #dna_all_forms input[type=datetime-local]:focus, #dna_all_forms input[type=datetime]:focus,#dna_all_forms input[type=email]:focus, #dna_all_forms input[type=month]:focus, #dna_all_forms input[type=number]:focus, #dna_all_forms input[type=password]:focus, #dna_all_forms input[type=search]:focus, #dna_all_forms input[type=tel]:focus, #dna_all_forms input[type=text]:focus, #dna_all_forms input[type=time]:focus, #dna_all_forms input[type=url]:focus, #dna_all_forms input[type=week]:focus, #dna_all_forms textarea:focus #dna_step_form input[type=text]:focus,#dna_all_forms select:focus, #dna_all_forms textarea:focus,#dna_all_forms .btn:focus{ border-color: #0073aa; outline: 0; -webkit-box-shadow: 0 0 8px #0073aa; -moz-box-shadow: 0 0 8px #0073aa; box-shadow: 0 0 8px #0073aa; } #dna_all_forms input[type=submit],#dna_all_forms input[type=reset],#dna_all_forms input[type=button] { display: inline-block; margin-bottom: 0; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #CCC; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #363636; background-image: -moz-linear-gradient(top,#444,#222); background-image: -o-linear-gradient(top,#444,#222); background-image: linear-gradient(to bottom,#444,#222); background-repeat: repeat-x; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); } #dna_all_forms input[type=checkbox], #dna_all_forms input[type=radio]{ height:1em; } #dna_all_forms .dna-heading, #dna_all_forms #dna-heading h2{ font-size: 1.7em; transition: font-size .5s ease-in; } /* registration */ #dna_all_forms #dna-register .lbl { } #dna_all_forms #dna-register .lblErr {color: #ed2f60; } #dna-subscriptions .divCell{ padding-right:1%; padding-left:1%; float:left; text-align: center; } #dna_all_forms .tabular{ float:right; width:auto; padding:10px 0; } #dna_all_forms .choice { background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 1px; box-shadow: 3px 3px 3px #b3b3b3; color: #525252; cursor: pointer; font-size: 17pt; padding: 10px; margin:5px 5px; } #dna_all_forms .choice a { color: #313131; text-decoration: none; } #dna_all_forms .choice:hover { background-color: #ffffff; } #dna_all_forms .packageDiv { background-color: #efefef; border: 1px solid #cccccc; border-radius: 8px; box-shadow: 3px 3px 3px #b3b3b3; margin-bottom: 10px; padding: 10px; } #dna_all_forms .packageDiv:hover { background-color: #E8F9FF; } #dna_all_forms .package-sticky{ background-color: #E8F9FF; } #dna_all_forms .package-selection { float: left; width: 3%; } #dna_all_forms .package-info { float: left; width: 97%; } #dna_all_forms .package-title { color:#069; font-size: 20px; } #dna_all_forms .package-description { margin-top: 8px; } /*Bootstrap Custom overide*/ #dna_all_forms .input-group-addon.req-star { border: 0 none; background-color: #fff; background: transparent; } #dna_all_forms .input-group{ position: relative; display: table; border-collapse: separate; margin-bottom: 10px; } #dna_all_forms .input-group-addon{ display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0; } #dna_all_forms .input-group-addon:first-child{ border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; } #dna_all_forms .input-group-addon:first-child + .form-control{ border-top-left-radius: 0; border-bottom-left-radius: 0; } #dna_all_forms .require { color: #CF000F; } #dna_all_forms .form-border{ border:1px; /* background-color: #e6e6e6; optional */ margin: 0; padding: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #dna_all_forms .form-shadow,#dna_step_form .form-shadow{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); font-size: 0.9em; border-radius: 0; } #dna_all_forms .form-control{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #dna_all_forms select.form-control{ padding: 6px 10px; } #dna_all_forms .btn-dna-default{ font-size: 1.1em; border-radius: 0; display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #ccc; border-bottom-color: #b3b3b3; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); text-decoration: none; } #dna_all_forms .btn-dna-default:hover{ text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; color: #333; background-color: #e6e6e6; border-color: #adadad; } #dna_all_forms .btn { font-size: 1.1em; border-radius: 0; display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #ccc; border-bottom-color: #b3b3b3; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } #dna_all_forms nav button:active{ padding: 9px 10px; } #dna_all_forms .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #dna_all_forms .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } #dna_all_forms .btn-flat { padding-top: 10px; padding-bottom: 10px; } #dna_all_forms .btn-flat:hover{ background-color: #d94412; background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset; border-top-width: 1px; color: #fff; border-bottom-color: rgba(0,0,0,0); } #dna_all_forms .btn-flat:active{ background-color: #d94412; background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset; border-top-width: 1px; } #dna_all_forms #left-select-list.col-md-6, #dna_all_forms #left-select-list.col-sm-6, #dna_all_forms #left-select-list.col-sm-12, #dna_all_forms #left-select-list.col-xs-7{ padding-left: 0; } #dna_all_forms #right-select-list.col-md-6, #dna_all_forms #right-select-list.col-sm-6, #dna_all_forms #right-select-list.col-sm-12, #dna_all_forms #right-select-list.col-xs-5{ padding-right: 0; } #dna_all_forms #month-select-list.col-md-6, #dna_all_forms #month-select-list.col-sm-6, #dna_all_forms #month-select-list.col-sm-12, #dna_all_forms #month-select-list.col-xs-7{ width: 50%; float:left; padding-left: 0; } #dna_all_forms #year-select-list.col-md-6, #dna_all_forms #year-select-list.col-sm-6, #dna_all_forms #year-select-list.col-sm-12, #dna_all_forms #year-select-list.col-xs-5{ width: 50%; float:left; padding-right: 0; } /*style*/ #dna_all_forms .total_today{ width:50%; margin-bottom: 25px; } #dna_all_forms .total_today_label{ font-size: 15px; background-color: lightgrey; } #dna_all_forms .check_box{ width: auto; height: 0px; float:left; } #dna_all_forms .control-label-align{ text-align: left; margin-bottom: 0; padding-top: 7px; } #dna_all_forms .pad-left{ padding-left: 90px; } #dna_all_forms .pad-left-40{ padding-left: 40px; padding-right: 40px; } #dna_all_forms .pad-right-40{ padding-right: 40px; } #dna_all_forms .account-menu{ min-height: 20px; margin-bottom: 20px; background-color: #F5F5F5; border: 1px solid #E3E3E3; } #dna_all_forms #dna-menu .container_inner { padding: 0px; } #dna_all_forms .navbar-link{ cursor:pointer; text-decoration: none; padding: 5px; margin-bottom: 4px; display: inline-block; } #dna_all_forms .navbar-link .active{ border: 1px solid #cccccc !important; } #dna_all_forms .navbar-link:hover{ cursor:pointer; text-decoration: none; background-color: #cccccc; color: #ffffff; } #dna_all_forms a.hyper{ margin-right: 1px; /*border-right: 1px solid #B6B2B2;*/ } #dna_all_forms a.hyper:last-of-type{ margin-right: 0; } /* Welcome Alert Modal*/ #dna_all_forms #test-modal .mfp-close:before, #dna_all_forms #test-modal .mfp-close:after{ display: none; } #dna_all_forms .welcome-modal-head{ margin-left: -30px; margin-right: -30px; background-color: #eee; } #dna_all_forms .welcome-modal-footer { padding-top: 15px; text-align: right; } #dna_all_forms #hdAlertWelcome { margin: 0; margin-top: -20px; padding: 9px; padding-right: 15px; font-weight: 200; } #dna_all_forms .hdAlertHeading{ font-weight: 400; margin: 0; margin-top: 15px; margin-bottom: 5px; position: relative; } #dna_all_forms .dvAlertNote{ font-weight: 300;padding-bottom: 10px; } #dna_all_forms .dvNoteDismiss{ display: block; margin: 10px 0; } #dna_all_forms div#dvListNotes > div { border-bottom: 1px solid #eee; margin: 0; padding: 0 30px; } #dna_all_forms .hdAlertHeading:before { content: ''; width: 12px; height: 12px; position: absolute; left: -35px; top: 50%; margin-top: -6px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #97C987; opacity: 0.75; } #dna_all_forms div#dvListNotes > div:hover .hdAlertHeading:before { -webkit-transform: rotate(45deg) scale(1.2); -moz-transform: rotate(45deg) scale(1.2); -o-transform: rotate(45deg) scale(1.2); -ms-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); opacity: 0.90; } #dna_all_forms #left-select-list,#dna_all_forms #right-select-list{ padding-left: 0px; padding-right: 0px; } /*#dna_all_forms #right-select-list{ padding-left: 5px; padding-right: 0px; } */ /* Media queries below*/ #dna_all_forms #dv_gift_date,#dna_all_forms .form-group{ clear: both; } @media (max-width:480px){ /* .control-input{ text-align: center; }*/ #dna_all_forms .tabular-right{ text-align: right; } #dna_all_forms .tabular{ float: none; width:auto; padding: 0; } #dna_all_forms .tabular-center{ text-align: center; } #content .entry-content { padding-left: 0; padding-right: 0; } #dna_all_forms #left-select-list.col-sm-6, #dna_all_forms #left-select-list.col-xs-12{ padding-right: 0; padding-left: 0; } #dna_all_forms #right-select-list.col-sm-6, #dna_all_forms #right-select-list.col-xs-12{ padding-right: 0; padding-left: 0; } #dna_all_forms .dna-heading, #dna_all_forms #dna-heading h2{ font-size: 1.6em; transition: font-size .5s ease-in; } } #dna-login label{ font-size: 1em; } #dna_all_forms #dna-nav .subsDna-secondary-navbar { padding-bottom: 0; text-align: left; } #dna_all_forms nav {display: block;} #dna_all_forms #dna-nav .subsDna-secondary-navbar ul.subsDna-secondary-nav { padding: 5px 15px; margin: 7.5px -15px; } #dna_all_forms #dna-nav .subsDna-secondary-navbar ul.subsDna-secondary-nav { padding: 5px 15px; margin: 7.5px -15px; } #dna_all_forms .navbar-link { color: #777; cursor: pointer; text-decoration: none; } #dna_all_forms .nav>li>a { position: relative; display: block; } #dna_all_forms a:not([class*=round-div]){ -webkit-transition-property: border,background,color; transition-property: border,background,color; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } #dna_all_forms #dna-nav .subsDna-secondary-navbar li > a { font-weight: normal; line-height: 1.25; padding: 8px; margin: 0; font-size: 0.95em; } #dna_all_forms #headerSection {width:100%; clear:both; position:fixed; z-index:1002;top: 0px;} #dna_all_forms #headerNav{margin: 0px auto;max-width: 1480px;} #dna_all_forms .tnDiv {margin:-1px 11px 0;} #dna_all_forms #topNav { text-align: center;} #dna_all_forms #topNav > ul {list-style:none; margin:0px 10px 0px 10px; background:#00a5e3; float:right; padding:3px 15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #dna_all_forms #topNav > ul > li { display: inline-block; /*font-family: "alegreya_scregular";*/font-size: 83%; font-weight: bold; color:#efefef; text-transform:uppercase; text-align: center;} #dna_all_forms #topNav > ul > li > a {color:#efefef;text-decoration: none;} #dna_all_forms #topNav > ul > li > a:hover {color:#000;text-decoration: none;} @media screen and (max-width:991px){ #dna_all_forms #headerSection {position:relative;} #dna_all_forms #topNav{ width:60%; margin:0px auto;text-align: center;transition: width .5s ease-in;} #dna_all_forms #topNav > ul{ width:100%;float: none;} } @media (max-width:768px){ #dna_all_forms #topNav{ width:80%; margin:0px auto;text-align: center;transition: width .5s ease-in;} #dna_all_forms #topNav > ul{ width:100%;float: none;} } @media (max-width:499px){ #dna_all_forms #topNav { text-align: center; width: 100%; } #dna_all_forms #topNav > ul { border-bottom-left-radius:0px !important; margin:0px auto !important; width:100%;} } /*@media print{ #header-secondary-outer, #headerSection, #header-outer #top nav, #toggle-nav, header#top #toggle-nav, #afc_sidebar_1, #dna-menu.account-menu, .container.main-content .btn.btn-default, #to-top, #footer-outer #footer-widgets, #su-footer-links, #copyright #social { display: none !important; } #header-outer[data-using-secondary="1"] { top: 0; } #header-outer .row .col.span_3, #copyright .col.span_5{ width: 100% !important; text-align: center; } header#top #logo img { margin: 25px auto; } .container.main-content .panel.panal-default.center-block{ padding: 20px; box-shadow: none; -webkit-box-shadow: none; } .container-wrap, .project-title { background-color: #FFFFFF; } .container.main-content .alert.alert-success , .container.main-content .alert.alert-danger{ color: #333; background: #fff; } }*/ @media (min-width:767px){ #dna_all_forms .form-pad-right{ padding-right: 5%; } } @media (min-width:480px) and (max-width:767px){ #dna_all_forms .tabular-right{ text-align: right; } #dna_all_forms .tabular{ /*float: none;*/ width:auto; padding: 0; } #dna_all_forms .tabular-center{ text-align: center; } #dna_all_forms #left-select-list.col-sm-6, #dna_all_forms #left-select-list.col-xs-12, #dna_all_forms #left-select-list.col-md-12{ padding-right: 0; padding-left: 0; } #dna_all_forms #right-select-list.col-sm-6, #dna_all_forms #right-select-list.col-xs-12, #dna_all_forms #right-select-list.col-md-12{ padding-right: 0; padding-left: 0; } } #dna_all_forms .col-xs-12{ float: left; width: 100%; } @media (max-width: 767px){ #dna_all_forms #displayTaxInfo { max-width: none; } #dna_all_forms .validate_promo{ padding: .1em; font-size: 90% !important; } #dna_all_forms select{ padding: 6px 3px !important; } #dna_all_forms .visible-xs{ display: block !important; } } @media (min-width: 768px){ #dna_all_forms .col-sm-12{ float: left; width: 100%; } #dna_all_forms .col-sm-6,#dna_all_forms .dna-col-sm-6,#dna_all_forms .col-xs-6 { float: left; } #dna_all_forms .col-sm-6,#dna_all_forms .dna-col-sm-6,#dna_all_forms .col-xs-6 { width: 50%; } #dna_all_forms .col-sm-1,#dna_all_forms .col-sm-10,#dna_all_forms .col-sm-11, #dna_all_forms .col-sm-2,#dna_all_forms .col-sm-3, #dna_all_forms .col-sm-4,#dna_all_forms .col-sm-5,#dna_all_forms .col-sm-6, #dna_all_forms .col-sm-7,#dna_all_forms .col-sm-8,#dna_all_forms .col-sm-9 { float: left; } #dna_all_forms .col-sm-4{ width: 40%; } #dna_all_forms .col-sm-44{ width: 20%; } #dna_all_forms .col-sm-3 { width: 20%; } #dna_all_forms .col-sm-33{ width: 30% } #dna_all_forms .postal_code{ margin-top:-20px; } #dna_all_forms .postal_code label{ display:contents; } #dna_all_forms .col-sm-2 { width: 16.66666667%; } #dna_all_forms #dna-nav .subsDna-secondary-navbar { text-align: center; } #dna_all_forms .navbar-nav { float: none; } #dna_all_forms .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 992px){ #dna_all_forms .col-md-12 { float: left; } } @media (min-width: 992px){ #dna_all_forms .col-md-12{ width: 100%; } } @media (min-width: 992px){ #dna_all_forms .col-md-6{ float: left; } #dna_all_forms .center-button-dna{ float: none; } } @media (min-width: 992px){ #dna_all_forms .col-md-6 { width: 50%; } #dna_all_forms #left-select-list{ padding-left: 0px; padding-right: 5px; } #dna_all_forms #right-select-list{ padding-left: 5px; padding-right: 0px; } #dna_all_forms #left-select-list.col-md-12{ padding-left: 0px; padding-right: 0px; } #dna_all_forms #right-select-list.col-md-12{ padding-left: 0px; padding-right: 0px; } } @media (max-width: 991px){ #dna_all_forms .margin_left { margin-left: 30px; } #dna_all_forms .col-sm-6,#dna_all_forms .col-sm-4{ width: 100%; } #dna_all_forms #year-select-list #dna_all_forms #left-select-list,#dna_all_forms #year-select-list{ padding-right: 0; } #dna_all_forms #right-select-list,#dna_all_forms #year-select-list{ padding-left: 0; } } @media (max-width: 1200px){ #dna_all_forms label { font-size: 90%; } #dna_all_forms #cc-cvv-code{ font-size: 80%; } } @media (min-width:768px){ #dna_all_forms .form-horizontal .control-label{ padding-top:7px;margin-bottom:0;text-align:right } #dna_all_forms .form-horizontal .form-group-lg .control-label{ padding-top:14.33px } #dna_all_forms .form-horizontal .form-group-sm .control-label{ padding-top:6px } } @media (max-width:850px){ .blog-main{ width:100% !important; } #dna_all_forms .hidden-xs { display: none !important; } #dna_all_forms .visible-xs{ display: block !important; } } @media (max-width:1100px){ #dna_all_forms .dna_input_icons{ padding: 6px 5px; } #dna_all_forms .dna_input_for_icon { width: 80%; } } @media (max-width:450px){ #dna_all_forms .dna_input_for_icon { width: 80%; } #dna_all_forms .dna_input_icons{ padding: 6px 2.5px; } #dna_all_forms .total_today ,#dna_all_forms .total_today > label{ font-size: 9px; } #dna_all_forms .option_default{ padding:4px; } } @media (min-width:1050px){ #dna_all_forms label{ font-size: 99%; } #dna_all_forms #cc_exp_month_lbl{ font-size: 95%; } #dna_all_forms #cc_cvc_code{ font-size: 80%; } } #dna_all_forms #dna-login .form-group label.dna-heading{ font-size: 1.4em; } #dna_all_forms .dna_margin{ margin-left: 0; margin-right: 0; } /*.row { margin-right: -20px; margin-left: 0; } */ /*multistep register.php*/ #dna_step_form .col-lg-1,#dna_step_form .col-lg-10,#dna_step_form .col-lg-11, #dna_step_form .col-lg-12,#dna_step_form .col-lg-2,#dna_step_form .col-lg-3, #dna_step_form .col-lg-4,#dna_step_form .col-lg-5,#dna_step_form .col-lg-6, #dna_step_form .col-lg-7,#dna_step_form .col-lg-8,#dna_step_form .col-lg-9, #dna_step_form .col-md-1,#dna_step_form .col-md-10,#dna_step_form .col-md-11, #dna_step_form .col-md-12,#dna_step_form .col-md-2,#dna_step_form .col-md-3, #dna_step_form .col-md-4,#dna_step_form .col-md-5,#dna_step_form .col-md-6, #dna_step_form .col-md-7,#dna_step_form .col-md-8,#dna_step_form .col-md-9, #dna_step_form .col-sm-1,#dna_step_form .col-sm-10,#dna_step_form .col-sm-11, #dna_step_form .col-sm-12,#dna_step_form .col-sm-2,#dna_step_form .col-sm-3, #dna_step_form .col-sm-4,#dna_step_form .col-sm-5,#dna_step_form .col-sm-6, #dna_step_form .col-sm-7,#dna_step_form .col-sm-8,#dna_step_form .col-sm-9, #dna_step_form .col-xs-1,#dna_step_form .col-xs-10,#dna_step_form .col-xs-11, #dna_step_form .col-xs-12,#dna_step_form .col-xs-2,#dna_step_form .col-xs-3, #dna_step_form .col-xs-4,#dna_step_form .col-xs-5,#dna_step_form .col-xs-6, #dna_step_form .col-xs-7,#dna_step_form .col-xs-8,#dna_step_form .col-xs-9, #dna_step_form .dna-col-sm-6{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #dna_step_form .text-center { text-align: center; } #dna_step_form .stepwizard { display: table; position: relative; margin-top: 15px; margin-bottom: 25px; margin-left: 10%; width: 80%; } #dna_step_form .stepwizard-row { display: table-row; } #dna_step_form .stepwizard-step { display: table-cell; text-align: center; position: relative; } #dna_step_form .btn{ display: inline-block; margin-bottom: 0; font-weight: normal; white-space: nowrap; vertical-align: middle; touch-action: manipulation; user-select: none; background-image: none } #dna_step_form .btn-circle { width: 30px !important; height: 30px !important; text-align: center !important; padding: 6px 0 !important; font-size: 12px !important; line-height: 1.428571429 !important; border-radius: 15px !important; background-color: white !important; } #dna_step_form .stepwizard-step span { position: relative; } #dna_step_form .stepwizard-step .btn { border: 4px solid #DBDBDB; border-radius: 50%; cursor: pointer; box-shadow: 1px 2px 5px rgba(0,0,0,0.15); } #dna_step_form .step.btn-active,#dna_step_form .step.btn-active:hover, #dna_step_form .step.btn-active:focus,#dna_step_form .step.btn-default:hover, #dna_step_form .step.btn-default:focus,#dna_step_form #step-1.btn-active, #dna_step_form #step-2.btn-active,#dna_step_form #step-3.btn-active { color: #fff !important; background-color: #00A5E3 !important; border-color: #DBDBDB; } #dna_step_form .step-desc { position: absolute; color: #000; top: -36px; left: 50%; font-weight: 400; color: #757471; } #dna_step_form .stepwizard-step p { margin-top: 10px; } #dna_step_form .btn-active .step-desc { font-weight: 700; color: #757471; } #dna_step_form .stepwizard-step .btn.btn-active span.step-num { font-size: 0.9em; font-weight: 700; color: #fff; bottom: 4px; } #dna_step_form span.step-num{ bottom: 4px; } #dna_step_form .centered-form { padding: 5px 45px; margin: 10px auto; border: 1px solid #E6E5D3; background-color: #FFFFFF; border-radius: 25px; -webkit-box-shadow: 0px 0px 7px -2px rgba(163,160,120,1); -moz-box-shadow: 0px 0px 7px -2px rgba(163,160,120,1); box-shadow: 0px 0px 7px -2px rgba(163,160,120,1); } #dna_step_form .subscribe-headings { border-bottom: 1px solid #e7e7e7; color: #00A5E3; font-size: 30px; } #dna_step_form #subscription_form h2 { margin-top: 2em !important; } #dna_step_form #DNAFormFields .package-box-main { border: 1px solid #dddddd; cursor: pointer; margin: 5px 0px; padding: 10px; } #dna_step_form #DNAFormFields .package-box { border: 1px solid #dddddd; cursor: pointer; margin: 5px 0px; padding: 10px; } #dna_step_form #DNAFormFields .package-box-active { background-color: #cccccc; } #dna_step_form .centered-form .row { margin-right: -15px; margin-left: -15px; } /*form*/ #dna_step_form label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } #dna_step_form .hide { display: none !important; } #dna_step_form .form-group { margin-bottom: 15px; } #dna_step_form .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } #dna_step_form .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); /* -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; */ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #dna_step_form .form-control { width: 100%; height: 38px; padding: 10px 14px; font-size: 15px; line-height: 1.555; color: #374140; border-radius: 0; } #dna_step_form #cc_exp_year,#dna_step_form #cc_exp_month{ padding: 10px 6px; } #dna_step_form .center-block { display: block; margin-right: auto; margin-left: auto; } #dna_step_form .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; 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; } #dna_step_form .btn-default { color: #333; background-color: #fff; border-color: #ccc; } #dna_step_form .btn-default.btn-register { color: #FFFFFF; background-color: #84D2EF; transition: all .5s ease; box-shadow: 0 3px 0 rgba(0,0,0,0.0); } #dna_step_form .btn-default.btn-register:hover, .btn-default.btn-register:focus { color: #FFFFFF; background-color: #00A5E3; transition: all .5s ease; box-shadow: 0 3px 0 rgba(0,0,0,0.15); } #dna_step_form .btn-default.btn-simple { border: none; color: #81C7E0; background-color: transparent; box-shadow: none; transition: all .5s ease; } #dna_step_form .btn-default.btn-simple:hover,#dna_step_form .btn-default.btn-simple:focus { border: none; color: #00A5E3; background-color: transparent; box-shadow: none; transition: all .5s ease; } #dna_step_form .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } /*before after*/ #dna_step_form .row:before, #dna_step_form .row:after{ display: table; content: " "; } #dna_step_form .row:after, #dna_step_form .row:before{ clear:both; } /*////*/ #dna_step_form .control-label-align { text-align: left; margin-bottom: 0; padding-top: 7px; } #dna_step_form .pad-reset { padding-left: 0; padding-right: 0; } #dna_step_form .pad-adjust { padding-left: 2px; padding-right: 2px; } #dna_step_form .row.subs-col{ margin-left: 15px; margin-right: 15px; } /*.loc*/ #dna_step_form .col-xs-12 { width: 100%; float: left; } #dna_step_form .col-xs-4 { float: left; width: 33.33333333%; } #dna_step_form .col-xs-5 { float: left; width: 41.66666667%; } #dna_step_form .col-xs-6 { float: left; width: 50%; } #dna_step_form .col-xs-7 { float: left; width: 58.33333333%; } #dna_step_form .col-xs-8 { float: left; width: 66.66666667%; } #dna_step_form input[type=checkbox],#dna_step_form input[type=radio] { width: auto; height: auto; display: -webkit-inline-box; } #dna_step_form input[type=text]:focus, #dna_step_form input[type=email]:focus, #dna_step_form input[type=password]:focus, #dna_step_form select:focus{ border-color: #0073aa; outline: 0; -webkit-box-shadow: 0 0 8px #0073aa; -moz-box-shadow: 0 0 8px #0073aa; box-shadow: 0 0 8px #0073aa; } #dna_step_form .btn:focus,#dna_step_form input[type=checkbox]:focus, #dna_step_form input[type=file]:focus,#dna_step_form input[type=radio]:focus, #dna_step_form select:focus { outline: #0073aa auto 5px; outline-offset: 0px; } #dna_step_form .stepwizard-step p.step-desc{ transform: translateX(-50%); left: 50%; position: absolute; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*media*/ @media (max-width: 600px){ #dna_step_form .stepwizard { margin-bottom: 50px; margin-left: 10%; width: 80%; font-size: 0.8em !important; } #dna_step_form .stepwizard-step .btn.btn-active span.step-num { bottom: 5px; } } @media (max-width: 480px){ #dna_step_form .stepwizard-step span.step p.step-desc { font-size: 0.9em; } #dna_step_form .col-xs-61{ width: 100%; } } @media (max-width: 767px){ #dna_step_form .margin-adjust { margin-left: -20px; margin-right: -20px; } #dna_step_form h2 { font-size: 25.6px; line-height: 35px; } #dna_step_form #regStep2 #right-select-list{ padding-left: 0px; padding-right: 0px; } #dna_step_form #regStep2 #left-select-list{ padding-left: 0px; padding-right: 0px; } #dna_step_form #regStep3 #right-select-list{ padding-left: 0px; padding-right: 0px; } #dna_step_form #regStep3 #left-select-list{ padding-left: 0px; padding-right: 0px; } } @media (min-width: 768px){ #dna_step_form .col-sm-12 { float: left; width: 100%; } #dna_step_form .col-sm-6 { float: left; width: 50%; } #dna_step_form .col-sm-8 { float: left; width: 66.66666667%; } #dna_step_form .col-sm-4 { float: left; width: 33.33333333%; } #dna_step_form #right-select-list.col-sm-3{ width:25%; } #dna_step_form #billingAddress{ float: left; } #dna_step_form #regStep2 #right-select-list{ padding-left: 5px; padding-right: 0px; } #dna_step_form #regStep2 #left-select-list{ padding-left: 0px; padding-right: 5px; } #dna_step_form #regStep3 #right-select-list{ padding-left: 5px; padding-right: 0px; } #dna_step_form #regStep3 #left-select-list{ padding-left: 0px; padding-right: 5px; } } @media (min-width: 992px){ #dna_step_form .col-md-12 { width: 100%; float: left; } #dna_step_form .col-md-6 { float: left; width: 50%; } #dna_step_form .row{ margin-left: 15px; margin-right: 15px; } } @media (max-width: 992px){ #dna_step_form .setup-panel-pad{ top: 20px; } } @media (max-width: 1024px){ #dna_step_form #send_recipient_email_on_lbl{ font-size: 90% !important; font-weight: bold; } } @media (max-width: 768px){ #dna_step_form #send_recipient_email_on_lbl{ font-size: 70% !important; font-weight: bold; } } @media (max-width: 425px){ #dna_step_form #send_recipient_email_on_lbl{ font-size: 90% !important; font-weight: bold; } } @media screen and (max-width: 419px){ #dna_step_form .stepwizard-step p.step-desc{ max-width: 80px !important; } } @media screen and (max-width: 549px) and (min-width: 420px){ #dna_step_form .stepwizard-step p.step-desc{ max-width: 100px !important; } } @media screen and (max-width: 785px) and (min-width: 550px){ #dna_step_form .stepwizard-step p.step-desc{ max-width: 160px !important; } } @media (max-width: 992px) and (min-width: 786px) { #dna_step_form .stepwizard-step p.step-desc{ max-width: 170px !important; } } @media (max-width: 1200px) and (min-width: 991px){ #dna_step_form .stepwizard-step p.step-desc{ max-width: 120px !important; } } #dna_step_form label{ font-size: 99%; } /*end*/