/* Minification failed. Returning unminified contents.
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2855,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(2855,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(3058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

html, fieldset
body {
    font-size: 100%;
    font-size: 12px;
    width: 100%;
    margin: 0;
    background-color: rgb(242, 244, 248);
}

.custom-container {
    width: calc(100% - 20px); 
    max-width: 1650px;
    margin: 10px auto;
}

.left-navigation{
    padding-left:20px;
    padding-right: 20px;
}

.main-content {
    padding-left: 20px;
    padding-right: 20px;
}

th {
    font-weight: normal;
}

::-webkit-input-placeholder {
    color: #767676 !important;
}

    .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex-form-view dl>div.row:nth-child(2n+1) {
    background-color: #f2f4f8;
}

.flex-form-view dt{
    padding-left:1.5rem;
}
.flex-form-view .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.flex-form-view{
    padding-bottom: 1rem;
}

div.flex-form-view .toggle-retailer:nth-child(2n+1) {
    background-color: #f2f4f8;
}

div.registrarProvidedServices.flex-form-view .row:nth-child(2n+1), div.ispAddInfo.flex-form-view .row:nth-child(2n) {
    background-color: #f2f4f8;
}

.flex-form-view div.dns-input:nth-child(2n) {
    background-color: #f2f4f8;
}

.flex-form-view.zebra > div:nth-child(2n) {
    background-color: #f2f4f8;
}

.dnsServiceProvider div.dns-input.dnsHidden {
    display: none;
}

.dnsServiceProvider div.dns-input.dnsHidden button {
        display: none;
    }



.traficomRadio input[type="radio"]:checked {
    border-color: #026273;
    box-shadow: inset 0 0 0 2px #026273;
    background-image: radial-gradient(circle, #026273 25%, white 35%);
}

.traficomRadio input[type="radio"] {
    -webkit-appearance: none;
    background-color: #FFFFFF;
    border: 1px solid #555555;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    margin-right: 15px;
}

.traficomRadio > div >div{
    padding-bottom:0.3rem;
}
.traficomRadio  div.radio-div label {
    vertical-align: super;
}

.no-left-padding {
    padding-left: 0;
}

#timer-text {
    padding-top: 1em;
}

#timer {
    padding-top: 1em;
}

#timer-div {
    display: inline-block;
    padding-top: 1em;
}

.breadcrumb-div {
    display: inline-block;
}

.addContact2023 {
    position: relative;
    top: -3px;
    margin-left: 3px;
}

#calendar_date_holder {
    width: 90%;
    display: inline-block;
}

img.ui-datepicker-trigger {
    width: 36px;
    position: relative;
    top: -3px;
}

#scheduledExpirationTime {
    width: 90%;
}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skip a:focus {
        position: static;
        width: auto;
        height: auto;
}


#calendar_date_holder input.form-control {
    display: inline-block;
}

.glyphicon-large {
    width: 36px;
    position: relative;
    top: -3px;
}

.glyphicon-remove {
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    content: url("../Content/fonts/glyphicons-basic-373-times.svg");
}

.glyphicon-remove2 {
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    content: url("../Content/fonts/glyphicons-basic-17-bin-blue.svg");
}



.ui-datepicker-trigger {
    content: url("../Content/fonts/glyphicons-basic-46-calendar.svg");
    max-width: 36px
}

.glyphicon-trash {
    position: relative;
    height: 28px;
    top: 6px;
}

#leftnavi ul.sidebar-nav li#uamanagement a {
    display: inline-block;
}

li#uamanagement div {
    display: inline-block;
}

li#uamanagement .spinner-border {
    height: 1rem;
    width: 1rem;
    position: relative;
    top: 1px;
    display: none;
    color: #002c74;
}

:root {
    font-size: 16px;
}

a {
    color: #002c74;
    font-weight: 400;
    text-decoration: none;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 1;
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .4;
}

.spinner {
    display: none !important;
}

    .spinner.busy {
        display: inline-block !important;
    }

.dnsServiceProvider{
    padding-top:1rem;
    padding-bottom:1rem;
}

.form-check.form-switch input[type="checkbox"] {
    margin-top: 4px;
}

.ieDetected {
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
    color: #000 !important;
    font-weight: 400 !important;
}

.errorM {
    padding-top: 0.5em;
}

a:hover, a:focus {
    text-decoration: underline;
    color: #002c74;
}

ul.sidebar-nav a {
    font-weight: 400;
    color: #002c74;
}

/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/montserrat-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url('fonts/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/montserrat-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/montserrat-v12-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/montserrat-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/montserrat-v12-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Bootstrap color overrides */

.accordion {
    --bs-accordion-active-bg: #002c74;
    --bs-accordion-btn-bg: #fff;
    --bs-accordion-bg: #f2f4f8;
    --bs-accordion-btn-color: #000;
    --bs-accordion-active-color: #fff;
}

.accordion-button.collapsed::after {
    background-image: url("../Content/fonts/glyphicons-basic-221-chevron-down.svg")
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../Content/fonts/glyphicons-basic-221-chevron-down-white.svg")
}

select, select.form-select {
    border: 1px solid #002c74 !important;
    border-radius: 3px !important;
}

    select:focus, select.form-select:focus {
        border: 2px solid #002c74 !important;
        border-radius: 3px !important;
    }

select {
    padding: 0.5em 1em 0.5em 1em;
}

.ui-datepicker-title select {
    padding: 0.2em 0.2em 0.2em 0.2em;
}

select:focus {
    border: 1px solid #1c6bba !important;
}


select option:hover {
    border: 1px solid #1c6bba !important;
    background-color: #1c6bba !important;
}

select option:hover {
    background-color: #e90008 !important;
}

body {
    background-color: #ffffff;
    /*position: relative;*/
    font-size: 93.75%/125%;
    color: #313131;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}
/* Double-sized Checkboxes */
input[type=checkbox] {
    -ms-transform: scale(1.1); /* IE */
    -moz-transform: scale(1.1); /* FF */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1); /* Opera */
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #1c6bba !important;
    background-color: #1c6bba !important;
    font-weight: normal;
    color: #ffffff;
}

.custom-combobox-toggle {
    border: 1px solid #000 !important;
    border-left: 0px !important;
    background-color: #fff !important;
    height: 2.2rem;
}

input[type=text], .form-control input[type=text], input[type=password], input[type=number], select.form-select, .input-group input {
    border: 1px solid #002c74;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 3px;
    line-height: 1.5;
}

.input-group {
    align-self: flex-start;
}

    .input-group input {
        height: 90%;
    }

.input-group2 input {
    width: 80%;
}

.input-group2 .form-control {
    display: inline-block
}



.input-group .btn {
    margin-top: 0;
}

.badge {
    padding: 0.5em;
    font-size: 1em !important;
    background-color: #0058B1 !important;
}

.epp-certificate-modal {
    max-width: 50% !important;
}

.pre-wrap {
    white-space: pre;
}

#addNameServers button {
    margin-left: 1rem;
}

#addNameServers.input-group {
    width: 99%;
}

input[type=password] {
    margin-bottom: 6px;
}

input[type=text]:focus, .form-control input[type=text]:focus {
    box-shadow: none;
    border-width: 2px !important;
    border-color: #002c74 !important;
    margin-right: 0;
}

/*.wrapper {
    margin: 0px auto;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0.375rem 0px;
}*/

body.Layout #errorInPage, body.Layout #UnAuthorizedPage, body.Layout #MaintenancePage, body.Layout #PageNotFoundPage {
    margin: 0 auto;
}

.header {
    border-bottom-width: 1em;
    border-bottom-style: solid;
    border-bottom-color: #F2F4F8;
    background-color: #fff;
    min-height: 130px;
    padding: 0 35px 0 50px;
    position: relative;
    z-index: 100;
    padding-top: 30px;
}

.myIpAddress {
    margin: 0.5em;
    margin-right: 0;
    font-size: 13px;
}

#footerlogoarea {
    padding: 20px 0;
    margin-bottom: 0.938em;
    margin-left: 17%;
    display: block;
}

    #footerlogoarea img {
        height: 40px;
    }

.required:after {
    content: " *";
    color: #000;
    font-weight: bold;
}


.requiredInstr{
    padding-bottom:2rem;
}

.backToPrevious{
    padding-bottom:1rem;
}

.red {
    color: #e90008;
    font-weight: bold;
}

.green {
    color: green;
}

/* Sets all empty tags to not display css (empty space) */
p:empty, h1:empty, h2:empty, h3:empty, h4:empty {
    display: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-bottom: 410px;
}

.right {
    float: right;
}


.font-bold {
    font-weight: bold;
}


.PageSize {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

#left-side-nav {
    padding-bottom: 10px;
}

.leftnavigation-contacttext {
    font-size: 12px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: underline;
    background-color: transparent;
}

.module-header {
    color: #000;
    background-color: white;
    margin-top: 0;
    padding-top: 43px;
    margin-left: -16px;
    margin-right: -16px;
    position: relative;
    z-index: 0;
    padding-left: 16px;
    padding-bottom: 16px;
}


#eppAccountInfo .module-header {
    padding-left: 15px;
}



.no-margin-horizontal {
    margin-left: 0;
    margin-right: 0;
}

.flex-module-header {
    color: #000;
    background-color: white;
    padding: 2rem 7rem 5px 7rem;
    position: relative;
    z-index: 0;
    background-color: #f2f4f8;
    border-style: solid;
    border-width: 8px 0px 0px 0px;
    border-bottom-style: solid;
    border-color: #002c74;
    border-radius: 3px;
}


.flex-form .flex-form, .flex-module-header, .h3.module-header {
    border-width: 0 !important;
    padding: 0;
    padding-bottom: 5px;
}

.flex-form h2{
    padding-bottom:0.5rem;
}

.wideMg .subpage-header {
    margin-left: 7rem;
}

.wideMg p.description {
    margin-left: 7rem;
}

.flex-form {
    color: #000;
    background-color: white;
    margin-bottom: 1rem;
    padding: 2.5rem 7rem 3rem 7rem;
    position: relative;
    background-color: #f2f4f8;
    border-style: solid;
    border-width: 8px 0px 0px 0px;
    border-bottom-style: solid;
    border-color: #002c74;
    border-radius: 3px;
}

    .flex-form.inputDlg {
        text-align: center;
        width: 800px;
        max-width: 100%;
        padding: 70px;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
        background-color: #fff;
    }


    .flex-form.lessborders {
        border-width: 4px 0px 0px 0px;
    }

    .flex-form.lessMg {
        padding: 2.5rem 3.5rem 3rem 3.5rem;
    }

.domain-available {
    margin-top: 2rem;
    margin-bottom: 0 !important;
    padding: 25px 0 5px 15px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 2.5rem 7rem 3rem 7rem;
    border-style: solid;
    border-width: 1px;
    border-bottom-style: solid;
    border-color: #1c6bba;
    border-radius: 3px;
    font-size: 1.17rem;
}

    .domain-available label {
        font-size: 1.17rem;
    }

