/* *****************************************************

    ** Custom Stylesheet **

        Any custom styling you want to apply should be
        defined here.

        ***************************************************** */

/*changing #0e5077 to #565A5C */

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-bottom: 1px solid rgba(0,0,0,.125);
  border-right: 1px solid rgba(0,0,0,.125);
  border-left: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.auEligibilityCANCELLED a, .auEligibilityCANCELLED {
    background-color:red;    
    color:white;
}

.auEligibilityUNKNOWN a, .auEligibilityUNKNOWN {
    background-color:yellow;    
}

.shoppingCart, .shoppingCartDesktop{
  position: relative; 
  float: left; 
  margin-left: 15px;
}

.shoppingCart > a{
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

.shoppingCartDesktop > a{
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

.shoppingCart > a > i, .shoppingCartDesktop > i {
  padding-right: 5px;
}

.d-none { 
	display: none!important 
}

section#header .logo img{margin:0;padding:0;max-height:46px !important;vertical-align:middle;}

.navbar-main {
        background-color:#565A5C;
    }
    div.header-lined .breadcrumb > .active {
            color: #565A5C;
        }
        ul.top-nav > li.primary-action > a.btn {
                background-color: #565A5C;
            }

            /*changing #043d5f to #383d3f */
            .navbar-main li.account {
                    background-color: #383d3f;
            }
            .navbar-main .navbar-nav > li > a:hover,
            .navbar-main .navbar-nav > li > a:focus,
            .navbar-main .navbar-nav > .active > a,
            .navbar-main .navbar-nav > .active > a:hover,
            .navbar-main .navbar-nav > .active > a:focus,
            .navbar-main .navbar-nav > .open > a,
            .navbar-main .navbar-nav > .open > a:hover,
            .navbar-main .navbar-nav > .open > a:focus {
                    background-color: #000;
                }
                section#home-banner {
                        background-color: #383d3f;
                }

                /*changing #? to #cecfcb this is the grey of the footer*/

                /*change buttons to be green from dark blue */
                /*changing #337ab7 to #7dbd2a for background and #2e6da4 to #345109 for border for buttons
                changing #286090 to #345109
                dark green (on mouse over)
                border = #345109

                light green
                change to #7dbd2a

                border = #345109*/
.btn-primary {
  background-color: #7dbd2a;
    border-color: #345109;
    }

    .btn-primary:focus,
    .btn-primary.focus {
          background-color: #7aa345;
            border-color: #345109;
    }
    .btn-primary:hover {
          background-color: #7aa345;
            border-color: #345109;
        }
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
              background-color: #7aa345;
                border-color: #345109;
        }
        
