/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/icons/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
}
body {
  margin: 0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #858796;
  text-align: left;
  background-color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 0px 0;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(40, 58, 90, 0.9);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #000;
  border-color: #000;
  box-shadow: none;
  outline: none;
}

.btn-primary {
  color: #fff;
  background-color: #f00;
  border-color: #f00;
}
.cor-black{color:#000;}
.card{color:#000;}
.register-form{color:#333333;}
.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    #text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{ 
     border:1px solid #999999; 
	 text-align:center; 
	 margin-bottom:28px; 
	 padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
}
.practice-area .inner h3{ 
    color:#fff; 
	font-size:24px; 
	font-weight:500;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0;
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:0px; 
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}
.our-webcoderskull{
 
}
.our-webcoderskull .cnt-block{ 
   width:100%; 
   background:#333333; 
   padding:25px 10px; 
   text-align:center; 
   border:0px solid #d5d5d5;
   border-radius:5px;
   margin: 0 0 28px;
}
.our-webcoderskull .cnt-block figure{
   width:100%; 
   height:85px; 
   border-radius:0%; 
     text-align:center; 
   margin-bottom: 0px;
}
.our-webcoderskull .cnt-block img{ 
   width:100%; 
   height:75px; 
   border-radius:0%; 
}
.our-webcoderskull .cnt-block h3{ 
   color:#fff; 
   font-size:16px; 
   font-weight:500; 
   padding:6px 0;
  # text-transform:uppercase;
}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
	color:#fff;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:red;
}
.our-webcoderskull .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
	margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}

.bg-dark {
  background-color: #000 !important;
  color:#fff;
}
/* iCheck plugin Square skin, red
----------------------------------- */
.icheckbox_square-red,
.iradio_square-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-red {
    background-position: 0 0;
}
    .icheckbox_square-red.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-red.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-red.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-red.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-red {
    background-position: -120px 0;
}
    .iradio_square-red.hover {
        background-position: -144px 0;
    }
    .iradio_square-red.checked {
        background-position: -168px 0;
    }
    .iradio_square-red.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-red.checked.disabled {
        background-position: -216px 0;
    }
 @media (min-width: 768px) {
  .btn-return-to-admin {
    position: fixed !important;
    top: 425px;
    right: 0;
    padding: 5px 15px !important;
    background-color: rgb(215, 215, 215) !important;
    color: #777 !important;
    font-size: 0.9rem !important;
    border-radius: 0 0 3px 3px !important;
    text-decoration: none;
    transform: rotate(90deg);
    transform-origin: top right;
    z-index: 500;
  }
  .btn-return-to-admin:hover {
    background-color: rgb(205, 205, 205) !important;
    color: #444 !important;
    text-decoration: none;
  }
}
.btn-return-to-admin .floating {
  position: fixed !important;
  top: 425px;
  right: 0;
  padding: 5px 15px !important;
  background-color: rgb(215, 215, 215) !important;
  color: #777 !important;
  font-size: 0.9rem !important;
  border-radius: 0 0 3px 3px !important;
  text-decoration: none;
  transform: rotate(90deg);
  transform-origin: top right;
  z-index: 500;
}
.btn-return-to-admin .floating:hover {
  background-color: rgb(205, 205, 205) !important;
  color: #444 !important;
  text-decoration: none;
}


.pull-right{float:right!important}.pull-left{float:left!important} 
  messageContainer {
	position: fixed;
    top: 50px;
	right:20px;
    margin: 10px 0;
	z-index:100000;
}
  .alert-warning span{font-size:20px;display: flex;
  flex-wrap: wrap;}
  .alert-success span{font-size:20px;display: flex;
  flex-wrap: wrap;} 
  
.form-group{
	margin-bottom: 0.5rem;
	}