.info-box {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding: 25px 0 5px 15px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 2.5rem 7rem 2.5rem 7rem;
    border-style: solid;
    border-width: 1px;
    border-bottom-style: solid;
    border-color: #1c6bba;
    border-radius: 3px;
    font-size: 1.17rem;
}

    .info-box.centered {
        text-align: center
    }

    .info-box.grayed {
        background-color: #f7f7f7;
        color: #000;
        border-color: #d8d8d8;
    }



    .info-box select#Products {
        display: inline-block;
    }

.failedProduct {
    border-style: solid !important;
    border-width: 2px !important;
    border-color: red !important;
}

#Product-Validation {
    margin-top: 1em;
}

#validationErrors{
    padding-bottom: 1rem;

}

.domain-available-for-registration {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding: 25px 0 5px 15px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 2.5rem 7rem 2.5rem 7rem;
    border-style: solid;
    border-width: 1px;
    border-bottom-style: solid;
    border-color: #1c6bba;
    border-radius: 3px;
    font-size: 1.17rem;
}


.domain-notavailable {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 25px 0 5px 15px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 2.5rem 7rem 3rem 7rem;
    border-style: solid;
    border-width: 1px;
    border-bottom-style: solid;
    border-color: #e90008;
    border-radius: 3px;
    font-size: 1.17rem;
}

    .domain-notavailable label {
        font-size: 1.17rem;
    }




.traficom-separator {
    border-style: solid;
    border-width: 3px 0px 0px 0px;
    border-bottom-style: solid;
    border-color: #002c74;
}

#main-page-balance {
    font-size: 1rem;
    display: inline-block;
}

#main-page-accountid {
    font-size: 1rem;
    display: inline-block;
}

    #main-page-accountid img {
        padding-left: 2px;
    }

#account-sum {
    font-weight: bold;
}

.totalPriceD {
    margin: 2em 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 1em 0;
    line-height: 2em;
    font-weight: bold;
}

.totalPriceI {
    font-weight: normal;
    color: gray;
}

.totalPrice {
    font-size: 1.5rem;
    font-weight: bold;
}

#account-name {
    font-weight: bold;
}

h2.leftnavigation {
    padding: 1em;
    background-color: #eceff4;
    margin-bottom: 0;
}

.currentPage img {
    height: 15px;
    position: relative;
    top: 3px;
}

b.currentPage a {
    font-weight: 700;
}

ul.nav-stacked {
    font-size: 1rem;
    padding-top: 0;
}

dd, .control-text {
    font-size: 15px;
    color: #000;
}


.description {
    margin-top: 15px;
    margin-bottom: 15px;
}

.topMargin2 {
    margin-top: 2px;
}

tbody {
    border-top: antiquewhite;
}

.table > tbody + tbody {
    border-top: antiquewhite;
}

.table {
    color: #000;
}

label {
    font-size: 1rem;
    font-weight: normal;
}

.control-label {
    vertical-align: middle;
    font-weight: bold;
    font-size: 1rem;
    line-height: 20px;
    padding-top: 0.5em;
    color: #000;
}

.flex-form-view .control-label{
    padding-top: 0!important;
}


.table-striped .control-label {
    font-size: 1rem !important;
}

.switch-readonly {
    pointer-events: none; 
    opacity: 0.6; 
}

/* Traficom styled hyperlinks */

div.underlined a, a.underlined {
    color: #002c74;
    font-weight: 600;    
    text-decoration: underline;
}

    div.underlined a:hover, a.underlined:hover, div.underlined a:focus, a.underlined:focus {
        color: #002c74;
        font-weight: 600;
        text-decoration: underline;        
    }

/* more styled hyperlinks */
#my-pages-page a, .table-striped td a {
    color: #002c74;
    font-weight: 600;    
    text-decoration: underline;
}

#transaction-results2 .table-striped td a {
    color: #002c74;
    background-size: 0.000125rem 0.000333rem;
    background-position: 0px 1.15em;
    background-repeat: repeat-x;
    text-decoration: none;
}

#my-pages-page a:hover, .table-striped td a:hover, #my-pages-page a:focus, .table-striped td a:focus {
    color: #002c74;
    font-weight: 600;
    text-decoration: underline;
}

a.noDeco {
    text-decoration: none !important;
    background-image: none !important;
}

.table-striped td a.btn {
    color: #002c74;
    font-weight: bold;
    background-image: none;
    background-size: 0;
    background-position: 0px;
    background-repeat: no-repeat;
    text-decoration: none;
}

.table-striped tbody tr > td {
    vertical-align: middle;
}

table.ip-address-table.table-striped tbody tr > td {
    vertical-align: top !important;
}

.bnRemove {
    border-radius: 6px;
    border-width: 1px;
    margin-top:1px;
    border: 0;
    background-color: #f2f4f8;
}


.control-label-bold {
    vertical-align: middle;
    font-size: 1rem;
    line-height: 20px;
    color: #000;
    font-weight: bold;
}

.form-horizontal .control-label {
    vertical-align: middle;
    padding-top: 0px;
    margin-bottom: 0;
    text-align: left;
}


.control-text {
    padding-top: 5px;
}

.dl-horizontal > dt, .dl-horizontal > dd {
    padding-top: 5px;
    margin-bottom: 10px;
}

.dl-horizontal dt {
    white-space: normal;
    vertical-align: middle;
    text-align: left;
}

.dl-horizontal dd {
    text-align: left;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 0px;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
}

.nav-tabs > li {
    font-weight: bold;
    margin-bottom: 1em;
}

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.428571429;
        border-radius: 0;
        -webkit-border-radius: 0;
        height: 40px;
        text-transform: uppercase;
    }

        .nav-tabs > li > a.active {
            text-decoration: none;
            background-color: #fff !important;
            border-bottom: 3px solid #002c74;
            color: #000;
        }

        .nav-tabs > li > a:hover {
            text-decoration: none;
            background-color: #fff !important;
            border-bottom: 3px solid #002c74;
            color: #000;
        }

.nav-tabs {
    border-bottom: 0px solid #fff;
}


ul {
    padding-top: 7px;
    margin-bottom: 0;
    list-style: none;
}
#mass-update-page p a, .infoText a{
    text-decoration: underline;
}
.tagSelect .form-control {
    border: 1px solid #002c74;
    padding: 0.5em 1em 0.5em 1em !important;
    border-radius: 3px !important;
    margin: 0 !important;
    line-height: 1.5;
}

    .tagSelect .form-control input {
        background-color: #fff !important;
    }

#tagsSaved {
    display: none;
}

#tagsError {
    display: none;
}

.form-control {
    display: block;
    color: #000000;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 2px 6px;
    border-color: #000;
}

    .form-control:focus {
        box-shadow: 1px 1px inset, -1px -1px inset;
        outline: 0px;
        border-color: #1c6bba;
    }

    .form-control option :hover {
        background-color: #1c6bba !important;
    }

#saveTags {
    display: none;
}

.form-horizontal .form-group {
    margin-left: 2.3rem;
    margin-right: 2.3rem;
    margin-bottom: 10px;
}

.flex-form .row, .flex-form-horizontal .row {
    margin-bottom: 10px;
}

.form-horizontal.wideMg .form-group {
    margin-left: 7rem;
    margin-right: 7rem
}

.flex-form .form-horizontal .form-group {
    margin-left: 0;
}


.initial {
    display: inline-block;
}

.wizard-steps-separator {
    width: 22px;
    background-color: #c0c0c0;
    background-image: linear-gradient(to right, #c0c0c0, #a9a9a9);
}

h1, .h1 {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-size: 3.375em;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: -0.01em;
    margin-bottom: 1.5rem;
}

h2, .h2 {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-size: 1.50em;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -0.01em;
}

    h3, h2.leftnavigation {
        font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
        font-size: 1.17em;
        font-weight: 400;
        line-height: 1.4em;
    }

h4, .h4 {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-size: 1.00em;
    font-weight: 600;
    line-height: 1.2em;
}

h5, h6 {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-size: 1.33em;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 0.03em;
}

h2.flex-module-header {
    margin-bottom: 0;
}

.subpage-header {
    font-size: 1rem;
    font-weight: bold;
    clear: both;
}

.subpage-text {
    font-size: 1rem;
}

#header-logo a {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}


#header-logo {
    width: 300px;
    vertical-align: bottom;
    display: table-cell;
    position: relative;
    padding-bottom: 10px;
}

    #header-logo img {
        max-width: 260px;
    }

.header .nav-link {
    padding: 0;
}

#footer-logo {
    display: inline-block;
    vertical-align: middle;
}

    #footer-logo img {
        margin-top: 25px; /* todo: should be centered and not fixed margin*/
        vertical-align: middle;
        max-width: 220px;
    }

.bg-green {
    background-color: #F2F4F8;
    color: #054884;
}

.bg-gray {
    background-color: #f2f4f8;
}

.box-inner {
    padding: 20px;
    padding-left: 0;
    padding-bottom: 10px;
}

.btn-link {
    color: #FFF !important;
    padding: 5px 10px 5px 10px !important;
    font-size: 1rem;
    background-color: #002c74;
    letter-spacing: 0.03em;
    text-decoration: none;
}

.btn, .btn-light {
    border-radius: 3px !important;
    margin-top: 5px;
}
.btn.mright{
    margin-right:15px;
}

    .btn.glyphicon {
        margin-top: 0;
        position: relative;
        top: -1px;
        height: 2.5em;
    }

.btn-link:hover {
    color: #FFF;
    background-color: #1c6bba;
    text-decoration: none;
    color: #FFF;
}

.margr3px{
    margin-right:3px;
}

.btn-primary:hover {
    background-color: #1c6bba;
}

input[type="file"] {
    color: #000;
}

#domain-registration-payer .table td, #domain-registration-payer .table th {
    padding-left: 0;
    padding-right: 0;
}

#domain-registration-technical .table td, #domain-registration-technical .table th {
    padding-left: 0;
    padding-right: 0;
}

#technical-check-results {
    margin-top: 10px;
}

#main #domain-results .header {
    display: none;
}

#domain-results {
    margin-top: 1rem;
}

#showNewPayerContactFields {
    margin-top: 30px !important;
}

#showNewTechnicalContactFields {
    margin-top: 30px !important;
}


#domain-search-button, #domain-search {
    margin-top: 0;
    margin-right: 0;
}

#domain-search {
    margin-bottom: 0.5rem;
}

#domain-transferkeys-partial .btn {
    margin-top: 0;
}

#add-ip-whitelist-address {
    margin-top: 0;
}

#auditlog-results {
    margin-top: 30px;
}


#auditlog-get {
    margin-top: 20px;
   min-width:180px;
}

.searchBtn {
    min-width: 150px;
}
.loggedIn-nav {
    margin-top: 6px;
    text-align: right;
    margin-right: 10px;
}


    .loggedIn-nav li {
        padding: 0 0 0 0;
        list-style-type: none;
        display: block;
    }