.btn-dark {
    background-color: #000;
    border-color: #000;
    color:#fff;
}
.btn-dark:hover {
    background-color: #ec971f;
    border-color: #ec971f;
    color:#fff;
}
.btn-dark:focus, .btn-dark:active {
    background-color: #000;
    border-color: #000;
    color:#fff;
}
    
  .kb-article-content {
    margin: 30 0 30px 0;
    font-size: 1.15em;
    line-height: 1.4em;
    font-weight: 300 !important;
}

        c/*//// Domain Droping //////*/

        body {background:#fff;}

        /* section#main-body {margin-top:84px !important} apeake this is not compatible with WHMCS */
        section#main-body {padding-top:0px;}
        .container-fluid {padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
        .main-content {    margin-bottom:120px;min-height:384px}
        .navbar-main {background-color:#ff9900;}
        .domaindata { font-size:12px;}
        .ddhead {background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
            .headrow {background:#f5f5f5}
            .altrow {}

            .filterswrap { display:none; padding:0 6px}
            .toggleDisplay {display: none;}
            .toggleDisplay.in {display: table-cell;}
            .aC {text-align:center !important;}
            .aR {text-align:right !important;}
            .aL {text-align:left !important; }
            .fL {float:left;}
            .fR {float:right;}

            .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {padding: 1px 2px; white-space:nowrap;font-size:13px;}

            .form-group.required .control-label:after {content:"*";color:red;}
            label {display: inline-block;max-width: 100%;margin-bottom:0;font-weight: 500;vertical-align:middle;}
            .in-control{padding:0 4px;border:1px solid #ccc;height:24px;width:130px;}

            .m0 {margin:0}
            .mT5 {margin-top:5px}
            .mT10 {margin-top:10px}
            .mT20 {margin-top:20px}
            .mT30 {margin-top:30px}
            .mT40 {margin-top:40px}
            .mTB5 {margin:5px 0;}
            .mTB12 {margin:12px 0;}
            .mTB20 {margin:20px 0;}
            .mTB30 {margin:30px 0;}
            .mLR6 {margin:0 6px;}
            .mb8 { margin-bottom:8px;}
            .mL40{margin-left:40px;}
            .p0 {padding:0;}
            .pT4 {padding:4px 0 0 0;}
            .pT7 { padding:7px 0 0 0;}
            .pTB12 {padding:12px 0;}

            .color-drop-orange {color:#ff9600;}
            .col_1pad {padding:12px 10px 11px 15px;}

            .font12 {font-size:12px}
            .font13 {font-size:13px}
            .font14 {font-size:14px}
            .font16 {font-size:16px}
            .font18 {font-size:18px;}
            .font20 {font-size:20px;}
            .font24 {font-size:24px;}

            .bgdarkgray {background:#666666;}
            .table .bTnone { border-top:none;}
            .table .bT1{border-top:1px solid #ccc;}
            .kbviews { font-size:small; font-weight:bold;}
            .sellprice { text-align:right;}

            .mainbox {margin:30px 0;}
            .mainbox .h1 {font-size:52px; color:#fff; font-weight:400; font-family:Raleway; margin:0;}
            .mainbox .subtitle {color:#fff; font-size:24px; padding:12px 0; font-weight:300;}
            .mainbox .bnone {border:none;}
            .rightbox {padding:8px; background:#fff; box-shadow: 0 2px 1px 1px #505050; margin:30px 0;}
            .rightbox .bTnone { border-top:none;}
            .rightbox .bT1{border-top:1px solid #ccc;}

            section#main-menu {background-color:#f90;}
            .search_fld {width:240px;font-size:86px;color:#aaa;padding:0px 5px 0px 10px;height:48px;}
            .search_btn {display: inline-block;padding:0px 20px 0px 20px;height:48px;color:#ffffff !important;background:#f0ad4e;text-decoration:none !important;border-radius:0px 9px 9px 0px;border:0px;font-size:18px;word-wrap: break-word;cursor:pointer;font-weight:700}
            .search_btn:hover {background:#ec971f;}

            .ddwrap {padding: 12px 10px 11px 15px;background: #f5f5f5;border-radius: 8px 0px 0px 8px;border-right: 1px solid #ff9900;color: #000;text-align: left;}
            .dropdown {margin:0px;padding:0px;}
            .dropdown dd, .dropdown dt, .dropdown ul {margin:0px;padding:0px;}
            .dropdown dd {position:relative;}
            .dropdown a, .dropdown a:visited {color:#7f7f7f;text-decoration:none;outline:none;/*font-size:16px;font-weight:normal*/}
            .dropdown a:hover {color:#7f7f7f;}
            .dropdown dt a:hover {color:#7f7f7f;border: 0px;}
            .dropdown dt a {background: url(../black_down_arrow.png) no-repeat scroll right center;display:block;padding-right:0px;border:0px;width:115px;}
            .dropdown dt a span {cursor:pointer;display:block;padding:0px;}
            .dropdown dd ul {background:#fff none repeat scroll 0 0;border:1px solid #ccc;color:#C5C0B0;display:none;left:-10px;padding:5px 0px;position:absolute;z-index:10;top:10px;width:auto;min-width:134px;list-style:none;}
            .dropdown span.value {display:none;}
            .dropdown dd ul li a {padding:5px;display:block;font-size:14px}
            .dropdown dd ul li a:hover {background-color:#eee;}
            .navbar-main .navbar-nav > li > a:hover, {color:#000}
            .dropdown-menu-wrap {padding:12px;min-width:260px;background:#fff;}
            ul.dropdown-nav > li, ul.dropdown-nav > li > a {display: inline-block;position: relative;font-size:12px;list-style:none;}
            ul.dropdown-nav > li, ul.dropdown-nav > li > a:hover {text-decoration:underline;}

            .table-hover>tbody>tr:hover {background-color:#f8f8f8;}

            .header-lined { margin:24px 0;}
            div.header-lined h1 { color:#ff9900;}

            .nested-ol {}
            .nested-ol    ol {counter-reset: item; }
            .nested-ol li {display: block; margin:18px 0; }
            .nested-ol li:before {content: counters(item, ".") " "; counter-increment: item }

            section#footer {background:#333; color: #a8a8a8;font-size: inherit;}
            section#footer i {color: #fff;}
            section#footer h5 {color:#fff; font-weight:700}
            section#footer a {color:#fff;}
            section#footer a:hover {color: #ff9900; text-decoration:none}
            @media only screen and (max-width:991px) {
            section#footer .drop {width:122px; height:38px; background:#fff; padding:1px; margin:10px 0 0 0; display:inline-block;}
            .navbar-right .dropdown-menu {
              right: 0;
              left: 0;
            }
            }

            /*@media screen and (max-width: 1280px) and (min-width: 992px) {
            .col-mainbox { width:100% !important;}
            .col-rightbox { width:50% !important;}
            }

            @media screen and (max-width: 600px){
            .ddwrap {padding: 4px;}
            .search_btn {padding: 0px 8px 0px 8px;}
            }
            */
@media only screen and (max-width:767px) {.mhide {display:none;} .nested-ol    ol { counter-reset: item; padding:0; }
    .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {padding: 8px; white-space:nowrap;}
    .container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
	.table-responsive { margin-bottom:0; border:0}
}

    .p-0 {
       padding: 0;
    }
    .my-6 {
        margin: 6px 3px;
    }
    .filts {
        padding:4px 8px;
        }
    .filts > label {
    margin-right:24px; margin-bottom:8px;
    }

/*
check-box-small
*/

.checkbx2 {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default  */
.checkbx2 input {
  opacity: 0;
  cursor: pointer;
  height: 12px;
  width: 12px;
}

/* Create a custom checkbox */
.checkbx2  .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border:2px solid #000
}

/* On mouse-over, add a grey background color */
.checkbx2:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbx2 input:checked ~ .checkmark {
  background-color: #ec971f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbx2  .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbx2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbx2 .checkmark:after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
    margin-right: auto;
    margin-top: 1px \9;
    line-height: normal;
}

.checkbx2 input {
    position: relative;
    margin-right:8px;
}


/*
check-box-big
*/

.checkbx1 {
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbx1 input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbx1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:2px solid #000
}

/* On mouse-over, add a grey background color */
.checkbx1:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbx1 input:checked ~ .checkmark {
  background-color: #ec971f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbx1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbx1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbx1 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbx1 input {
    position: relative;
}

label.checkbx1 {
    padding-right:12px; margin-top:8px;
}

.text-responsive {white-space:break-spaces !important;}
/* this used to be in the all.css but they removed it for some reason... we need it on the crs.php page */
.smcol {
        min-width:32px !important;
}

/*To hide domain-promo-box*/
.domain-promo-box { display:none !important;} 
.hidden { display:none !important;}


/*New classes for domain management page T2056*/

.table-wrap {border:1px solid #ddd; display:table;}
.table-condensed > tbody > tr > td,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > td,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > thead > tr > th{padding:2px 7px;white-space:nowrap;}
.table-condensed > thead > tr > th{font-size:13px;}
.table-condensed > tbody > tr:hover{background-color:#fffbf4;}
.table-condensed > tbody > tr > td {border-top:1px solid #f2f2f2;font-size:13px;font-family:'Roboto'; vertical-align:middle;}
.table-data{background:#fdfdfd; margin-bottom:0;}
.table-data > thead {background:#f1f1f1;}
.dropdown-menu-small > li > a{padding:4px 8px;font-size:12px;color:#069;}
.btn-group-small {width:60px;}
.btn-group-small > .btn > i {top: 2px;}
.btn-group-small > .btn,.btn-sm{padding:0 10px;font-size:12px;line-height:inherit;border-radius:3px;}
.cv {padding:6px; font-size:12px; font-family:'Roboto';}
.mb12 {margin-bottom:12px;}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:2px 8px}
.au-ele{table-layout:fixed;border-collapse:collapse;max-width:14ch}
.au-ele > span{display:inline-block;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.au-ele > span:hover{z-index:1;width:auto;background-color:#5cb85c;border-color:#4cae4c;color:#fff;padding:0 4px}
.table-wrap{border:none!important;display:table;}
.drop-menu{position:absolute;z-index:1;background:#fff;min-width:125px;max-width:280px;padding:5px;white-space:nowrap;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.table-data{background:#fdfdfd;margin-bottom:0;border:1px solid #ddd}

a.list-group-item, button.list-group-item {color: #000;}
.panel-sidebar {border-color: #eee;font-size: 15px;}
.list-group {font-size:15px;}
.panel-sidebar {
    border-color: #eee;
    font-size: 15px;
}
.panel-sidebar>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 0;
	padding: 7px 15px;
}
.panel-sidebar .panel-title {font-size: 1.1em;font-weight: 300;font-family: 'Open Sans',sans-serif;line-height: 26px;color: #000;}

.btn-transfer:hover {background-color:#196CAC !important;}
.table-fdd {border:1px solid #ddd;}
.flex{display: flex;align-items: center;}
.textcenter  { text-align:center;}
.navbar-main .navbar-toggle .icon-bar {background-color: #fff !important;}
#primary-nav {padding-left:0; padding-right:0;}
.altbg {background: #f5f5f5;}

.customtbl>thead>tr:first-child>th{background: #ff9900;padding: 10px;color: #fff;font-size: 18px;border-radius: 5px 5px 0px 0px;font-weight:400;}
.customtbl>thead>tr>th>i{font-size: 14px;line-height: 14px;margin-left: 8px;}
.customtbl>tbody>tr>td, .customtbl>tfoot>tr>td {padding: 8px;vertical-align: top;border-top: 1px solid #ddd;height: 40px;font-size: 12px;white-space: nowrap;}

.h100{height: 100px !important}

/* new classed*/

.mT10{margin-top: 10px}
.mT20{margin-top: 20px}
.mT30{margin-top: 30px}
.mT40{margin-top: 40px}

.mB10{margin-bottom: 10px}
.mB15{margin-bottom: 15px}
.mB20{margin-bottom: 20px}
.mB40{margin-bottom: 40px}

.cs{color:#005588;font-size: 36px}

a{color: #000;}
.cleardiv{clear:both;}
.aC{text-align: center}

.greybox{background: #f5f5f5;padding:20px 20px 10px 20px;border-radius: 4px}

table.tabData{border: 1px solid #ddd;border-bottom: 0px}
table.tabData th{background: #f5f5f5;padding: 5px 2px;white-space: nowrap;font-size: 14px;text-align: left;border-bottom: 1px solid #ddd;}
table.tabData td{padding: 3px 2px;font-size: 14px;border-bottom: 1px solid #ddd;}
table.tabData tr:hover{background:#ffeeaa}

.greentick{color:#358335;font-size: 12px}
.whitefolder{color:#ffffff;font-size: 14px;margin-right: 5px}
.whitearrow{color:#ffffff;font-size: 14px;margin-left: 5px}
.whiteplus{color:#000000;font-size: 14px;font-weight: normal;margin-right: 5px;}
.greenglassL{color:#5cb85c;font-size: 30px; height:46px; line-height:48px}
.greenglassD{color:#4f9e4f;font-size: 30px; height:46px; line-height:48px}

.greenBtn{display:block;background:#5cb85c;color:#fff;padding:5px 10px;text-decoration:none;border-radius: 4px;font-size: 13px}
.greenBtn:hover{background:#4f9e4f;}
.advsearchBtn{cursor: pointer;font-weight:bold;color:#000;text-decoration:none}
.advsearchBtn:hover{color:#000;text-decoration:none}
.searchboxterm{width: 90%;height:48px; line-height:48px;padding:0px 15px 0px 15px;background: #fff;border: 0;font-size: 16px;outline: none;}
.advsearchbox{width:100%;height:118px;padding:15px;background: #fff;border-radius: 4px;border: 0px;font-size: 16px;outline: none;resize: none;}
.searchBtn{border: 0;background:#5cb85c;color:#fff;padding:7px 30px;border-radius: 4px;font-size: 14px}
.searchBtn:hover{background:#4f9e4f;}
.clearBtn{border: 1px solid #5cb85c;background:#fff;color:#5cb85c;padding:6px 30px;border-radius: 4px;font-size: 14px}
.clsrcDriv{position: absolute;right:-170px;margin-top:-35px}
.textcenter{text-align: center;}

.normalsearchBtn{border: 0;background:#fff; float:right;height: 46px;    line-height: 48px;}
.text-right { text-align:right;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbb;
}

@media screen and (max-width: 1279px) {
    .table-responsive .dropdown-menu {position: relative !important;}
}
@media screen and (min-width: 1280px) {
    .table-responsive {overflow: visible}
}

div.dataTables_wrapper div.dataTables_info{padding:20px 10px !important; background:#4f5360; color:#fff;}
.dataTables_wrapper table.mtb { margin-top:6px !important; margin-bottom:6px !important}
@media screen and (max-width:840px) {
  .lg-only{display: none !important;}
  div.dataTables_wrapper div.dataTables_info{white-space:normal!important;padding:8px 0px!important; color: #000; font-weight:normal; background: #fff;;}
  .table-main-outer.listtable{background:#4f5360}
  .advsearchBtn {width: auto !important; display: inline-block; padding: 0 10px !important; height: 36px; line-height: 36px;}
  .dataTables_wrapper .dataTables_info {  /*background-color: #fff !important;*/  color: #000; font-weight:normal;}
  .dataTables_wrapper .dataTables_filter { background: #fff; text-align:right !important;}
  .dataTables_wrapper .dataTables_filter label {display: inline-block;margin: 0px;padding: 0;}
  .dataTables_wrapper .dataTables_filter label .form-control {border: 1px solid #4f5360; max-width:320px;}
  .dataTables_wrapper .dataTables_length { background-color: #fff; font-size: .8em; color: #888;}
}

@media (min-width: 480px) and (max-width: 667.98px) {
  .h100{height: 46px !important}
  .searchboxterm {width: 80%;}
  div.dataTables_wrapper div.dataTables_info{background: none !important;}
}
@media  screen and (max-width: 667.98px) {
  div.dataTables_wrapper div.dataTables_info{background: none !important;}
}
@media screen and (max-width:480px) {
  section#header .logo img {margin: 0;padding: 0;max-height: 36px !important;vertical-align: middle;}	
  .au-ele > span{table-layout:fixed;border-collapse:collapse;max-width:12ch!important}
  .dataTables_wrapper .dataTables_filter{float:none!important;padding:6px 18px; }
  .h100{height: 46px !important}
  .searchboxterm {width: 80%;}
  .pagination {min-width: 60px;}
  .greybox {padding:10px;}
}

@media screen and (max-width:360px) {
.block{display:block!important}
}

.header-lined {
    margin: 24px 0;
}
div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #ff9900;
    margin: 0.67em 0;
    font-size: 36px;
}

div.header-lined .breadcrumb {
    margin-top: -25px;
    padding-left: 0;
    background: 0 0;
    font-size: .8em;
    border-radius: 0 0 4px 4px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li a{color:#888;text-decoration: none}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
a {
    color: #058;
}

.input-group-lg>.form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px;
}

.field, .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-primary:hover {
    background-color: #7aa345;
    border-color: #345109;
}
/* new classed*/

.mT10{margin-top: 10px}
.mT20{margin-top: 20px}
.mT30{margin-top: 30px}
.mT40{margin-top: 40px}
.font13{font-size: 13px;padding-left:10px;width:600px;}
.cs{color:#005588;font-size: 36px}
.formfield1{border:1px solid #ccc;padding:10px;border-radius:4px 0px 0px 4px;width: 500px;height: 36px}
.formfield2{border:1px solid #ccc;padding-left:10px;border-radius:4px;width: 300px;height: 36px;}
.formfield25{border:1px solid #ccc;padding-left:10px;border-radius:4px;width:605px;height: 36px}
.formfield3{border:1px solid #ccc;padding:10px;border-radius:4px;width:150px;height: 36px}
.formfield4{border:1px solid #ccc;padding-left:10px;border-radius:4px;width:600px;height: 100px}
.formbtn{background:#7dbd2a;padding:7px 30px;border-radius:0px 4px 4px 0px;border:0;color:#fff;margin-left: -5px;height: 36px}
.formbtn1{background:#7dbd2a;padding:8px 30px;border-radius:4px;border:0;color:#fff;height: 36px}
.cancelbtn{padding:8px 30px;border-radius:4px;border:1px solid rgb(0, 0, 0);height: 36px}
.body-content{width: 100%;padding-left: 0px;padding-right: 15px;padding-bottom: 10px;float:left;}
.left-menu {float: left;width: 45%;}
.right-view {width: 40%;float: left;}
.d-block {display:block !important;}
.rowReg {display: flex;-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
#singleRegistration {padding-left: 15px;padding-right: 15px;}
.searchpad, .bulksearchpad {display: inline-block;align-self: flex-end !important;}
table.mTB6 {margin-top:6px !important; margin-bottom:6px !important;}
@media (min-width: 320px){section#footer {line-height: 32px;}}
@media screen and (max-width: 360px) {#accountNotifications { display:block}}
@media screen and (max-width: 442px) {ul.top-nav>li.primary-action {padding: 4px 0;margin-left: 0;border-left: none;text-align: right; display:block;} }
@media screen and (max-width: 480px) {
section#header {margin: 0;padding: 10px 0;background-color: #fff;border-radius: 5px 5px 0 0;}
ul.top-nav {font-size: 0.9em;}
ul.top-nav>li, ul.top-nav>li>a {position: relative;}
ul.top-nav>li>a {padding: 2px 4px;color: #777;line-height: 20px;text-decoration: none;}
#desktopCartContainer, #accountNotifications >  ul.top-nav>li>a {position: relative;}
.shoppingCart, .shoppingCartDesktop {position: relative;float: none;margin-left: 0;}
ul.top-nav>li.primary-action {padding: 4px 0;margin-left: 0;border-left: none;text-align: right; display:block;}
section#header .logo img {margin: 0;padding: 0;max-height: 36px !important;vertical-align: middle;}
#order-standard_cart .domain-checker-result-headline, #order-standard_cart .domain-lookup-primary-results .headline {font-size: 1.30em !important;word-wrap: break-word;}
.domain-checker-result-headline {margin: 15px;text-align: center;}
.domain-pricing .tld-pricing-header .col-xs-3, .domain-pricing .tld-pricing-header .col-xs-4 {font-size: 13px;}
}
@media screen and (max-width: 320px){
section#header .logo img {max-height: 25px !important;}
}
/*responsive footer brand logos*/
.brands-wrap {display:flex; align-items: flex-start; align-items: center; justify-content: center;}	
.col-title {font-size:18px;color:#fff;width:auto; white-space: nowrap;}	
.col-title span {font-size:18px;}		
.p-brand {max-height:44px; vertical-align:middle; display:inline-block;}
.m-l-r {margin-left:30px; margin-right:30px;}
.m-t-b {margin-top:1.5rem; margin-bottom:2rem;}
@media(max-width:767px) {
  .grecaptcha-badge { bottom:60px !important; } 
  .rowReg { display:block;}	
  .domain-checker-bg { padding: 32px 16px !important;}
  .searchpad, .bulksearchpad {padding:15px 15px 0 15px}
  .dataTables_wrapper .dataTables_filter{margin-top:0 !important; width: auto ;}
}
@media(max-width:575px) {
.brands-wrap {display: inherit; margin:auto;}	
.col-title {width:100%;}		
.col-brands {width:100%;}
.p-brand {width: 100%;max-width: 100%;display: block;}
.grecaptcha-badge { bottom:96px !important; }
}
@media (min-width: 576px) {
.brands-wrap {display: inherit; margin:auto;}	
.p-brand {width:49%;max-width:49%;display: inline-block;}
}
@media(min-width:768px) {
.brands-wrap {display: inherit; margin:auto;}	
.p-brand {width:32.9%;max-width:32.9%;display: inline-block;}
}
@media(min-width:992px) {
.brands-wrap {display: inherit; margin:auto;}
.p-brand {width:24.5%;	max-width:24.5%;display:inline-block;}
}
@media(min-width:1200px) {
.brands-wrap {display:flex;align-items: flex-start;}
.col-title {width:auto; white-space: nowrap;}		
.col-brands {width:auto;}
.p-brand {width: auto !important;}
.border-all {border:1px solid #ddd;}
}
@media(max-width:1200px) {
.m-l-r {margin:10px 0; }
.border-all {border:1px solid #ddd;}
}
button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}