.bi-1x {
  margin: .10rem;
  font-size: 1.2rem;
}
.bi-2x {
  margin: .25rem;
  font-size: 2.5rem;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.description{
    position: absolute;
    height: auto;
    bottom: 0;
    width: 100%;
	top:3px;
}
 .float-right{float:right!important}
.click{cursor:pointer;}
.list-group ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-group li{margin-left:10px;}

.form-select{
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 }
.bg-gradient-look{
  background-color: #13275A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #13275A), to(#13275A));
  background-image: linear-gradient(180deg, #13275A 10%, #13275A 100%);
  background-size: cover;
}
.thumb-lg {
width: 100px;
}
.card {
border: none;
box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05);
}

.btn-primary {
  color: #fff;
  background-color:#13275A;
  border-color:#13275A;
}

.btn-primary:hover {
  color: #fff;
  background-color:#13275A;
  border-color:#13275A;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color:#13275A;
  border-color: #13275A;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color:#13275A;
  border-color: #244ec9;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}
.m-b-30 {
margin-bottom: 30px;
}
.social-links li a {
-webkit-border-radius: 50%;
background: #fcfdfd;
border-radius: 50%;
color: #9f9f9f;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
}
.textblack{color:#000}.textblue{color:#248}.textgreen{color:#779500}.textgrey{color:#888}.textgold{color:#fb5}.textorange{color:#f60}.textred{color:#c00}
.accordion {
	margin-top: 0px; /* Add space above accordion */
}
.accordion .card {
	border-radius: 0;
	border-width: 3px 0 1px 0;
	#box-shadow: 0 8px 5px rgba(0, 0, 0, 0.4);
}
.accordion .card:first-child {
	border-top: none;
}
.accordion .card .card-header {
	background: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0;
	margin-bottom: -10px;
	font-family: "Roboto", sans-serif;
	border-bottom: 1px solid #000;
}
.accordion .card-header:hover {
	background:#e0f2b3;
}
.accordion .card-header .icon{
	position:absolute;
	float: left;
	top: 8px;
	color:fff;
	margin-left:-15px;
	font-size: 1.34rem;

}
.accordion .card-header .btn {
	font-size: 1.04rem;
	font-weight: 500;
	width: 100%;
	text-align: left;
	position: relative;
	top: -2px;
}
.accordion .card-header h2 span {
	float: left;
	margin-top: 10px;
}
.accordion .card-header i {
	position:absolute;
	float: right;
	margin-right:-25px;
	font-size: 1.9rem;
	font-weight: bold;
	position: relative;
	top: 5px;
}
.accordion .card-header button:hover {
	color: #23384e;
}
.accordion .card-body {
	background: #eaeaea;
	color: #595959;
}
.accordion .highlight {
	background: #fff !important;
}
#accordionList .btn-service{
	position:absolute;
	right:20px;
	top:15px;
	padding:3px 5px 6px 5px;
    border-top: none;
	border-radius:5px;
    font-size: 15px;
    color: #fff;
    line-height:15px;
	z-index:0;
}
#accordionList .pending{
background:#EF505D;
}
#accordionList .pending_transfer{
background:#EF505D;
}
#accordionList .active{
background:#8FC74A;
}
#accordionList .expired{
background:#808080;
}
#accordionList .cancelled{
background:#f00;
}
#accordionList .transferred_away{
 background:#808080;
 }
#accordionList .fraud{
 background:#808080;
 }
.ribbon-inner {
	text-align:center;
	position:relative;
	font-size:24px;
	font-weight: 700;
	text-transform: uppercase;
}
.ribbon-inner .ribbon-paid {
	color:green;
}
.ribbon-inner .ribbon-unpaid {
	color:#ED3E48;
}
.ribbon-inner .ribbon-cancelled {
	color:#87939F;
}
 .form-inline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }

.contentbox{background-color:#f7f7f7;border:1px dashed #ccc;padding:0 0 10px 10px}
/******************* Accordion Demo - 4 *****************/
#listacord .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}
#listacord .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 15px;
    z-index: 1;
    position: relative;
}
#listacord .panel-heading:before,
#listacord .panel-heading:after{
    content: "";
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 15px;
    left: 10px;
    transform: rotate(-3deg);
    z-index: -1;
}
#listacord .panel-heading:after{
    left: auto;
    right: 10px;
    transform: rotate(3deg);
}
h4.panel-title{margin:10px 0px !important;}
#listacord .panel-title a{
    display: block;
    padding: 15px 70px 15px 70px;
    margin: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #d11149;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
#listacord .panel-title a:before,
#listacord .panel-title a.collapsed:before{
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 55px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border-left: 2px solid #D11149;
    position: absolute;
    top: 0;
    right: 0;
}
#listacord .panel-title a.collapsed:before{ content: "\f107"; }
#listacord .panel-title a .icon{
    display: inline-block;
    width: 55px;
    height: 100%;
    border-right: 2px solid #d11149;
    font-size: 30px;
    color: rgba(0,0,0,0.7);
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
#listacord .panel-body{
    padding: 10px 15px;
    margin: 0 0 20px;
    border-bottom: 3px solid #d11149;
    border-top: none;
    background: #fff;
    font-size: 15px;
    color: #333;
    line-height: 27px;
}
#listacord .btn-service{
	position:absolute;
	right:70px;
	top:15px;
	padding:3px 5px 6px 5px;
    border-top: none;
	border-radius:5px;
    font-size: 15px;
    color: #fff;
    line-height:15px;
	z-index:9999;
}
 #listacord .active{
 background:#8FC74A;
 }
  #listacord .pending{
 background:#EF505D;
 }