.logoutB {
    margin-top: 6px;
}


ul#language-nav li a {
    font-weight: 400;
}

#language-nav ul li a:hover {
    text-decoration: underline;
}

#navbarDropdownMenuLink.nav-link {
    display: inline-block;
    color: #002c74;
    font-weight: 400;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #002c74;
}

ul#language-nav {
    display: inline-block;
    padding-left: 4px;
    list-style: none;
    text-align: left;
    margin-top: -10px;
    color: #ffffff;
}

    ul#language-nav li {
        display: inline;
        padding: 0 1rem 0 1rem;
    }

#navbarDropdownMenu {
    margin-left: 1rem !important;
}

ul#language-nav {
    display: inline;
    padding: 0 4px 0 4px;
    border-right: 1px solid #000;
}

.noBorderR{
    border-right:0px solid #000 !important;
}

    ul#language-nav .currLangFin a, ul#language-nav .currLangSv a, ul#language-nav .currLangEn a {
        font-weight: 600;
    }

#footer-language ul li a {
    color: #ffffff;
    white-space: nowrap;
}

#footer-language ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ffffff;
}

    #footer-language ul li {
        display: inline;
        padding: 0 10px 0 10px;
        border-right: 1px solid #ffffff;
    }

        #footer-language ul li:first-child {
            display: inline;
            padding: 0 10px 0 0px;
            border-right: none;
            border-right: 1px solid #ffffff;
        }

        #footer-language ul li:last-child {
            display: inline;
            padding: 0 10px 0 10px;
            border-right: none;
        }

ul {
    list-style-type: none;
}

div.contentdiv ul {
    list-style-type: disc;
}

.link-small {
    font-size: 93.75%/125%;
    font-size: 11px;
    font-weight: bold;
}


img, a img {
    border: none;
}

.hr-upper {
    border-top-color: #054884;
    height: 1px;
}

.hr-lower {
    border-top-color: #002c74;
    height: 1px;
}

.form-horizontal {
    background-color: #F2F4F8;
    padding-bottom: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.flex-form-horizontal {
    background-color: #F2F4F8;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}


.form-control::-webkit-input-placeholder {
    font-style: italic;
    color: #808080;
}

.form-control::-moz-placeholder {
    font-style: italic;
    color: #808080;
}

.form-control:-ms-input-placeholder {
    font-style: italic;
    color: #808080;
}

.middle {
    vertical-align: middle;
}

.top-margin {
    margin-left: 9px;
}

.left-margin {
    margin-left: 20px;
}

.actionButtons {
    padding-top: 30px;
}

.input-tooltip {
    display: inline-block;
}


#myDomainsButtons button{
    min-width:240px;
}
.tooltip {
    border: 1px solid #1c6bba;
    background: rgba(255,255,255,1);
    color: #333333;
    border-radius: 0px;
    opacity: 1 !important;
    padding: 8px !important;
    z-index: 1151 !important;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
}

button.atooltip {
    border: 0px;
    background-color: transparent;
    display: inline-block;
    padding: 0;
}



    button.atooltip.blue {
        color: #fff;
        background-color: #002c74;
        border-radius: 0;
        font-weight: bold;
        -webkit-border-radius: 0;
        border-color: #002c74;
        margin-bottom: 10px;
        margin-right: 15px;
        padding: 0.5em 1em 0.5em 1em;
        margin-top: 5px;
    }

.tooltip-inner {
    background-color: #FFF;
    color: #000;
    font-family: Verdana;
    font-size: 15px;
    padding: 10px 10px;
    background-image: none;
    border-radius: 0;
    text-align: left;
    max-width: 300px;
    z-index: 500;
}

.tooltip-arrow {
    display: none;
}

.street2 {
    margin-bottom: 2px;
}

#searchAmount {
    color: #000;
    font-weight: bold;
    margin-left: 6px;
}

.modal-dialog {
    overflow-y: initial !important;
}

.dlg1 {
    max-width: 430px;
}

.dlg2 {
    max-width: 630px !important;
}

.dlg3 {
    max-width: 1300px !important;
}

    .dlg3 input, .dlg3 select, .dlg3 option {
        font-size: 0.8em !important;
    }

.textalignleft {
    text-align: left;
}

.textalignright {
    text-align: right;
}


.pageAmounts {
    padding-top: 0.5rem;
}

.modal-body {
    margin: 5px;
    max-height: 800px;
    overflow-y: initial;
    padding: 0;
    padding-bottom: 1.5rem;
}

.epp-certificate-modal .modal-content .modal-body {
    max-height: 100% !important;
}

.domain-renewal-error-dialog .modal-content .modal-body {
    overflow-y: auto !important;
    max-height: 800px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 750px;
        margin: 1.75rem auto;
    }
}

div.dlg1 .modal-body, div.dlg2 .modal-body {
    margin: 0;
    padding: 0;
}

    div.dlg1 .modal-body input, div.dlg2 .modal-body input {
        margin-bottom: 1em;
    }


.modal-content {
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-top: 5px solid #002c74;
    border-radius: 3px;
    justify-content: center;
    padding: 1.6rem;
}

.modal-dialog {
    -moz-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.16);
}

    .modal-dialog .close {
        display: none;
    }



.modal.d2022 .modal-content {
    padding: 90px;
    padding-bottom: 60px;
    padding-top: 60px;
}

.modal.d2022 .dbuttons {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
}

.modal.d2022 .uploadCertBox {
    border-style: dashed;
    border-color: #002c74;
    border-width: 3px;
    background-color: #ebf5f5;
    padding: 1rem;
}

.modal.d2022 .modal-dialog .modal-header {
    text-align: left;
    justify-content: flex-start;
}


.modal.d2022 .modal-header {
    margin: 0px;
    padding: 0px;
    border: none;
    padding-bottom: 30px;
}

.modal.d2022 .control-label {
    text-transform: uppercase;
    font-weight: bold;
}

.form-group.firstGroup {
    margin-top: 0;
}

.form-group.lastGroup {
    margin-bottom: 0;
}

.modal.d2022 label {
    text-transform: uppercase;
    font-weight: bold;
}

.modal.d2022 .contactRole label {
    text-transform: none;
    font-weight: normal;
}

.noDecoration, .noDecoration a {
    text-decoration: none !important;
    background-image: none !important;
}

div.ui-widget.ui-widget-content {
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-top: 5px solid #002c74;
    justify-content: center;
    padding: 1.6rem;
    border-radius: 0.3rem !important;
}

div.ui-datepicker {
    width: 400px !important;
}

.ui-state-default.ui-state-highlight {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: bold !important;
    border: 2px solid #000 !important;
}


div.ui-dialog .modal-dialog {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#timeout .modal-dialog {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#timeout {
    z-index: 9999 !important;
}

div.ui-dialog .modal-body strong:before {
    content: ' ';
    display: block;
}

div.ui-dialog .modal-body {
    margin: 0;
    padding: 0;
}

div.ui-dialog .modal-content {
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 0;
    justify-content: center;
    padding: 0;
}


div.ui-dialog .ui-dialog-buttonpane {
    border: 0;
}


.modal-dialog .modal-header {
    text-align: center;
    justify-content: center;
}

.modal-dialog .modal-body {
    text-align: center;
}

div.dlg2 .modal-dialog .modal-footer, div.dlg1 .modal-dialog .modal-footer {
    text-align: center;
    justify-content: center;
    justify-content: space-between;
}

.modal-dialog .modal-footer.justifycenter {
    justify-content: center;
}

.justifyright {
    justify-content: right;
}

.modal-dialog .btn-primary {
    margin-right: 0;
}

.modal-dialog .btn {
    padding: 0;
    width: 170px;
    padding: 0.5rem 0px;
    border-radius: 0.3rem;
}

div.ui-dialog-buttonset button {
    padding: 0;
    width: 170px;
    padding: 0.5rem 0px;
    border-radius: 0.3rem;
}

.modal-dialog .modal-body p {
    margin-top: 1rem;
}

.modal-dialog.dlg1 .dialogsymbol {
    padding-bottom: 1rem;
}

.nav > li > b > a {
    font-size: 1rem;
    position: relative;
    display: block;
    padding: 5px 15px;
}

.nav > li > a {

    padding: 5px 0px;
    margin-left: 0;
    margin-right: 35px;
}

.selected-navigation::before {
    content: '\0027a4';
    font-size: 10px;
    font-weight: bold;
    margin-left: 2px;
    position: relative;
    top: 3px;
}

.selected-navigation {
    color: #002c74;
    font-size: 1rem;
}

    .selected-navigation > a {
        color: #002c74;
        font-weight: 600 !important;
    }

.show-fav-ns, .show-fav-newns {
    cursor: pointer;
}

.nav > li > a {
    letter-spacing: 0.03em;
}

.nav > li > b > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-tooltip-content {
    background-color: #089DDC;
    color: #fff;
    font-family: Verdana;
    font-size: 1rem;
    padding: 10px 10px;
    background-image: none;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

.bloc {
    padding-left: 0;
}

#addNsButtonDiv {
    clear: both;
}


#addNameServers {
    clear: both;
}

/* buttons */
.btn-cancel {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 10px;
    margin-right: 15px;
    background-color: #fff !important;
    color: #002c74 !important;
    border-color: #002c74 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.btn-back, .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    font-size: 1rem;
    font-weight: bold;
    color: #002c74 !important;
    border-color: #002c74 !important;
    background-color: #fff !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.btn-danger {
    font-size: 1rem;
    font-weight: bold;
    color: #002c74 !important;
    border-color: #002c74 !important;
    background-color: #fff !important;
    border-color: #002c74 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.btn-light {
    font-size: 1rem;
    font-weight: normal;
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 1px !important;
    border-style: solid !important;
    -webkit-border-radius: 0;
    margin-right: 0px;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    padding-right: 6px;
}

button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

textarea.form-control {
    height: auto;
}

.btn-disabled {
    border: none;
    border-radius: 0px;
    margin-bottom: 10px;
    margin-right: 15px;
    font-weight: bold;
    font-size: 1rem;
    background-color: #ebf5f5 !important;
    color: #00AEB2 !important;
    border-color: #00AEB2 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.btn-primary {
    color: #fff;
    background-color: #002c74;
    border-radius: 0;
    font-weight: bold;
    -webkit-border-radius: 0;
    border-color: #002c74;
    margin-bottom: 10px;
    margin-right: 15px;
}

#domain-registration-nameservers .techcheckButton {
    display: none;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
}

.modal-header {
    margin: 10px;
    padding: 15px;
    border: none;
}

.modal-footer {
    text-align: center;
    border: none;
    padding: 0;
    margin-top: 1em;
}

.btn-danger {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #e90008;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-color: #FF1D00;
    margin-bottom: 10px;
    margin-right: 20px;
    border: none;
}

.text-danger {
    color: #BD0006 !important;
    font-weight: bold;
}

.btn-danger:hover {
    color: #fff;
}

.btn-continue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    font-size: 1rem;
    font-weight: bold;
    color: #fff !important;
}


.modal-dialog .btn-continue {
    margin-right: 0;
}

.btn-continue.less-margin-horizontal {
    margin-right: 5px;
}


.glyphicon {
    color: #000;
}

.btn img.glyphicon {
    color: white;
}

.glyphicon.green {
    filter: invert(28%) sepia(9%) saturate(7358%) hue-rotate(152deg) brightness(97%) contrast(98%);
}

.glyphicon.blue {
    filter: invert(12%) sepia(44%) saturate(4759%) hue-rotate(210deg) brightness(94%) contrast(103%);
}

.glyphicon.black {
    filter: invert(0%) sepia(3%) saturate(24%) hue-rotate(320deg) brightness(101%) contrast(100%);
}

.mainbanner {
    border-bottom-width: 1em;
    border-bottom-style: solid;
    border-bottom-color: #F2F4F8;
}

    .mainbanner .bg-image {
        background-image: url("../Content/images/curved-blue.svg");
        background-color: #002c74;
        background-position: -2px 0px;
        background-repeat: no-repeat;
    }

    .mainbanner h2 {
        font-size: 28px;
    }

    .mainbanner input {
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0.7rem;
        width: 28rem;
        max-width: 100%;
    }

div.msgBox {
    border-bottom-width: 1em;
    border-bottom-style: solid;
    border-bottom-color: #F2F4F8;
    padding-left: 0;
}

ul.msgContainer {
    list-style: none;
    display: flex;
    padding: 0;
    min-height: 50px;
}

div.msgBox.warning ul.msgContainer {
    list-style: none;
    display: flex;
    padding: 0;
    min-height: 4rem;
}

div.msgBox.warning ul{
    padding: 0;
}

ul.msgContainer li {
    flex-direction: row;
    align-items: center;
    display: flex;
}


ul.msgContainer li.msgSymbol {
    background-color: #002c74;
    width: 50px;
    justify-content: center;
}

div.msgBox.warning ul.msgContainer li.msgSymbol {
    background-color: #FF7D00;
    width: 50px;
    justify-content: center;
}

ul.msgContainer li.msgSymbol img {
    height: 36px;
}
ul.msgContainer li.msgText {
    width: 100%;
    white-space: pre-wrap;
    margin-top: 3px;
    margin-bottom: 3px;
}

ul.msgContainer li.msgText a {
    text-decoration: underline;
    display: inline-block;
}

ul.msgContainer li.msgText:before {
    content: "";
    border-color: transparent #002c74;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    padding-right: 40px;
}

div.msgBox.warning ul.msgContainer li.msgText:before {
    content: "";
    border-color: transparent #FF7D00;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    padding-right: 1.5rem;
}



div.mainMsgBox {
    margin-bottom: 0.5rem;
}


ul.mainMsgContainer {
    list-style: none;
    display: flex;
    padding: 0;
    min-height: 4rem;
}

ul.mainMsgContainer li.mainMsgSymbol img {
    height: 36px;
}

ul.mainMsgContainer li {
        flex-direction: row;
        align-items: center;
        display: flex;
}

ul.mainMsgContainer li.mainMsgText:before {
    content: "";
    border-color: transparent #002c74;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    padding-right: 40px;
}

ul.mainMsgContainer li.mainMsgSymbol {
    background-color: #002c74;
    width: 50px;
    justify-content: center;
    border-top: 1px solid #fff3cd;
    border-left: 1px solid #fff3cd;
    border-bottom: 1px solid #fff3cd;
}

ul.mainMsgContainer li.mainMsgText {
        width: 100%;
        white-space: pre-wrap;

        border-top: 1px solid #eceff4;
        border-right: 1px solid #eceff4;
        border-bottom: 1px solid #eceff4;
}

ul.mainMsgContainer li.mainMsgText a {
    text-decoration: underline;
    display: inline-block;
}

div.mainMsgBox.warning ul.mainMsgContainer li.mainMsgText:before {
    content: "";
    border-color: transparent #FF7D00;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    padding-right: 40px;
}

div.mainMsgBox.warning ul.mainMsgContainer li.mainMsgText {
    width: 100%;
    white-space: pre-wrap;
    border-top: 1px solid #FF7D00;
    border-right: 1px solid #FF7D00;
    border-bottom: 1px solid #FF7D00;
}

div.mainMsgBox.warning ul.mainMsgContainer li.mainMsgSymbol {
    background-color: #FF7D00;
    width: 50px;
    justify-content: center;
    border-top: 1px solid #FF7D00;
    border-left: 1px solid #FF7D00;
    border-bottom: 1px solid #FF7D00;
}

div.mainMsgBox.danger ul.mainMsgContainer li.mainMsgText:before {
    content: "";
    border-color: transparent #E90008;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    padding-right: 40px;
}

div.mainMsgBox.danger ul.mainMsgContainer li.mainMsgText {
    width: 100%;
    white-space: pre-wrap;
    border-top: 1px solid #E90008;
    border-right: 1px solid #E90008;
    border-bottom: 1px solid #E90008;
}

div.mainMsgBox.danger ul.mainMsgContainer li.mainMsgSymbol {
    background-color: #E90008;
    width: 50px;
    justify-content: center;
    border-top: 1px solid #E90008;
    border-left: 1px solid #E90008;
    border-bottom: 1px solid #E90008;
}

div.mainMsgBox.success ul.mainMsgContainer li.mainMsgText:before {
    content: "";
    border-color: transparent #159637;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    padding-right: 40px;
}

div.mainMsgBox.success ul.mainMsgContainer li.mainMsgText {
    width: 100%;
    white-space: pre-wrap;
    border-top: 1px solid #159637;
    border-right: 1px solid #159637;
    border-bottom: 1px solid #159637;
}

div.mainMsgBox.success ul.mainMsgContainer li.mainMsgSymbol {
    background-color: #159637;
    width: 50px;
    justify-content: center;
    border-top: 1px solid #159637;
    border-left: 1px solid #159637;
    border-bottom: 1px solid #159637;
}




#BannerSearchForm {
    padding: 2.5rem;
    padding-left: 45px;
}

.mbContents {
    padding-left: 30px;
}

.glyphicon-triangle-bottom {
    content: url("../Content/fonts/glyphicons-basic-796-set-down.svg");
}

.glyphicon-triangle-top {
    content: url("../Content/fonts/glyphicons-basic-set-up.svg");
}

.glyphicon-plus {
    content: url("../Content/fonts/glyphicons-basic-371-plus.svg");
    max-width: 24px;
}

.glyphicon-minus {
    content: url("../Content/fonts/glyphicons-basic-372-minus.svg");
    max-width: 24px;
}

.traficom-circle-info-white {
    content: url("../Content/fonts/traficom-circle-info-white.svg");
    max-width: 36px;
}

.traficom-circle-info-red {
    content: url("../Content/fonts/traficom-circle-info-red.svg");
    max-width: 36px;
}

.traficom-circle-info{
    content: url("../Content/fonts/traficom-circle-info.svg");
    max-width: 36px;
}

.bigIcon{
    max-width: 60px;
    width:60px;
}


.glyphicon-plus, .glyphicon-minus {
    color: #fff;
    line-height: 30px;
    cursor: pointer;
}


.appearingSymbol {
    opacity: 0; 
    transition: opacity 1s; 
}

.btn:hover, .btn:focus {
    color: #fff !important;
    background-color: #1c6bba !important;
    text-decoration: none;
}

.pagination > li.active > a {
    text-decoration: none;
}

.pagination li.active {
    border: 1px solid #002c74;
}


div.form-horizontal {
    padding-bottom: 3rem;
}

#eppAccountInfo div.form-horizontal {
    padding-bottom: 30px;
}

#my-domains-page .pagination-container {
    display: inline-block;
}


.btn-link:focus, .btn-link:focus-within {
    background-color: #1c6bba;
}

.btn {
    padding: 0.5em 1em 0.5em 1em;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #002c74;
    color: #fff;
    letter-spacing: 0.03em;
    --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;                 
}

.btn-bigger {
    padding: 1em 2em 1em 2em;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #002c74;
    color: #fff;
    letter-spacing: 0.03em;
}

.progress {
    margin-bottom: 10px;
}

.flex-form-horizontal .btn {
    margin-top: 5px;
    margin-bottom: 0;
}

.flex-form-horizontal #domain-registration-registrant .btn {
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    top: -1px;
    text-overflow: ellipsis;
    max-width: 220px;
}

#domain-registration-registrant {
    padding-bottom: 10px;
}

.flex-form-horizontal {
    padding-bottom: 15px;
}

.btn-xs {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-image: linear-gradient(to top, #0185c5, #009dde);
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 10px;
    border: none;
}

.btn-link {
    padding-left: 5px;
    font-weight: bold;
}

    .btn-link:hover {
        cursor: pointer;
    }

.orange {
    color: orange;
}

.leftMargin20 {
    margin-left: 20px;
}

#apply-domain-button {
    margin-top: 10px;
}

/* progress bar / wizard steps */

.wizard-steps {
}

.wizard-steps-inactive {
    background-color: #f2f4f8;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    color: #6d6d6d;
}

.wizard-steps-active {
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    color: #000;
    background-color: #f2f4f8;
}

#progressbar {
    position: relative;
    width: 100%;
    border: 1px solid #333;
    position: relative;
    padding: 3px;
}

    #progressbar .pbbar {
        background-color: #002c74;
        height: 20px;
        transition: width 150ms;
    }

        #progressbar .pbbar.p17 {
            width: 17%;
        }

        #progressbar .pbbar.p28 {
            width: 28%;
        }

        #progressbar .pbbar.p37 {
            width: 37%;
        }

        #progressbar .pbbar.p45 {
            width: 45%;
        }

        #progressbar .pbbar.p54 {
            width: 51%;
        }

        #progressbar .pbbar.p68 {
            width: 68%;
        }

        #progressbar .pbbar.p85 {
            width: 85%;
        }

        #progressbar .pbbar.p100 {
            width: 100%;
        }

    #progressbar .pbpercent50 {
        position: absolute;
        display: inline-block;
        top: 3px;
        left: 50%;
        transform: translateX(-50%);
    }

#respsecform ul {
    margin-bottom: 1em;
    padding-top: 0;
    margin-top: 0;
}



/* my domains page*/
#Filter {
    border-radius: 0px;
    -webkit-border-radius: 0;
    width: 90%;
}

    #Filter.form-control {
        width: 90%;
    }

.filtermenu {
    position: relative;
    z-index: 100;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-button {
    border-color: #002c74 !important;
    border-width: 1px;
    outline-color: #002c74 !important;
}

span.ui-selectmenu-text {
    background-color: #fff !important;
    height: 28px;
    font-size: 1rem;
    padding-top: 0.3em !important;
}

.select2-container .select2-selection--single {
    height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    line-height: 33px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000 !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #002c74 !important;
    border-radius: 3px !important;
}

.dropdownlist {
    margin-right: 10px;
    border-radius: 0px;
    -webkit-border-radius: 0;
}

#PageSize {
    width: auto;
}