.text-info{color: #BB38EB !important;cursor: pointer;}
.text-blue{color:#13275A;}
.info{
  background: #13275A;
  background: -moz-linear-gradient(left, #13275A 0%, #13275A 50%, #13275A 100%);
  background: -webkit-linear-gradient(left, #13275A 0%, #13275A 50%, #13275A 100%);
  background: linear-gradient(to right, #13275A 0%, #13275A 50%, #13275A 100%);
  color:#fff;
  padding:5px;
  margin-bottom:10px;
  border-radius:5px;
}
   .custom-radio {
            display: flex;
            align-items: center;
            margin-bottom: 0px; /* Reduzindo o espaçamento entre os elementos */
        }

        .custom-radio input[type="radio"] {
            display: none; /* Esconde o radio button */
        }

        .custom-radio label {
            position: relative;
            padding-left: 40px; /* Espaço entre o quadrado e o texto */
            cursor: pointer;
            user-select: none;
        }

        /* Estilo do "checkmark" */
        .custom-radio label:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            width: 25px;
            height: 25px;
            border-radius: 5px; /* Borda arredondada */
            border: 2px solid #007bff;
            background-color: #fff;
            transform: translateY(-50%); /* Centraliza verticalmente o quadrado */
        }

        /* O estado quando o radio está selecionado */
        .custom-radio input[type="radio"]:checked + label:before {
            background-color: #007bff;
            border-color: #007bff;
        }

        /* Checkmark dentro da caixa */
        .custom-radio input[type="radio"]:checked + label:after {
            content: "\2713"; /* Unicode para um checkmark */
            position: absolute;
            top: 50%;
            left: 7px; /* Ajusta a posição horizontal do checkmark */
            font-size: 18px;
            color: white;
            transform: translateY(-50%); /* Centraliza o checkmark verticalmente */
        }
.lv-box {border-left: 5px solid #13275A !important; border-radius: 10px; }
 .page-header .page-header-content{padding-top:3rem;padding-bottom:3rem}
 .page-header .page-header-content
 .page-header-title{line-height:normal;font-size:2.25rem;font-weight:500;display:flex;align-items:center;margin-bottom:0}
 .page-header .page-header-content .page-header-title .page-header-icon{margin-right:.5rem;display:inline-flex}
 .page-header-compact .page-header-content{padding:0}
 .page-header-compact .page-header-content .page-header-title{font-size:1.8rem}
 .page-header.page-header-dark{color:hsla(0,0%,100%,.5)}.page-header.page-header-dark .page-header-title{color:#fff}
 .page-header.page-header-dark .page-header-title .page-header-icon{color:hsla(0,0%,100%,.5)}
 .page-header.page-header-light{color:rgba(33,40,50,.5)}
 .page-header.page-header-light .page-header-title{color:#212832}
 .page-header.page-header-light .page-header-title .page-header-icon{color:rgba(33,40,50,.5)}

 .nav .nav-link .nav-link-icon,.sidenav-menu .nav-link .nav-link-icon{margin-right:.5rem}
 .nav-borders .nav-link{color:#69707a;border-bottom:.125rem solid transparent;padding:.5rem 0;margin-left:1rem;margin-right:1rem}
 .nav-borders .nav-link.active{color:#dd3d31;border-bottom-color:#dd3d31}
 .nav-borders .nav-link.disabled{color:#c5ccd6}
 .nav-borders.flex-column .nav-link{padding:0 1rem;margin:.5rem 0;border-bottom:none;border-right:.125rem solid transparent}
 .nav-borders.flex-column .nav-link.active{border-right-color:#dd3d31}
 .navbar .dropdown-menu{top:calc(100% + .5rem + .5rem)!important;font-size:.9rem}.navbar .dropdown-menu .dropdown-header{color:#a7aeb8}
 .navbar .form-control,.topnav{font-size:.9rem}.topnav{padding-left:0;height:3.625rem;z-index:1039}



/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.alert .fas.pull-left {
    margin: -3px 0 0 -3px;
}
.alert .alert-text {
    margin-left: 56px;
}
.alert-grey {
    color: #525252;
    background-color: #efefef;
    border-color: #dadada;
}

.client-tabs .alert {
    margin-bottom: 10px;
}

.infobox span.title, .successbox span.title, .errorbox span.title {
    font-size: 1.2em;
    font-weight: bold;
}
.infobox {
    background-image: url('../../../images/info.png');
    background-repeat: no-repeat;
    background-position: 15px;
    margin: 10px 0;
    padding: 6px 10px 6px 60px;
    min-height: 28px;
    background-color: #FAF6D4;
    border: 1px solid #E6C26E;
    color: #000;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.infobox span.title {
    color: #BE8007;
}
.successbox {
    background-image: url('../../../images/success.png');
    background-repeat: no-repeat;
    background-position: 15px;
    margin: 10px 0;
    padding: 6px 5px 6px 60px;
    min-height: 28px;
    background-color: #D9E6C3;
    border: 1px solid #77AB13;
    color: #000;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.successbox span.title {
    color: #69990F;
}
.errorbox {
    background-image: url('../../../images/error.png');
    background-repeat: no-repeat;
    background-position: 15px;
    margin: 10px 0;
    padding: 6px 5px 6px 60px;
    min-height: 28px;
    background-color: #F2D4CE;
    border: 1px solid #AE432E;
    color: #cc0000;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.errorbox span.title {
    color: #AE432E;
}
.contentbox {
    text-align: center;
    background-color: #f7f7f7;
    border: 1px dashed #cccccc;
    padding: 10px;
}

 /* Estilo da tabela */
.tablebg {
    overflow: auto; /* Adiciona rolagem se necessário */
} 
    .table-list {
        width: 100%;
        border-collapse: collapse;
    }
    .table-list th, .table-list td {
        padding: 5px;
        border: 1px solid #ddd;
    }
    .table-list th {
        background-color: #f8f8f8;
        font-weight: bold;
        text-align: left;
    }
    .table-list .fieldlabel {
        background-color: #f2f2f2;
        width: 20%;
        font-weight: bold;
    }
    .table-list .fieldarea {
        background-color: #fff;
    }
    .table-list .status-pendente {
        color: #cc0000;
    }
    .table-list .status-ativo {
        color: #779500;
    }
    .table-list .status-cancelado {
        color: #888888;
    }
    .table-list .status-fraude {
        color: #000000;
    }

table.dtr-inline .dtr-title:empty {
    display: none !important;
}

table.dtr-inline .responsive-edit-button {
    display: none;
}

table.dtr-inline.collapsed .responsive-edit-button {
    display: inherit;
}

div.table-bg-overflow-visible {
    margin: 1em 0;
    overflow: visible;
}

table.datatable {
    margin: 0 0 10px;
    padding: 0;
    border-collapse: separate;
    border-spacing: 1px;
}

table.datatable th {
    padding: 4px;
    font-weight: 700;
    background-color: #2D76C4;
    border-bottom: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    white-space: nowrap; /* Evita quebra de linha nos cabeçalhos */
    min-width: 50px; /* Ajuste conforme necessário */
}

table.datatable th a {
    color: #fff;
}

table.datatable th.domain-pricing-head {
    width: 90px;
    min-width: 80px;
}

table.padded-fields td {
    padding: 5px;
    text-align: left;
  
}

table.datatable td {
    padding: 3px;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
  
}

table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.datatable tr.rowhighlight td {
    background-color: #e0e8f3;
}

table.datatable tr.domain-pricing-row td {
    height: 43px;
}

table.datatable tr.domain-pricing-row-bottom td {
    border-bottom: none;
}

table.datatable tr.domain-pricing-row-top td {
    border-top: 1px solid #999;
}

table.datatable tr td.field-highlight {
    background-color: #efefef;
}

table.datatable tr:not(.detail-row):hover td {
    background-color: #eff2f9;
}

table.datatable th,
table.datatable th a,
table.datatable th a:visited {
    text-decoration: none;
}

table.datatable th a:hover {
    text-decoration: underline;
}

table.datatable tr.grey-out td,
table.datatable tr.grey-out td a {
    color: #999;
}

.datatable tr.detail-row td {
    padding: 3px;
    background-color: #f6f6f6;
    font-size: .9em;
}

.table-fixed-head tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.table-fixed-head tbody tr,
.table-fixed-head thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-fixed-head thead {
    width: calc(100% - 1em);
}

.table-on-demand-renewals thead tr {
    text-align: center;
    font-weight: 700;
}

.table-on-demand-renewals td {
    width: calc(100% / 6);
}

.absmiddle {
    vertical-align: middle;
    margin-bottom: .25em;
}

.clear {
    clear: both;
}

.fieldarea{background-color:#efefef;text-align:left}
.fieldarea p:last-child{margin-bottom:0}
.input-35{max-width:35px}
.input-50{max-width:50px}
.input-60{max-width:60px}
.input-75{max-width:75px}
.input-80{max-width:80px}
.input-100{max-width:100px}
.input-125{max-width:125px}
.input-135{max-width:135px}
.input-150{max-width:150px}
.input-200{max-width:200px}
.input-225{max-width:225px}
.input-250{max-width:250px}
.input-275{max-width:275px}
.input-300{max-width:300px}
.input-400{max-width:400px}
.input-500{max-width:500px}
.input-600{max-width:600px}
.input-700{max-width:700px}
.input-80percent{max-width:80%}
.input-inline{display:inline-block}
.has-error {
    border-color: red; /* Borda vermelha para indicar erro */
}

   @media (max-width: 600px) {
            .form {
                display: block;
            }
            .form tr {
                display: flex;
                flex-direction: column;
                margin-bottom: 15px;
            }
            .fieldlabel, .fieldarea {
                width: 100%;
                box-sizing: border-box;
            }
            .fieldlabel {
                margin-bottom: 5px;
            }
        }
.field-error-msg {
    color: red;
    display: none; /* Oculta as mensagens de erro por padrão */
}

    .datepick+img {
        position: relative;
        left: -8px;
        top: -26px;
        float: right
    }
    .date-picker+img {
        position: relative;
        left: -8px;
        top: -26px;
        float: right
    }
}

.cor-red{color:#D9534F;}
.text-new{color:#000;padding:0 0 0 65px; font-weight: 600;font-size:20px;}
.btn-status{
display: inline-block;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width:6.85rem;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.015rem 0.55rem 0.325rem 0.55rem;
  font-size: 0.85rem;
  line-height: 1.2;
  border-radius: 0.20rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.box-error{width:50%;margin:0 auto 0 auto;padding:30px;border:dashed 1px;border-radius:5px;font-size:20px;text-align:center;color: #78261f;
  background-color: #fadbd8;
  }
.status-custom{background-color:white;color:black;border:1px solid black;padding:1px;}
.status-pending{background-color:#D9534F;}.status-pending.transfer{background-color:#A68500;}
.status-active,.status-open{background-color:#3fad46;}
.status-suspended{background-color:#F0AD4E;}
.status-ticket-priority-low{background-color:#186CFF;}
.status-ticket-priority-medium{background-color:#FFE119;}
.status-ticket-priority-high{background-color:#FB0000;}
.status-customer-reply{background-color:#ff6600;}
.status-fraud,.status-answered{background-color:#000000;}
.status-expired{background-color:#004258;}
.status-cancelled{background-color:#9FA29A;}
.status-terminated{background-color:#666;}
.status-onhold{background-color:#224488;}
.status-inprogress{background-color:#cc0000;}
.status-closed{background-color:#888;}
.status-paid{background-color:#498302;}
.status-unpaid{background-color:#ED3E48;}
.status-cancelled{background-color:#87939F;}
.status-collections{background-color:#9A141E;color:#FFFFFF;}
.status-refunded{background-color:#319FC3;}
.status-draft{background-color:#ff6600;}
.status-customer-reply{background-color:#ff6600;}
.status-delivered{background-color:#224488;}
.status-accepted{background-color:#498302;}
.status-lost,.status-dead{background-color:#FFFFFF;border:1px solid #000000;color:#000000;}
.btn-remove-from-cart {
    color: #444;
}
.btn-remove-from-cart:hover {
    color: #cc0000;
    text-decoration: none;
}
.cor-red{color:red;}
.cor-yellow{color:#F5C118;}
.cor-green{color:#5B914A;}
.bg-azbaby{background:#00CCFF;}
.plan-price {
  font-weight: 600;
  font-size: 3em;
}
 .plan-type {
  position:absolute;
  opacity: 0.8;
  font-size: 0.9em;
  margin-top:52px;
  margin-left:-40px;

}
.plan-brl {
  position:absolute;
  opacity: 0.8;
  font-size: 1.1em;
  font-weight: 600;
  margin-top:15px;
  margin-left:-20px;
  text-transform: uppercase;
}
 .plan-price_old{
  opacity: 0.8;
  font-size: 1.1em;
  font-weight: 600;
  margin-top:5px;
  margin-bottom:-20px;
  text-transform: uppercase;
}

/* Estilos personalizados para checkbox */
	.custom-checkbox .form-check-input {
		top:-3px;
		width: 1.3em;
		height: 1.3em;
		cursor: pointer;
		border-color: #000;
	}
	.custom-checkbox .form-check-input:checked {
		background-color: #000;
		border-color: #000;
	}
	.custom-checkbox .form-check-input:focus {
		box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	}
	.custom-checkbox .form-check-label {
		margin-left: 0.5em;
	}

/* iCheck plugin Square skin, red
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(/templates/themes/default/assets/images/icons/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }
tbody.sortable {width: 100%; margin: 20px 0; list-style: none; position: relative !important;}
tbody.sortable tr {cursor: move;}
tbody.sortable tr.ui-sortable-helper {border-color: #3498db;}
tbody.sortable tr.placeholder {height: 50px; background: #eee; border: 2px dashed #bbb; opacity: 0.6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.btn-remove-from-cart {
    color: #444;
}
.btn-remove-from-cart:hover {
    color: #cc0000;
    text-decoration: none;
}
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.fa-arrows-alt{cursor: pointer;}
.penedit{color:blue;cursor: pointer;}
.penexcluir{color:red;cursor: pointer;}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #f00;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
	color:#f00;
    top: 50%;
    left: 20%;

}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.checkbox span{
	  position: relative;
      margin-top:2px;

	}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:left;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.list-group-item{padding:0;}
input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.panel-switch {
    cursor: pointer
}
.panel-check:hover,
.panel-switch:hover {
    border-color: rgba(224, 232, 255, .56)
}
.panel-check>.check,
.panel-switch>.check {
    display: flex;
    flex-direction: column;
    height: 100%
}
.panel-switch {
    user-select: none;
    border: 1px solid rgba(224, 232, 255, .078)
}
.panel-switch .panel-body {
    display: flex;
    align-items: center;
    padding: 14px 16px
}
.panel-switch .panel-body .switch {
    margin: 0 0 0 auto
}
.panel-switch .panel-body .switch-label {
    display: block;
    text-align: left;
    padding-right: 16px
}
.switch {
    position: relative;
    height: 24px;
    width: 40px;
    cursor: pointer
}
.switch+.form-text {
    margin-left: spacing(2x)
}
.switch__checkbox {
    position: absolute;
    opacity: 0
}
.switch__checkbox+.switch__container .switch__handle {
    right: 18px
}
.switch__checkbox:checked+.switch__container {
    background: #1062fe
}
.switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}
.switch__handle {
    top: 2px;
    right: 2px;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff
}
.switch__container,
.switch__handle {
    position: absolute;
    border-radius: 12px;
    transition: .34s ease
}
.switch__container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(004, 032, 255, .48)
}
.switch-label{color:#000;padding:0 20px 0 10px; font-weight: 600;font-size:20px;}
.switch--text {
    width: 50px
}
.switch--text .switch__checkbox+.switch__container .switch__handle {
    right: 28px
}
.switch--text .switch__checkbox+.switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    right: 6px;
    z-index: 1;
    align-items: center;
    content: "off";
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}
.switch--text .switch__checkbox:checked+.switch__container {
    background: #1062fe
}
.switch--text .switch__checkbox:checked+.switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    left: 8px;
    z-index: 1;
    align-items: center;
    content: "on";
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}
.switch--text .switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}
.switch--sm {
    height: 18px;
    width: 32px
}
.switch--sm .switch__handle {
    width: 14px;
    height: 14px
}
.switch--sm .switch__checkbox+.switch__container .switch__handle {
    right: 16px
}
.switch--sm .switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}
.switch--lg {
    height: 28px;
    width: 60px;
    border-radius: 100%
}
.switch--lg .switch__handle {
    width: 24px;
    height: 24px
}
.switch--lg .switch__container {
    border-radius: 50px
}
.switch--lg.switch--text .switch__checkbox+.switch__container .switch__handle {
    right: 34px
}
.switch--lg.switch--text .switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}
.switch--lg.switch--text .switch__checkbox+.switch__container:after {
    right: 8px
}
.switch--primary .switch__handle {
    background: #1062fe
}
.switch--primary .switch__checkbox:checked+.switch__container .switch__handle {
    background: #fff
}
.switch--primary .switch__container {
    background: rgba(224, 232, 255, .16)
}
.form-text+.switch {
    margin-left: auto
}