/* payment account */

#transactions-form-content {
    margin-bottom: 20px;
}

#registrar-transactions-form > div > input {
    margin-right: 15px;
}



#registrar-transactions-form > div > #transactions-include-filters {
    /*vertical-align: top;*/
    margin-right: 15px;
}

.graybg {
    background-color: #F2F4F8;
}


#transactions-from, #transactions-to {
}

#csv-download-links {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

    #csv-download-links a {
        font-size: 16px;
        font-weight: bold;
    }

.search-results-details {
    font-size: x-small;
}

/* epp-account */

#ip-whitelist-table {
    margin-bottom: 20px;
}

#ip-address-input-field {
    margin-bottom: 10px;
}

#SendOnlyPollMsg {
    padding-top: 5px;
}

.sendonlypoll-label {
    margin-right: 10px;
}

#save-epp-messaging-options {
    margin-top: 10px;
}

/* user management */

#users {
    margin-bottom: 30px;
}

.iam-authentication-methods {
    margin-bottom: 10px;
}

    .iam-authentication-methods > div > span {
        margin-left: 5px;
        margin-right: 2px;
    }

#iamuser-accordion .ui-accordion-content > * {
    margin: 0;
    padding: 2px;
}

#iamuser-accordion .ui-accordion-content a {
    color: #fff;
}

#iamuser-accordion .ui-accordion-header {
    background-color: #fff;
    margin: 0px;
}

    #iamuser-accordion .ui-accordion-header a {
        color: #fff;
        line-height: 42px;
        display: block;
        font-size: 1rem;
        width: 100%;
        text-indent: 10px;
    }

.user-wrapper, .mydata-wrapper {
    padding-top: 15px;
    background-color: #F2F4F8;
    padding-bottom: 10px;
    padding-top: 0;
}

    .user-wrapper .dl-horizontal dd, .mydata-wrapper .dl-horizontal dd {
        margin-left: 240px;
        margin-bottom: 5px;
    }

.user-actions {
    float: right;
    margin-right: 25px;
    margin-top: -60px;
}

.float-right {
    float: right;
    padding-bottom:2px;
}

    .user-actions > .btn {
        margin-left: 15px;
    }

.uam-uname {
    margin-left: 30px;
}

/* accordion */

/* accordion-Bulletin*/

#accordion-Bulletin .accordion-item.unread button {
    font-weight: bold !important;
}

#accordion-Bulletin .accordion-item {
    border-radius: 0 !important;
}

#accordion-Bulletin .accordion-item, #accordion-Bulletin .accordion-button {
    border-radius: 0 !important;
}

#accordion-Bulletin .accordion-item {
    margin-bottom: 1em;
}

#accordion-Bulletin .accordion-item {
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}


/* registration */
.right-side-box {
    color: #000;
    background-color: #F2F4F8;
    text-align: left;
}

.validation-ownrow {
    display: block;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}

#person-birthdate {
    cursor: pointer;
}

.phone-country-code {
    max-width: 70px;
    display: inline !important;
}

.phone-localpart {
    max-width: 206px;
    margin-left: 5px;
    display: inline !important;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.bootstrap-content {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

p {
    line-height: 1.5;
    font-size: 1rem;
}

.mini-shopping-basket ul {
    padding-left: 0;
}

    .mini-shopping-basket ul li {
        padding-bottom: 0.5em;
        list-style-type: none;
    }

.panel {
    background-color: #f2f2f2;
}



#epp-user-management-table.table td {
    padding: 1rem 0.5rem 1rem 0.75rem;
}



#selectedRegistrantContact, #selectedPayerContact {
    margin-top: 0px;
}

@media(max-width: 768px) {
    #auditlog-search {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .form-inline2 .form-control {
        width: 100%;
    }

    .control-text {
        padding-top: 5px;
    }

    #selectedRegistrantContact, #selectedPayerContact {
        margin-top: 1em;
    }

    #domain-registration-registrant #selectedRegistrantContact {
        margin-top: 21px;
    }

    #domain-registration-payer #selectedPayerContact {
        margin-top: 1em;
    }

    #domain-registration-technical #selectedTechnicalContact {
        margin-top: 1em;
    }
}

.sidebar {    
    display: flex;
    flex-wrap: wrap;
}


nav.sidebar {
    padding-top: 0;   
    margin-bottom:0.5rem;
}

.sidebar-header {
    padding-top: 5px;
}

.sidebar-nav a.active{
    font-weight: 700;
}


input .fileinputnew {
}

table#paymentOptions td {
    text-align: center;
    padding-bottom: 30px;
    width: 250px;
}

.view-Receipt {
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.glyphicon-plus {
    cursor: pointer;
    line-height: 30px;
}

.glyphicon-time {
    height: 18px;
    width: 18px;
}


.view-Receipt:hover {
    text-decoration: underline;
}

.table {
    margin-bottom: 0;
}

.bordered {
    border: 1px solid #dee2e6 !important;
}

#comm-new-street1 {
    padding-left: 15px;
}

.table td, .table th {
    vertical-align: top;
    border-top: 0px solid #dee2e6 !important;
}

.table .bordered td, .table .bordered th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6 !important;
}


.table-striped > tbody > tr:nth-child(odd) > * {
    --bs-table-striped-bg: #fff !important;
    background-color: #fff !important;
    border: 0px solid #dee2e6;
}

.table-striped > tbody > tr:nth-child(even) > * {
    --bs-table-striped-bg: #e5eef7 !important;
    background-color: #e5eef7;
}

.table-striped > tbody > tr > td, .table-striped > tbody > tr > th {
    border: 0px solid #fff !important;
    border-right: 1px solid #fff !important;
}


.table-striped > tbody > tr:first-child > th {
    --bs-table-striped-bg: #002c74 !important;
    background-color: #002c74 !important;
    color: #fff;
}




.table-striped.blued tbody tr:nth-child(odd) > * {
    --bs-table-striped-bg: #e5eef7 !important;
    background-color: #e5eef7;
}

.table-striped.blued tbody tr:nth-child(even) > * {
    --bs-table-striped-bg: #fff !important;
    background-color: #fff;
}

.table-striped.blued tbody tr > td, .table-striped.blued thead tr > th {
    border: 0px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.table-striped.blued > thead > tr:first-child > * {
    --bs-table-striped-bg: #002c74 !important;
    background-color: #002c74;
    color: #fff;
}




.table-responsive {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-right: 10px;
}

.table-striped tr > th, .table-striped tr > td {
    border: 0px solid #002c74 !important;
}

.table-striped th .glyphicon {
    color: #000;
}


#domain-list-table > thead > tr > th {
    max-width: 200px;
    min-width: 100px;
    vertical-align: top;
    letter-spacing: 0.01em !important;
    font-weight: normal;
    padding:0;
}

#domain-list-table > thead > tr > th > span{
    display: inline-block;
    padding: 0.5rem;
    position: relative;
    top: 3px;
}

#domain-list-table{
    font-size: 0.9rem !important;
}

    #domain-list-table > thead > tr > th#domaintags {
        width: 40px;
        min-width: 40px;
    }



    #domain-list-table > thead > tr > th label {
        font-weight: normal;
    }


.ladda-label {
    letter-spacing: 0.03em;
}

#domain-list-table > tbody > tr > td {
    max-width: 200px;
    word-break: normal;
}

    #domain-list-table > tbody > tr > td:nth-child(2) {
        max-width: 200px;
        word-break: break-all !important;
        min-width: 180px;
    }

    #domain-list-table > tbody > tr > td:nth-child(5) {
        max-width: 210px;
        min-width: 180px;
    }


.list-inline > li {
    padding-right: 0px;
    padding-left: 0px;
}

.pagination {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 8px;
        margin-left: -1px;
        line-height: 1.428571429;
        text-decoration: none;
        color: #002c74;
        font-size: 1rem;
        border: none;
        background-color: transparent;
    }


        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            text-decoration: underline;
        }

    .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: #323232;
        font-size: 1rem;
        font-weight: bold;
        cursor: default;
        text-decoration: underline;
        background-color: transparent;
    }

.form-control-icon {
    display: block;
    width: 100%;
    height: 34px;
    padding: 5px 5px;
    font-size: 1rem;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: transparent;
}

.dlg3 .form-control-icon {
    position: relative;
    top: -6px;
}

.dlg3 .glyphicon-drop-plus {
    margin-left: 60px;
}

.form-control-icon:focus {
    outline: 0;
}

#dnssec-editor-rows input, #dnssec-editor-rows select, #dnssec-editor-rows option {
    font-size: 0.8em !important;
}


#dnssec-editor-rows .form-control-icon {
    position: relative;
    top: -6px;
}

.custom-combobox {
    position: relative;
}

    .custom-combobox .ui-button-icon-only {
        width: 2.2em;
        background-color: #002c74 !important;
        color: #fff !important;
        font-size: 20px !important;
        height: 43px;
        width: 32px;
        border-radius: 0px 3px 3px 0px !important;                        
    }

    #selectNsCombo{
        margin-bottom:3px !important;
    }
    .custom-combobox input[type="text"] {
        border-radius: 3px 0px 0px 3px !important;
    }

    .custom-combobox .form-control {
        display: inherit;
        max-width: 100% !important;
    }

.custom-combobox-toggle {
    position: absolute;
    margin-left: -1px;
    padding: 0;
    height: 32px;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.ui-button {
    position: absolute;
}

.normal-text {
    font-size: 1rem;
    line-height: 20px;
    font-weight: normal;
}

.normal-text-bold {
    font-size: 1rem;
    line-height: 20px;
    font-weight: bold;
}

.checkbox label {
    cursor: default;
}

.checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.small-text {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
}

.small-text-bold {
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.text-container {
    margin-bottom: 0px;
}

.domain-details-link {
    color: #002c74;
    text-decoration: none;
}

    .domain-details-link:hover {
        color: #1c6bba;
        text-decoration: underline;
        cursor: pointer;
    }

.address-text {
    font-size: 1rem;
    color: #000;
}

.footer2 .address-text {
    font-size: 1rem;
    color: #fff;
}

#footer-information {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
}

    #footer-information > div > div > span {
        line-height: 20px;
        color: #ffffff;
    }

    #footer-information > div > div > a {
        line-height: 20px;
        color: #ffffff;
    }

#ficora-link {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #ficora-link > a {
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
    }

    #ficora-link :hover {
        color: #ffffff;
        text-decoration: underline;
    }

#layout-footer {
    height: 100%;
    padding-bottom: 20px;
}

.gray {
    color: #777;
}

.loggedIn-nav > li > a {
    color: #002c74;
}

#admin-information-popup > div > div > div > ul {
    list-style: disc;
    list-style-type: disc;
}




#regform #add-emergency-contact-button {
    margin-bottom: 1rem;
}

#regform #add-commercial-contact-button {
    margin-bottom: 1rem;
}


#add-emergency-contact-button {
    padding-left: 0px;
}

#add-commercial-contact-button {
    padding-left: 0px;
}

.remove-padding-left {
    padding-left: 0;
}

.remove-padding-right {
    padding-right: 0;
}

.remove-padding-bottom {
    padding-bottom: 0 !important;
}

.remove-padding-horizontal {
    padding-right: 0;
    padding-left: 0;
}

.remove-margin-horizontal {
    margin-right: 0;
    margin-left: 0;
}

.remove-margin-top {
    margin-top: 0;
}

.remove-margin-right {
    margin-right: 0;
}

.warning-color {
    color: #e90008;
    font-weight: bold;
}

.regServices .row .control-label, .regRegistrar .row .control-label, .regAddInfo .row .control-label {
    padding-left: 0 !important;
}

.warning-red {
    filter: invert(37%) sepia(93%) saturate(7471%) hue-rotate(356deg) brightness(91%) contrast(135%);
    font-weight: bold;
    height: 22px;
}

.warning-black {
    color: #000;
    font-weight: bold;
    height: 22px;
}

.align-right {
    text-align: right;
}

.align-right-b {
    text-align: right;
    display: inline-block;
}
.align-justify {
    text-align: justify;
}

.sidebar-default {
    background-color: transparent;
    border-color: transparent;
}

.top-margin10 {
    margin-top: 10px;
}

.top-margin20 {
    margin-top: 20px;
}

.top-margin30 {
    margin-top: 30px;
}

.top-margin40 {
    margin-top: 40px;
}

.bottom-margin3 {
    margin-bottom: 3px !important;
}

input[type=text].bottom-margin3 {
    margin-bottom: 3px !important;
}

.bottom-margin10 {
    margin-bottom: 10px;
}

.bottom-margin15 {
    margin-bottom: 15px;
}

.bottom-margin20 {
    margin-bottom: 20px;
}

.bottom-margin30 {
    margin-bottom: 30px;
}

.bottom-padding10 {
    padding-bottom: 10px;
}

.bottom-padding5 {
    padding-bottom: 5px;
}

.bottom-margin40 {
    margin-bottom: 40px;
}

.bottom-padding1rem {
    padding-bottom: 1rem;
}

.bottom-padding2rem {
    padding-bottom: 2rem;
}

.btn.disabled, .btn:disabled {
    opacity: 1 !important;
    background-color: #fff !important;
    color: gray !important;
    border: 1px solid gray !important;
}

.btn.tr-light-blue {
    background-color: #E8F0F8 !important;
    border-color: #002C74;
    color: #000 !important;
    border-width: 2px;
}

.btn.tr-light-blue:hover {
    background-color: #E8F0F8 !important;
    border-color: #002C74;
    color: #000 !important;
    border-style: solid !important;
}

.btn.tr-transparent {
    background-color: transparent !important;
    border: none;
    color: #000 !important;    
}

.btn.tr-transparent:hover {
    background-color: #D9E0EA !important;
}

.branchEntity {
    padding-bottom: 2rem;
}

.border-dashed {
    border-style: dashed;
}

.pagination > .disabled > a, .pagination > .disabled > a:hover {
    background-color: transparent;
    text-decoration: none;
    cursor: default;
}

.top-padding5 {
    padding-top: 5px;
}

.top-padding10 {
    padding-top: 10px;
}

.top-padding1rem{
    padding-top: 1rem;
}

.top-padding15 {
    padding-top: 15px;
}

.top-padding05r {
    padding-top: 0.5rem;
}

.top-padding15r {
    padding-top: 1.5rem;
}

.top-padding20 {
    padding-top: 20px;
}

.bottom-padding6 {
    padding-bottom: 6px;
}


.left-padding10 {
    padding-left: 10px;
}

.left-padding20 {
    padding-left: 20px;
}

.left-padding30 {
    padding-left: 30px;
}

.padding-15 {
    padding: 15px;
}

.text-warning {
    color: #ca5f00;
}

.fileinput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.top {
    vertical-align: top;
}

.footer-info {
    padding-top: 2em;
}

#nav-login-username {
    overflow: hidden;
}

.userName {
    padding-left: 1.5em;
}

#add-new-retailer, .delete-retailer {
    cursor: pointer;
    text-decoration: underline !important;
}

.align-bottom {
    position: absolute;
    bottom: 0;
}


a.favorite-ns-header:hover {
    text-decoration: underline;
    color: #002c74;
    background-color: #eceff4;
}


a.favorite-ns-header {
    background-color: #eceff4;
    color: #002c74;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 25px 5px 25px;
    font: bold 16px;
    display: inline-block;
    width: 100%;
}

.colpad > div {
    padding-top: 0.5rem;
}

.ns-header {
    background-color: #f2f4f8;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3rem 7rem 3rem 7rem;
    font: bold 16px;
    border-style: solid;
    border-width: 6px 0px 0px 0px;
    border-bottom-style: solid;
    border-color: #002c74;
    border-radius: 3px;
}


.fav-ns-table > .row {
    margin: 10px 0 10px 0;
}

    .fav-ns-table > .row > .col-12 {
        padding: 0
    }

#nav-toggle1, #nav-toggle2 {
    border: none;
    text-align: center;
    vertical-align: middle;
    margin: 0px 10px 0 0;
    padding: 0;
    background-color: #fff !important;
}

.nav-toggle-icon {
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: rgb(5, 72, 132);
    font-size: 30px;
    position: relative;
    top: -3px;
    margin-right: 5px;
}

#retailer-table {
    border-color: #002c74;
}

.glyphicon.top-margin {
    margin-top: 9px;
}

.font15 {
    font-size: 1rem;
}

.font12 {
    font-size: 12px;
}


.glyphicon-info-sign {
    position: relative;
    height: 20px;
}

.glyphicon-info-sign-yellow {
    filter: invert(66%) sepia(93%) saturate(866%) hue-rotate(8deg) brightness(91%) contrast(135%);
    position: relative;
    height: 20px;
}

.glyphicon-info-sign-black {
    position: relative;
    height: 20px;
    content: url("../Content/fonts/glyphicons-circle-info-black.svg");
}
.alert {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 1.25rem 1.25rem;
    margin-left: -5px;
    margin-right: -5px;    
}

.alert-success {
    color: #fff;
    font-weight: bold;
    background-color: #1c6bba;
    border-color: #1c6bba;
}

.alert-success .glyphicon-info-sign {
        color: #fff;
        font-weight: bold;
    }

.alert-danger {
    color: #FFF;
    background-color: #E90008;
    border-color: #E90008;
    font-weight: bold;
}
.alert-danger .glyphicon-info-sign {
        color: #fff;
        font-weight: bold;
    }


.mainMsgBox .alert {
    background-color: #fff !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
    font-weight: 400 !important;
}

.mainNotifBox {
    padding: 1.5rem 1rem; 
    border: 1px solid #002c74;
    margin-bottom:1rem;
}

.mainNotifBox ul li::before {
    content: "\2022"; /* Small bullet */
    margin-right: 1rem;
}

.mainNotifBox h2 img{
    padding-right:0.5rem;
}

.orange {
    color: #FFF;
    background-color: #ff8c00;
    border-color: #ff8c00;
    font-weight: bold;
}


.orange {
    color: #FFF;
    background-color: #ff8c00;
    border-color: #ff8c00;  
    font-weight: bold;
}


.iam-warning {
    color: #000 !important;
    background-color: #FFD400;
    border-color: #FFD400;
    font-weight: bold;
}

.alert a {
    color: #000 !important;
    text-decoration: underline;
}

.alert-warning a {
    color: #000 !important;
    text-decoration: underline;
}

#selectedNameServers {
    -webkit-appearance: none;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 4px;
}

.uppercase {
    text-transform: uppercase;
}

.remove-margins {
    margin-left: 0;
    margin-right: 0;
}

.glyphicon-chevron-up, .glyphicon-chevron-down {
    cursor: pointer;
    position: relative;
}

.selectedNameServers {
    list-style: none;
    max-height: 500px;
    margin: 0;
    overflow: auto;
    padding: 0;
    text-indent: 10px;
    border: 0px solid #002c74;
}

    .selectedNameServers > li {
        background: #fff;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        line-height: 25px;
        font-weight: bold;
        cursor: pointer;
        margin-bottom: 10px;
        padding: 3px;
    }

        .selectedNameServers > li:hover {
            background-color: #0058B1;
            color: white;
        }

#selectedNameServers .closeX {
    float: right;
    margin-right: 10px;
    color: white;
}

.selectedNameServers > li:hover span.closeX {
    color: #000;
}

#add-ip-link {
    margin-left: 1rem;
}

.selectedNameServers > li.selectedns {
    background-color: #0058B1;
    color: white;
}

.inline {
    display: inline;
}

.retailer-cell {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    background-color: #f2f4f8 !important;
}

.external::after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../Content/Images/externallink.png) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-left: 8px;
}

#leftnavi {
    padding-left: 30px;
    padding-top: 30px;
}

#leftside-navigation1, #leftside-navigation2 {
    background-color: #f2f4f8;
}

/* Instructions navigation */
#leftnavi ul.sidebar-nav {
    float: left;
    padding: 0;
    font-size: 1rem;
    margin: 1em 1.25em;
}

ul.sidebar-nav ul {
    padding: 0 10px 10px;
}

ul.sidebar-nav li {
    display: block;
    position: relative;
    padding-left: 30px;
}

ul.sidebar-nav > li {
    padding-left: 0;
}

    ul.sidebar-nav > li + li {
        margin-top: 0px;
    }

#leftnavi ul.sidebar-nav li a {
    display: block;
    padding: 5px 0;
    word-break: break-word;
}

ul.sidebar-nav li ul li a.active {
    font-weight: bold;
}


ul.sidebar-nav li a:hover, #nav li a.active {
}

ul.sidebar-nav li a + ul {
    display: none;
}

ul.sidebar-nav li a.active + ul {
    display: block;
}

ul.sidebar-nav li ul li:first-of-type {
    margin-top: -10px;
}

ul.sidebar-nav li ul li a {
    padding: 10px 0 0;
}

ul.sidebar-nav li ul li b a {
    display: block;
    padding: 10px 15px;
}

ul .sidebar-nav a.active {
    font-weight: bold;
    text-decoration: none;
}

/* nis2Layout */

.nis2Layout {
    max-width: 1900px;
    margin: 0 auto;
    min-height: 100vh;
}

    .nis2Layout>.row {
        min-height: 100vh;
    }

    .nis2Layout .left-column {
        display: flex;
        align-items: center;
        padding: 3rem;
    }

    .nis2Layout .left-column-content {
        width: 100%;
    }

    .nis2Layout .right-column {
        background-color: #142B72;
        color: white;
        padding: 20px;
        height: 100vh;
        display: flex;
        align-items: center;
    }
    
    .nis2Layout .right-column ul {
            list-style-type: disc;
    }

    .nis2Layout .right-column a{
        color: #fff;
        text-decoration: underline;
    }
    

    .nis2Layout .left-column ul li a {
        color: #142B72;
    }


    .nis2Layout .left-column ul li a:hover {
        text-decoration: underline;
    }

    .nis2Layout #header-logo {
            padding-bottom:1rem;
     }

    .nis2Layout div#error-message{
        padding-bottom:4rem;
    }
    .nis2Layout #error-message .mainMsgContainer{
        min-height: 6rem;
    }

    .nis2Page h1 {
        padding-top: 3rem;
    }

.nis2Form h1 {
    margin-bottom: 30px;
}



.nis2Page .nis2Buttons{
    width: 400px;
    max-width:100%;
    padding-top:1rem;
}

.nis2Page .btn-link {
    background-color: #fff !important;
    color: #142B72 !important;
    padding-top: 3rem !important;
}

.nis2Page .btn-link:hover {
    text-decoration:underline !important;
}



.nis2Page #nis2-StartSurveyBtn {
    width: 100%;
}

.nis2Page #nis2-LaterBtn {
    margin: 0 auto;
    display: block;
}

/* Instructions page content */
.sisaltopalsta {
    color: #4c5867;
    line-height: 1.5;
}


    .sisaltopalsta .caption {
        font-family: "DaxPro-Wide";
        font-weight: 700;
        color: #054884;
    }

    .sisaltopalsta .caption {
        font-family: "DaxPro-Wide";
        font-weight: 700;
        color: #054884;
    }

    .sisaltopalsta p {
        margin: 14px 0;
        font-size: 1rem;
    }

.sisaltopalsta {
    font-size: 1rem;
}

    .sisaltopalsta ul {
        list-style-type: disc;
        padding-top: 0;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .sisaltopalsta h2 {
        font-size: 18px;
    }

    .sisaltopalsta h3 {
        font-size: 16px;
        line-height: normal;
    }

    .sisaltopalsta h4 {
        font-size: 1rem;
    }

    .sisaltopalsta p.updated {
        font-size: 1rem;
    }

    .sisaltopalsta .article_info.blogisti {
        font-family: "DaxPro-Wide";
        font-weight: 500;
        font-size: 1rem;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #636363;
    }

    .sisaltopalsta .blogisti_image {
        margin-right: 25px;
        max-width: 100%;
    }

    .sisaltopalsta .imagespan_right {
        float: right;
    }

label.rlmanagement {
    padding-left: 30px;
}


.dnNameServerChange {
    font-size: 1rem;
    font-weight: bold;
    word-break: break-all;
}

div#ui-datepicker-div {
    margin-top: 3px;
}

#selectedRegistrantContact {
    padding-bottom: 2em;
}



.trafitabs.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .trafitabs.nav > li {
        position: relative;
        display: block;
    }

        .trafitabs.nav > li > a {
            position: relative;
            display: block;
            padding: 15px 15px;
        }


        .trafitabs.nav > li.active > a,
        .trafitabs.nav > li.active > a:hover,
        .trafitabs.nav > li.active > a:focus {
            color: #ffffff;
            background-color: #002c74;
            border: none;
        }


.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 2px !important;
}

.bg-light-green {
    background-color: #F2F4F8;
}

.padd-left {
    padding-left: 15px;
}

.padd-horizontal {
    padding-left: 7rem;
    padding-right: 7rem;
}

label {
    margin-bottom: 0;
}


.trafi-modal-footer .btn {
    margin-bottom: 10px;
}

.trafi-modal-header {
    margin: 10px;
    padding: 15px;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.trafi-modal-footer {
    text-align: center;
    border: none;
}

footer {
    background-color: #002c74;
}

div.footer2 {
    margin-top: 4em;
    color: #fff !important;
    margin-top: 10px;
    margin-bottom: 1rem;
    padding: 0 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 1rem;
}

.padd-vertical {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padd-vertical15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padd-horizontal15 {
    padding-left: 15px;
    padding-right: 15px;
}


.padd-top {
    padding-top: 20px;
}

#remove-Payer-PopupButton, #remove-TechnicalContact-PopupButton {
    -webkit-appearance: none;
}

#Registrant-Contacts {
    padding-bottom: 1rem;
    font-weight: bold;
    max-width: 400px;
}

#search-TechnicalContact-button {
    margin-right: 5px;
}

.cert-logo {
    padding-top: 40px;
    padding-bottom: 20px;    
    max-width: 100%;
}

.trstribe {
}

.hide {
    display: none;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
    vertical-align: middle;
}



ul.starRatingUl {
    margin-top: 0;
    padding-top: 0;
    margin-left: -3px;
    position: relative;
    top: -3px;
}

.rwhite {
    background-color: #fff;
}

.displaynone {
    display: none;
}

.footer2 a {
    color: #fff;
}

input[type="text"]{
    margin-bottom: 3px;
}

    .footer2 a:hover {
        color: #fff;
    }

.dropdown.bootstrap-select .btn {
    margin-top: 0;
}

div.dropdown.bootstrap-select .btn {
    padding: 4px 10px 5px 10px;
    margin-bottom: 10px;
    font-size: 1rem;
    background-color: #fff !important;
    color: #000 !important;
    letter-spacing: 0.03em;
    border-color: #000 !important;
}


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #002c74;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 26px;
    font-size: 20px;
}

.select2 {
    width: 90% !important;
}

.grow {
    flex: 1;
}

.main {
    padding-top: 30px;
    width: calc(100% - 20px);
    max-width: 1100px;
    margin: 10px auto;
}

.borderbottom {
    border-bottom-width: 8px;
    border-bottom-style: solid;
    border-bottom-color: #002c74;
}

.registerForm h2 {
    padding-top: 1rem;
}




.epphelpline b {
    font-weight: 600;
}


.hidden {
    display: none;
}

#survey1-page textarea {
    max-width: 100% !important;
    padding: 6px;
}

.registrar-transfer .btn {
    max-width: initial !important;
}

.ip4-address-field input {
    max-width: 160px !important;
    display: inline-block;
    font-size: 12px;
}

.ip6-address-field input {
    max-width: 280px !important;
    display: inline-block;
    font-size: 12px;
}

.ip4-address-field {
    margin-bottom: 3px;
}

.form-control.nameserver-namefield {
    display: inline-block;
    max-width: 200px;
}

.ip-address-table {
    font-size: 15px !important;
}

.redborder {
    border-color: red !important;
}

#notsupported {
    color: #e90008;
}

.nsChange p {
    display: inline-block;
}

.nsChange .btn {
    margin-top: 0;
}

.lightButton {
    background-color: #fff !important;
    color: #002c74 !important;
    border-color: #002c74 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.footer3 a {
    padding: 0.84375rem;
}
.footer3{
    background-color: #fff;
}

#accessibility-page {
    max-width: 90%;
}
.accessibleTable .sortBtn img{
    display: none;
}

.accessibleTable .sortFieldActive .sortBtn img {
    display: inline-block;
}

.sortBtn{
    margin:0.5rem;
    padding:0 !important;
    font-weight:400 !important;    
    font-size: 15px;
}


.accessibleTable > thead > tr > th {
    max-width: 200px;
    min-width: 100px;
    vertical-align: top;
    letter-spacing: 0.01em !important;
    font-weight: normal;
    padding: 0;
}

.accessibleTable > thead > tr > th > span {
        display: inline-block;
        padding: 0.5rem;
        position: relative;
        top: 3px;
    }

.accessibleTable > thead > tr > th#domaintags {
    width: 40px;
    min-width: 40px;
}



#domain-list-table > thead > tr > th label {
        font-weight: normal;
    }

#domain-list-table {
    font-size: 0.9rem !important;
}
#my-pages-page a.atooltip, .table-striped td a.atooltip {
    color: #002c74 !important;
    background-image: none !important;
    text-decoration: none !important;
    position: relative;
    top: -1px;
}

.atooltip img {
    position: relative;
    top: -2px;
    margin-left: 3px;
}



table#paymentOptions td.PaymentOption {
    padding-bottom: 10px;
    padding-left: 30px;
    text-align: left;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev {
    padding: 0.5em 1em 0.5em 1em !important;
}

.ui-widget-header, .ui-state-default, ui-button {
    background: #b9cd6d;
    border: 1px solid #b9cd6d;
    color: #FFFFFF;
    font-weight: bold;
}

.ui-dialog-titlebar {
    display: none !important;
}

.ui-dialog {
    z-index: 9999 !important;
}

.modal-dialog {
    z-index: 9998 !important;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.ui-widget-overlay {
    background-color: #000 !important;
}

.SelectedPageSize {
    font-weight: bold;
}

#epp-user-management-table .cert .control-label {
    padding-bottom: 3px;
}


.display-inline{
    display: inline !important;
}

#sitemap-page .contentsbox {
    border: 1px solid #ddd;
    border: solid 1px;
    margin-top: 16px;
    background-color: #fff;
    background-color: #fff;
}

ul.sitemap-nav, ul.sitemap-nav ul {
    padding-top: 0;
    padding-bottom: 0;
}

    ul.sitemap-nav li {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    ul.sitemap-nav li {
        padding-top: 0px;
        padding-bottom: 3px;
    }

.flex-form-horizontal .btn.searchContactButton {
    margin-top: 0;
}

.flexRadioChooser {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


nav.headerBc {
    padding-top: 1em;
}

a.externalLink img {
    position: relative;
    top: -3px;
    left: 1px;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#dialog_text {
    white-space: pre-wrap;
}

#IspMessagePopup .modal-body {
    margin: 0;
}

#IspMessagePopup .modal-content {
    border: 3px solid #1c6bba;
}

#IspMessagePopup .modal-content {
    border: 3px solid #1c6bba;
}

#IspMessagePopup .modal-header {
    padding: 1rem 1rem;
    margin: 0;
}

h1#dialog_label {
    font-size: 1.5em;
}

body.Layout #header-logo {
    padding-top: 10px;
}

.bulletin-title a {
    text-decoration: none !important;
    background-image: none !important;
}

.bulletin-title a {
    font-weight: normal !important;
}

    .bulletin-title a.unread {
        font-weight: bold !important;
    }

div#domsSelected {
    display: inline-block;
}

.pagination > li > a {
    font-size: 15px !important;
}

.hiddenalert{
    display: none;
}

legend {
    font-size: 1rem;
}

#accessRights label {
    display: block;
}

td.ssana {
    width: 300px !important;
}

td.cert {
    width: 400px !important;
}

.infoText {
    padding-bottom: 1.5rem;
    padding-top: 1rem;
}


    .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

#CaptchaCode {
    margin: 5px;
}

.BDC_CaptchaImageDiv {
    margin: 0 !important;
    padding: 0 !important;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top !important;
    zoom: 1 !important;
}

.BDC_CaptchaIconsDiv {
    text-align: left !important;
    margin: 0 2px -4px 2px !important;
    padding: 0 !important;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top !important;
    zoom: 1 !important;
}

#CaptchaPage .BDC_CaptchaDiv {
    padding-top: 1em;
    margin: 0 auto !important;
}


#CaptchaPage {
    margin: 0 auto;
}

    #CaptchaPage #LoginCaptchaCode {
        font-size: 2em;
        width: 280px;
        padding: 15px !important;
    }

    #CaptchaPage #submitCaptcha {
        margin-top: 1.7em;
        font-size: 1.5em;
        padding: 10px 30px;
    }

    #CaptchaPage h1 {
        line-height: 1em;
    }

    #CaptchaPage .BDC_CaptchaDiv {
        padding-top: 1em;
        margin: 0 auto !important;
    }


#SessionTimeoutPage {
    margin: 0 auto;
}

    #SessionTimeoutPage #SessionExpiredNotice {
        font-size: 2em;
        width: 280px;
        padding: 15px !important;
    }

    #SessionTimeoutPage #TimeoutLogout {
        margin-top: 1.7em;
        font-size: 1.5em;
        padding: 10px 30px;
    }

    #SessionTimeoutPage h1 {
        line-height: 1em;
    }

@media (min-width: 768px) {
    div.mydata-wrapper .dl-horizontal dt {
        float: left;
        width: 220px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    div.mydata-wrapper .dl-horizontal dd {
        margin-left: 260px;
    }
}

@media (min-width: 992px) {
    .nis2Layout .left-column-content {
        padding-left: 340px;
        padding-right: 30px;
    }
}
.glyphicon-triangle-bottom, .glyphicon-triangle-top {    
    margin-right: 15px;
    width: 18px;
    height: 18px;
}

div.mydata-wrapper .dl-horizontal dd:before,
.dl-horizontal dd:after {
    display: table;
    content: " ";
}

div.mydata-wrapper .dl-horizontal dd:after {
    clear: both;
}

button.btnImg {
    border: 0px;
    background-color: transparent;
    display: inline-block;
    padding: 0;
}

#TotpActivateDlg div.modal-header {
    background-color: #1c6bba !important;
    color: #fff;
}

.align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.qrCodeImage {
    height: 400px;
    width: 400px;
    display: block;
}

.qrCodeString {
    width: 400px;
    word-break: break-all;
    font-weight: bold;
    padding-left: 50px;
}

.tngg {
    display: none;
}

#authMethodH2 {
    margin-bottom: 20px;
    margin-top: 25px !important;
}

.navGlyphIcon {
    position: relative;
    top: -2px;
    height: 22px;
}

.currentPage img.navGlyphIcon {
    height: 22px;
    position: relative;
    top: -3px;
}

.toggleNewuserH2 .glyphicon-plus, .toggleNewuserH2 .glyphicon-minus {
    background-color: #F2F4F8;
    color: #002c74;
    padding: 5px;
    line-height: 30px;
}


.ip-address-field {
    padding-left: 1rem;
    padding-top: 4px;
    font-size: 12px;
}

#namefield-validation-messages {
    padding-left: 1rem;
}

.hideLegend {
    position: absolute;
    clip: rect(0 0 0 0);
}

.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
    color: #000;
}


.form-check-input[type="radio"] {
    position: relative;
    top: 4px;
}


.form-check-input:checked {
    color: #fff;
    border-color: #002c74;
    background-color: #002c74;
}

.form-switch .form-check-input:disabled:checked ~ .custom-control-label::before {
    border-color: #002c74;
    background-color: #002c74;
}

.form-check-input:disabled ~ .form-check-label::before, .form-check-input[disabled] ~ .form-check-label::before {
    background-color: #e9ecef;
}

div#choosePayments button:hover, div#choosePayments input[type='image']:hover {
    border: 2px solid #002c74;
}

div#choosePayments button, div#choosePayments input[type='image'] {
    border-width: 2px;
    border: 2px solid #f2f4f8;
    padding: 4px;
}

.paymentImage {
    height: 80px;
}


.glyphicon-ban-circle {
    width: 18px;
    height: 18px;
}

.glyphicon-repeat {
    height: 18px;
    width: 18px;
}

div#choosePayments button {
    border-width: 0;
}



.glyphicon-chevron-up {
    content: url("../Content/fonts/glyphicons-basic-222-chevron-up.svg");
}

.glyphicon-chevron-up-white {
    content: url("../Content/fonts/glyphicons-basic-222-chevron-up-white.svg");
}

.glyphicon-chevron-down {
    content: url("../Content/fonts/glyphicons-basic-221-chevron-down.svg");
}

.glyphicon-chevron-down-white {
    content: url("../Content/fonts/glyphicons-basic-221-chevron-down-white.svg");
}

.glyphicon-print {
    content: url("../Content/fonts/glyphicons-basic-16-print.svg");
    position: relative;
    height: 28px;
    width: 28px;
    top: -2px;
}

img.glyphicon-chevron-down, img.glyphicon-chevron-up, img.glyphicon-chevron-up-white, img.glyphicon-chevron-down-white {
    height: 21px;
    width: 21px;
}

.glyphicon-exclamation-sign {
    content: url("../Content/fonts/glyphicons-basic-637-circle-alert.svg");
    position: relative;
    height: 22px;
}

.glyphicon-drop-plus {
    content: url("../Content/fonts/glyphicons-basic-809-drop-plus.svg");
    position: relative;
    height: 22px;
}

.glyphicon-bulletin {
    position: relative;
    top: -2px;
    left: -2px
}

.external-icon {
    content: url("../Content/Images/external-icon.svg");
}

.external-icon-white {
    content: url("../Content/Images/external-icon-white.svg");
}

.tag-icon-white {
    content: url("../Content/fonts/glyphicons-halflings-34-tag-white.svg");
}

.reload-icon {
    content: url("../Content/fonts/glyphicons-reload.svg");
}


.form-switch .form-check-input {
    background-image: url("../Content/fonts/form-switch-circle.svg");
}

    .form-switch .form-check-input:focus {
        background-image: url("../Content/fonts/form-switch-circle2.svg");
    }

    .form-switch .form-check-input:checked {
        background-image: url("../Content/fonts/form-switch-circle3.svg");
    }


#DigestTexttd {
    word-break: break-all;
}

div.dnssec-digest > .form-control {
    max-width: 100%;
}

#DomainsSelected {
    margin-top: 15px;
    text-align: right;
}

#SelectAllDomainsTooltip {
    width: 95px;
}

    #SelectAllDomainsTooltip span {
        position: relative !important;
        top:0px !important;
    }
#DNSSECtd {
    min-width: 60px;
}

#DomainSelectionOne {
    display: none;
}

#RegistryLockButton {
    margin-left: 4px;
    position: relative;
    top: 1px;
}

#AutoRenewButton {
    margin-left: 4px;
}

#DomainExpirationButton {
    margin-left: 4px;
}

#DomainAmountPerPageSelection {
    margin-top: 15px;
}

#GlyphiconExplanation {
    margin-top: 20px;
}

#RegistrantExpiredDiv {
    margin-top: 5px;
}

.domainNameListDiv {
    height: 30px;
}

#toggle-domainname-list {
    padding-top: 3px;
}

#remove-ns-from-list, #add-ns, .name-server-search-button, #selected-ns-col {
    margin-top: 35px;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.margin-right-0 {
    margin-right: 0;
}

.dropdown-link {
    margin-left: 9px;
    margin-top: 11px;
}

.visitor-landing-right-box-header {
    margin-left: -15px;
    margin-right: -15px;
}

.display-block {
    display: block;
}

#footer-logo {
    margin-left: -5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px;
}

.margin-bottom-05rem {
    margin-bottom: 0.5rem;
}

.padding-left-5 {
    padding-left: 5px;
}

#regform .padding-left-5 {
    padding-left: 13px;
}

.help-icon22 {
    position: relative;
    margin-left: 10px;
    width: 14px;
    height: 14px;
    top: 5px;
}

.padding-right-15 {
    padding-right: 15px;
}

.creator-td {
    max-width: 30%;
    word-break: normal;
}

.padding-left-0 {
    padding-left: 0;
}

ul#language-nav li.langName {
    padding-right: 1rem;
}

/*css for tags*/
.form-control-focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.was-validated :valid + .form-control-focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated :invalid + .form-control-focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

@media (max-width: 1300px) {
    .wideMg {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .form-horizontal.wideMg {
        margin-left: 0;
        margin-right: 0;
    }

    .wideMg p.description {
        margin-left: 2rem;
    }

    .flex-module-header {
        padding: 2rem 2rem 5px 2rem;
    }

    .form-horizontal.wideMg .form-group {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .flex-form {
        padding: 2.5rem 2rem 3rem 2rem;
    }

    .ns-header {
        padding: 3rem 2rem 3rem 2rem;
    }

    .wideMg .subpage-header {
        margin-left: 2rem;
    }

    .domain-available {
        padding: 2.5rem 2rem 3rem 2rem;
    }


    .domain-available-for-registration {
        padding: 2.5rem 2rem 2.5rem 2rem;
        font-size: 1.17rem;
    }

    .domain-notavailable {
        padding: 2.5rem 2rem 3rem 2rem;
        font-size: 1.17rem;
    }

    .padd-horizontal {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    h1, .h1 {
        font-size: 2em;
    }

    .nav-tabs > li {
        font-size: 16px;
    }

    .mainbanner h2 {
        font-size: 1.17rem;
    }

    ul#language-nav li {
        padding: 0 2px 0 2px;
    }

    ul#language-nav {
        display: inline;
        padding: 0 2px 0 2px;
        border-right: 1px solid #000;
    }
}


@media (max-width: 800px) {
    .modal.d2022 .modal-content{
        padding:20px;
    }
    .flex-form {
        padding: 10px;
    }

    .flex-form.lessMg {
            padding: 10px;
    }

    .header {
        padding:20px;
    }

    #leftnavi {
        padding-left: 0;
        padding-top: 0;
    }

    .left-navigation {
        padding-left: 20px;
        padding-right: 20px;
    }

    div.footer2{
        padding:0;
    }

    .nav-tabs > li {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        font-weight: bold;
        margin-bottom: 0;
    }

    .nav-tabs > li > a {
            text-decoration: underline;
            background-color: #fff !important;
            border-bottom: 0px;
            font-weight: 400;
            color: #000;
    }

    .nav-tabs > li > a.active {
                text-decoration: none;
                background-color: #fff !important;
                border-bottom: 0px;
                font-weight: 700;
                color: #000;
    }

    .flex-form-view dt {
        padding-left: 12px;
    }

    h1, .h1 {
        font-size: 1.5em;
    }

    h1, .h1, h2 , .h2, h3, .h3, h4, .h4 {
        font-size: 1em;
    }
}


    @media print {
        .noprint, .noprint * {
            display: none !important;
        }
    }

/*!
 * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}

