/*------------------------------------------------------------------
[Fonts - Montserrat]
*/
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-Thin.ttf');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Thin';
    src: url('../lib/montserrat/Montserrat-Thin.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-ThinItalic.ttf');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-ThinItalic';
    src: url('../lib/montserrat/Montserrat-ThinItalic.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-Light.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../lib/montserrat/Montserrat-Light.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-LightItalic';
    src: url('../lib/montserrat/Montserrat-LightItalic.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../lib/montserrat/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-RegularItalic.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-RegularItalic';
    src: url('../lib/montserrat/Montserrat-RegularItalic.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../lib/montserrat/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url('../lib/montserrat/Montserrat-MediumItalic.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../lib/montserrat/Montserrat-Bold.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('../lib/montserrat/Montserrat-BoldItalic.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-Black.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Black';
    src: url('../lib/montserrat/Montserrat-Black.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../lib/montserrat/Montserrat-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('../lib/montserrat/Montserrat-BlackItalic.ttf');
}

/* FAM20190701 - Alterações do box dos termos de uso e política de privacidade */
.contract-box{
    background-color: #eeeeee;
    padding: 10px;
    width: 100%;
    height: 20em;
    overflow: auto;
    margin-bottom:30px;
}
/* FAM20190701 - END */
.spaced-span{
    padding: 0px 15px;
}
.am-nosidebar-left .am-top-header .navbar-header .navbar-brand{
    background-image: url("../img/logo-iagentesms.png");
    width: 250px;
}

/* FAM20180913 - Alterações envolvendo cabecalho e dashboard */

/* OUTROS */
.vt-center{
    display: flex;
    align-items: center;
}
.h-center{
    text-align: center;
}

.btn-white{
    color: #ed5454;
    background: white;
    margin: 0px;
}

.btn-white:hover, .btn-white:focus{
    color: #ed5454;
    background: #e1e1e1;
}

/* SMS */
.widget-sms .chart-chart{
    min-height: 165px !important;
}
.widget-sms{
    background: white;
    margin-bottom: 30px;
}
.widget-sms > .sms-menu{
    padding: 28px 20px 28px;
    margin-bottom: 0
}
.widget-sms > .sms-menu .title{
    font-size: 18px;
    font-weight: 300;
}
.widget-sms > .sms-menu .tools{
    float: left;
    margin-right: 10px;
    margin-top: -4px
}

.widget-sms > .sms-menu .tools > .icon{
    display: inline-block;
    margin-right: 5px;
    font-size: 21px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
    color: #ef6262;
}

.widget-sms > .sms-menu .link
{
    text-decoration: underline;
    font-size:12px;
    text-align: right;
    padding-right: 40px;
}
.sms-data{
    height: 300px;
}

.sms-data .text{
    color:#a1a1a1;
    font-size: 13px;
    margin: 20px 0px;
}
.widget-sms > .sms-menu .link a{
    color: #6d6d6d;
}
.widget-sms > .sms-menu .link a:hover{
    color: #6d6d6d;
}
.widget-sms .button-h
{
    text-align: center;
}
.widget-sms .chart-data{
    border-top: 1px solid #d6d6d6;
    margin: 40px 10px 0px 0px;
    padding: 30px 0px;
}
.widget-sms .legend .legend-color1{
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: #10d0ae;
}
.widget-sms .legend .legend-color2{
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: #acded5;
}
.widget-sms .legend .legend-label{
    width:100px;
    padding: 5px;
}
.widget-sms .legend .legend-data{
    font-weight: bold;
}
.widget-sms .chart-data .title{
    font-size: 12px;
    color: #a6a6a6;
    text-transform: uppercase;
    text-align: right;
}

.widget-sms .chart-data .data{
    font-size: 25px;
    font-weight: bold;
    color: #575757;
    padding: 0;
}
/* LANDING*/
.widget-resume{
    background: white;
    margin-bottom: 30px;
    height: 150px;
    display: inline-flex;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.widget-resume .icon{
    background-color: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    height: 95px;
    width: 95px;
    padding: 20px;
    text-align: center;
    font-size: 45px;
}

.widget-resume .description{
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}

/* LANDING*/
.widget-landing{
    background: white;
    margin-bottom: 30px;
}
.widget-landing > .landing-data{
    min-height: 300px;
}

.landing-data .img-create{
    padding: 40px;
}
.landing-data .text{
    color: #a1a1a1;
    font-size: 14px;
    margin: 50px 0px;
}

.widget-landing > .landing-menu{
    padding: 28px 20px 28px;
    margin-bottom: 0
}
.widget-landing > .landing-menu .title{
    font-size: 20px;
    font-weight: 300;
}
.widget-landing > .landing-menu .tools{
    float: left;
    margin-right: 10px
}

.widget-landing > .landing-menu .tools > .icon{
    display: inline-block;
    margin-right: 5px;
    font-size: 21px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
    color: #ef6262;
}

.widget-landing > .landing-menu .link
{
    text-decoration: underline;
    font-size:12px;
    text-align: right;
    padding-right: 40px;
}
.widget-landing > .landing-menu .link a{
    color: #6d6d6d;
}
.widget-landing > .landing-menu .link a:hover{
    color: #6d6d6d;
}
.widget-landing .info{
    border-top: 1px solid #d6d6d6;
    margin: 20px 10px 0px 10px;
    padding: 25px 0px;
}

.widget-landing .data-info {
    display: inline-block;
    text-align: center;
}

.widget-landing .data-info .title
{
    font-size: 18px;
    color: #a6a6a6;
}
.widget-landing .data-info .description
{
    font-size: 12px;
    color: #a6a6a6;
}

.widget-landing .resume .title{
    font-size: 12px;
    color: #828282;
    text-transform: uppercase;
    text-align: left;
}
.widget-landing .resume .link{
    text-decoration: underline;
    font-size: 16px;
    padding-right: 40px;
    font-weight: 300;
    text-align: left;
    padding: 10px 0;
}
.widget-landing .landing-thumb-area{
    height: 171px;
    width: 80%;
    text-align: center;
    display: inline-block;
    background: #eeeeee;
    padding: 10px;
}

.widget-landing .landing-thumb-area:hover{
    background: #dddddd;
}
.widget-landing .landing-thumb{
    background: no-repeat center;
    height: 100%;
    width: 100%;
}

.widget-landing .resume .link a{
    color: #575757;
}
.widget-landing .resume .link a:hover{
    color: #575757;
}

.widget-landing .resume .data-resume{
    display: flex;
}

.widget-landing .resume .data-resume .data-info {
    display: inline-block;
    text-align: center;
}

.widget-landing .resume .data-resume .data-info .title
{
    font-size: 25px;
    font-weight: bold;
    color: #575757;
    text-align: center;
}
.widget-landing .resume .data-resume .data-info .description
{
    font-size: 12px;
    color: #575757;
    text-align: center;
}
.widget-landing .resume .v-divisor
{
    border-right: 1px solid #bbbbbb;
    margin: 0px 15px;
}
/* WIDGET CONTACTS */

.widget-contacts{
    padding: 22px 20px;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.widget-contacts .title{
    font-size: 20px;
    font-weight: 300;
}
.widget-contacts .tools{
    float: left;
    margin-right: 10px
}

.widget-contacts .tools > .icon{
    display: inline-block;
    margin-right: 5px;
    font-size: 21px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
    color: #ef6262;
}
.widget-contacts .link
{
    text-decoration: underline;
    font-size:12px;
    text-align: right;
    padding-right: 40px;
}
.widget-contacts .link a{
    color: #6d6d6d;
}
.widget-contacts .link a:hover{
    color: #6d6d6d;
}
.widget-contacts .button-h
{
    text-align: center;
    margin:4px 0px;
}

.widget-contacts .box-info{
    text-align: center;
    display: inline-block;
}
.widget-contacts .info
{
    display: inline-flex;
    padding: 0px;
    text-align: center
}
.widget-contacts .data-info
{
    display: inline-block;
    text-align: center;
}

.widget-contacts .data-info .title
{
    font-size: 25px;
    font-weight: bold;
    color: #575757;
}
.widget-contacts .data-info .description
{
    font-size: 12px;
    color: #575757;
}
.widget-contacts .v-divisor
{
    border-right: 1px solid #bbbbbb;
    margin: 5px 20px;
}

/* WIDGET BIRTHDAY*/
.widget-birthday-on{
    background-color: #ffffff;
    color: #575757;
    line-height: 33px;
    overflow: hidden;
    margin-bottom: 30px;
}
.widget-birthday-off{
    background-color: #ed5454;
    color: #ffffff;
    line-height: 33px;
    overflow: hidden;
    margin-bottom: 30px;
}
.widget-birthday-on img, .widget-birthday-off img{
    margin: 20px;
    float:left;
}
.widget-birthday-on .text, .widget-birthday-off .text{
    margin: 10px;
}
.widget-birthday-on .title, .widget-birthday-off .title{
    font-size: 16px;
}
.widget-birthday-on .description, .widget-birthday-off .description{
    font-size: 13px;
    line-height: normal;
}
.widget-birthday-on .button-h, .widget-birthday-off .button-h{
    padding:0px;
    text-align: center;
}

/* END - FAM20180913 - Alterações envolvendo cabecalho dashboard */

/* FAM20180925 - Classes para error not found*/
.error-url .error-content{
    margin-top: 100px;
    text-align: center;
    vertical-align: middle;
}
.error-url .logo {
    display: inline-block;
    background: url("../img/logo-iagentesms.png") no-repeat center;
    width: 100%;
    height: 70px;
    background-size: 250px;
}
.error-url .image-error {
    display: inline-block;
    background: url("../img/error-not-found.svg") no-repeat center;
    width: 100%;
    height: 150px;
    background-size: 150px;
}
.error-url .error-description{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    color: #cccccc;
}
.error-url .link a, .error-url .link a:hover{
    color: white !important;
    font-size: 18px !important;
}
.error-url .image-error-403 {
    display: inline-block;
    background: url("../img/error-forbidden.svg") no-repeat center;
    width: 100%;
    height: 200px;
}
.error-url .error-description-403{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    color: #ffffff;
}

.error-url .error-description-403 a:link{
    text-decoration: underline;
    color: #ffffff;
}
.error-url .error-description-link a{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    font-weight: bold;
    color: #ffffff !important;
}

/* END - FAM20180925 - Classes para error not found*/

/* FAM20180925 - Classes para landing page*/
.landing-page h2{
    font-size: 36px;
    color: #515151;
    padding-bottom: 20px;
    margin: 0px;
}
.landing-page .subtitle{
    font-size: 14px;
    color: #7a7a7a;
}
.landing-page .panel-body{
    height: 100px;
    padding: 15px 20px 20px;
}
.landing-page img{
    width: 100%;
    padding: 20px 10px;
    max-width: 400px;
}

.hite-plan-spage{
    margin-top: 30px;
}
.hire-landing{
    background-color: #F27C7C;
    color: #ffffff;
    line-height: 33px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px 15px;
}
.hire-landing img{
    margin: 20px;
    float:left;
}
.hire-landing .text{
    margin: 10px;
}
.hire-landing .title{
    font-size: 18px;
}
.hire-landing .description{
    font-size: 13px;
    line-height: normal;
    padding-top: 7px;
}
.hire-landing .button-h{
    padding:0px;
    text-align: center;
}

.modal-edited .terms-text a{
    text-decoration:underline;
}
.modal-edited .modal-body{
    padding: 30px 40px !important;
    font-size: 16px !important;
}
.modal-edited .modal-period{
    font-style: italic;
    font-size: 13px;
    padding-bottom: 15px;
}

/* END - FAM20180925 - Classes para landing page*/

.special-actions {
    visibility: hidden;
}

.infobox {
    color: #818181;
    padding: 45px 0;
}

.infobox .icon {
    font-size: 80px;
    font-weight: bold;
}

.infobox .text {
    font-weight: 500;
    margin-top: 15px;
}
.download {
    font-size: 20px;
    font-weight: bold;
}
.download a, .download a:hover {
    color: #333333;
    text-decoration: none;
}
.download.link {
    display: inline-block;
    font-size: 12px;
}
.download.link .icon {
    font-size: 20px;
    font-weight: bold;
    float: left;
    margin: 0 3px 2px 0;
}
.mediumIcon {
    font-size: 14px;
    text-decoration: underline;
    margin: auto;
    text-align: right;
    display: table;
}
.mediumIcon a{
    height: 100px;
    vertical-align: middle;
    display: table-cell;
}

.mediumIcon .icon {
    font-size: 50px;
}
.api-url{
    background-color: #f8f8f8;
    padding: 20px;
}

.clearer-text{
    color: #cccccc;
}

.disabled-btn{
    background: #ababab !important;
}

.text-white{
    color: white !important;
}

.boxed-button:hover, .boxed-button{
    color: #fff!important;
    background: #ff6e6b;
    display: inline-block;
    border-radius: 10px;
    padding: 40px 10px;
    width: 100%;
    text-align: center;
}

.boxed-button > span{
    display: inline-block;
    vertical-align: middle;
    width: 98%;
}

.boxed-button .ico{
    font-size: 80px;
}

.boxed-button .boxed-button-text{
    font-size: 12px;
}

.custom-fields, .all-groups, .send-with-group-list, .message-templates, #schedule-date-friendly, .selected-lists{
    display: none;
}

.message-templates .icon {
    color: #000000;
    font-size: 28px;
}

.combo-text{
    text-transform: capitalize;
}
.status-filter{
    text-transform: capitalize;
}
.upload-file-styled {
    background: red;
    cursor: pointer;
    display: block;
    height: 240px;
    left: 0;

    /* opacidade */
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;

    position: absolute;
    top: 0;
    width: 97%;
}
.importation-progress .progress {
    height: 40px;
    margin-top: 20px;
}
.importation-progress .progress-bar {
    font-size: 24px;
    line-height: 40px;
}
.importation-progress .progress-percent {
    margin-top: 25px;
}
.white-text{
    color: #fff!important;
}
.switch-button.switch-button-active-inactive label:before {
    content: "INATIVO";
}
.switch-button.switch-button-active-inactive input[type="checkbox"]:checked + span label:before {
    content: "ATIVO";
}
.switch-button-active-inactive {
    width: 85px;
}
.expired-credit {
    text-decoration: line-through;
}
.credit-apply > div {
    display: inline-block;
    vertical-align: middle;
}
.credit-apply-available {
    text-align: center;
    margin-right: 40px;
}
.credit-apply-available img{
    vertical-align: text-top;
    margin-top: -2px;
}
.credit-apply-available .text{
    font-size:10pt;
    display: inline-block;
}
.credit-apply-available .available {
    margin-top: 0;
    display: inline-block;
    font-size: 14pt;
    font-weight: 600;
}
.mailing-calendar{
    width: 70%;
    display: inline-block;
    vertical-align: top;
}
.mailing-totals{
    width: 30%;
    padding: 0 50px;
    display: inline-block;
    vertical-align: top;
}
.f-right{
    float: right;
}
.msgs-total {
    font-size: 20px;
    padding-top: 30px;
    text-align: center;
    display: block;
}
.msgs-total a, .msgs-total a:hover{ color: #666666; }
.msgs-enviadas {
    text-align: center;
    display: block;
}
.msgs-recebidas {
    text-align: center;
    display: block;
    margin-top: 10px;
}
.fc-day {
    padding: 5px!important;
}
#nav-calendar-buttons {
    font-size: 35px;
}
.am-top-header .navbar-collapse .am-user-nav > li.dropdown .dropdown-menu li a .icon{
    min-width: 30px;
    display: inline-block;
}

.dropdown-menu.dropdown-status a:hover {
    background: transparent;
}

.no-resize{
    resize: none;
}

.textarea-height-50{
    height: 50px!important;
}

.textarea-height-100{
    height: 100px!important;
}

.textarea-height-150{
    height: 150px!important;
}

.textarea-height-200{
    height: 200px!important;
}

.v-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.pt-70{
    padding-top: 70px;
}

.pt-85{
    padding-top: 85px;
}
.showAllGroups, .showLessGroups{
    font-size: 14px;
    color: #ff6e6b !important;
    text-decoration: underline;
    padding-left: 10px;
}
.showAllGroups:hover,
.showLessGroups:hover,
.no-hover:hover
{
    color: #ababab!important;
    text-decoration: underline;
}

.heading-info {

}

.heading-info .icon {
    font-size: 14px;
}

.heading-info .url, .heading-info .url:hover {
    color: #999999;
    font-size: 12px;
    text-decoration: underline;
}

.datetimepickerButton{
    margin-top: 0px;
}

.relative{
    position: relative;
}

.how-to-customize{
    position: absolute;
    right: 10px;
    top: 10px;
}

*[data-redirect-onclick] td {
    cursor: pointer;
}

.droppable-zone-highlighted, .sortable-placeholder{
    min-height: 200px;
    width: calc(100% - 20px);
    display: inline-block;
    border: 3px dotted #bdc3c7;
}

.message-counter {
    color: #999999;
    font-size: 14px;
    float: right;
    margin-top: 10px;
}

.message-url {
    background-color: #e4e4e4;
    border: 1px solid #eaeaea;
    margin-top: -10px;
    padding: 10px;
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #ff6764 !important;
    text-decoration: underline;
    margin-bottom: 0px;
}

.schedule-recipient.checked {
    background: #f5f5f5;
}

.remove-group-from-schedule {
    color: #ff8381 !important;
    font-size: 14px;
    margin-left: 10px;
    text-decoration: underline;
}

.remove-group-from-schedule:before {
    content: 'Excluir do envio';
    text-decoration: underline;
}

.remove-group-from-schedule:hover {
    color: #676767 !important;
    text-decoration: underline;
}

.schedule-recipient.removed .remove-group-from-schedule {
    color: #333 !important;
    font-weight: bold;
}

.schedule-recipient.removed .put-line-through {
    text-decoration: line-through;
}

.schedule-recipient.removed .remove-group-from-schedule:before {
    content: 'Lista excluída';
    font-size: 14px;
    margin-left: 10px;
    text-decoration: underline;
}

.schedule-recipient .subtitle{
    font-size: 14px;
    color: #6b6b6b;
}

.schedule-recipient .list-data{
    color: #6b6b6b;
}

.btn-group > a + button { border-left: solid 1px #ffffff !important; }
.btn-group a.btn:hover { border-right: solid 1px #ffffff !important; }
.btn-group button.btn-primary { background: #ea3434; }
.btn-group button.btn-primary:hover { background: #ef6262; }
.btn-group button.btn-success { background: #10d0ae; }
.btn-group button.btn-success:hover { background: #36d2b6; }
.btn-const { min-width: 300px; }

.fuelux .wizard > .steps li.complete:hover{
    background: #f12d2a;
}
.fuelux .wizard > .steps li.complete:hover .chevron:before{
    border-left-color:#f12d2a;
}
.fuelux .wizard > .steps li.complete .chevron{
    border-left-color:#f12d2a
}
.dropdown-menu.success > li > a:hover {
    background-color: #7accbe;
}

.btn-white-border, .btn-white-border:hover {
    border: 1px solid #ffffff;
}

.loader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.loader-backdrop {
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

img.loader-img {
    position: absolute;
    top: 15%;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
}

.birthday-messages-buttons, .birthday-messages-limit {
    display: inline-block;
}

.birthday-messages-limit {
    margin-left: 20px;
    position: relative;
    white-space: nowrap;
}

.birthday-messages-limit .form-control {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    width: 55px;
}

.birthday-messages-limit-container {
    margin-top: -25px;
    position: absolute;
    top: 0;
}

.icon-download {
    color: #333;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
}

.campaign-settings-button{
/*    margin-left: 50px;*/
    display: inline-block;
    vertical-align: middle;
}

.campaign-settings-dropdown, .report-dropdown{
    right: 0;
    left: auto;
}

.social-media-channel svg{
    width: 75px;
    height: 75px;
    fill: #fff!important;
}

.link-market-channel .ico{
    font-size: 61px;
}

.capitalize{
    text-transform: capitalize;
}

.success-market-svg{
    height: 70px;
    width: 70px;
    fill: #fff!important;
}

.view-number{
    font-size: 50px;
}

.report-first-row .widget{
    height: 100%;
    min-height: 220px;
}

.device-percentages-row .icon{
    font-size: 70px;
    color: #ccc;
}

.graph-label-square{
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

.social-graph-no-data{
    display: none;
}

.graph-label-container {
    padding: 2px 0px;
    font-size: 10px;
}

.widget-download-list .widget-list li a {
    /*cursor: default;*/
}

.widget-download-list a.clickable {
    color: #ef6262;
    cursor: pointer;
    text-decoration: underline;
}

.widget-download-list a.featured {
    background: #f5f5f5;
    color: #ef6262 !important;
}

.widget-download-list a.featured:hover {
    background: #eeeeee !important;
}

#calendar-label {
    display: inline-block;
    margin-top: 15px;
}

#calendar-label > div {
    display: inline-block;
    padding-left: 25px;
    position: relative;
}

#calendar-label > div:first-of-type {
    margin-right: 30px;
}

#calendar-label .color {
    position: absolute;
    display: inline-block;
    height: 15px;
    margin-top: 2px;
    margin-left: -20px;
    width: 15px;
}

#calendar-label .calendar-label-send .color {
    background: #7accbe;
}

#calendar-label .calendar-label-received .color {
    background: #8dcadf;
}

.show-message-templates, .show-message-templates:hover {
    text-decoration: underline;
}

.like-a-link {
    color: #f26262 !important;
}

.focus-theme .tab-container .nav-tabs a:hover {
    color: #666666 !important;
}
.plan-prices-row .tab-content{
    margin-right: -5px;
    margin-left: -5px;
}
.am-splash-screen .tab-content a {
    color: #ef6262 !important;
}

.focus-theme .tab-content a:hover {
    color: #db3636 !important;
}

.focus-theme .modal-footer .btn-danger {
    color: #ffffff !important;
}

.focus-theme .modal-footer .btn-default {
    color: #555555 !important;
}

.focus-theme .alert .icon {
    color: #ffffff !important;
}

#socialGraph {
    max-width: 120px!important;
    max-height: 120px!important;
}

.campaign-thumb-area {
    background: #373737;
}

.campaign-thumb-area.list {
    background-color: #dcdcdc;
    height:115px;
    padding: 5px;
    width: 115px;
}
.campaign-thumb-area.detail {
    background-color: #dcdcdc;
    height: 130px;
    padding: 5px;
    width: 100%;
    min-width: 150px;
}

.campaign-thumb-detail {
    background: no-repeat top;
    height: 100%;
    background-size: auto;
}

.campaign-thumb {
    background: no-repeat top;
    height: 100%;
    width: 100%;
}

.campaign-confirm-info {
    position: relative;
}

.campaign-confirm-info > div {
    display: inline-block;
}

.campaign-confirm-thumb {
    background: no-repeat center top;
    height: 128px;
    width: 109px;
}

.campaign-confirm-name {
    left: 130px;
    position: absolute;
    top: 0;
}

.panel-body-chart {
    /*background-image: url('../img/chart-area-bg.png');*/
    background-repeat: no-repeat;
    background-position: 230px 40px;
}

.chart-container .legendColorBox {
    display: inline-block;
    margin-right: 3px;
}

.chart-container .legend td { padding-bottom: 3px; }
.chart-container .legendColorBox > div { border: none !important; }
.chart-container .legendColorBox > div > div {
    border-width: 7px !important;
}

.error-url .error-content{
    margin-top: 100px;
    text-align: center;
    vertical-align: middle;
}
.error-url .logo {
    display: inline-block;
    background: url("../img/logo-iagentesms.png") no-repeat center;
    width: 100%;
    height: 70px;
    background-size: 250px;
}
.error-url .image-error {
    display: inline-block;
    background: url("../img/error-not-found.svg") no-repeat center;
    width: 100%;
    height: 150px;
    background-size: 150px;
}
.error-url .error-description{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    color: #cccccc;
}
.error-url .link a, .error-url .link a:hover{
    color: white !important;
    font-size: 18px !important;
}
.error-url .image-error-403 {
    display: inline-block;
    background: url("../img/error-forbidden.svg") no-repeat center;
    width: 100%;
    height: 200px;
}
.error-url .error-description-403{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    color: #ffffff;
}

.error-url .error-description-403 a:link{
    text-decoration: underline;
    color: #ffffff;
}
.error-url .error-description-link a{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    font-weight: bold;
    color: #ffffff !important;
}

/* FAM20180925 - Classes para landing page*/
.landing-page h2{
    font-size: 36px;
    color: #515151;
    padding-bottom: 20px;
    margin: 0px;
}
.landing-page .subtitle{
    font-size: 14px;
    color: #7a7a7a;
}
.landing-page .panel-body{
    height: 100px;
    padding: 15px 20px 20px;
}


.mb-tutorial-iten {
    display: inline-block;
    margin: 40px 0;
    text-align: left;
    width: 235px;
}

.mb-tutorial-iten .text {
    min-height: 100px;
}
/*
.mail-to-cellphones {
    float: right;
    margin-top: -25px;
    position: relative;
}*/

.btn-group .btn-icon {
    padding-top: 2px;
    padding-bottom: 2px;
}

.btn-group .icon {
    /*font-size: 24px !important;*/
}

.plan-prices-box {
    background: #599c37 url('../img/shopping-cart.jpg') no-repeat 20px 30px;
    bottom: -216px;
    border-top: solid 3px #43772a;
    color: #ffffff;
    display: inline-block;
    position: fixed;
    right: 10%;
    z-index: 1000;
}

.plan-prices-box.button {
    background-image: url('../img/shopping-cart-mini.jpg');
    background-position: 10px center;
    bottom: -40px;
    cursor: pointer;
    font-size: 18px;
    padding: 5px 15px 5px 45px;
    text-transform: uppercase;
}

.plan-prices-box .content {
    margin: 40px 20px 40px 200px;
    width: 190px;
}

.plan-prices-box .close-button {
    color: #253f18;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 10px;
}

.plan-prices-box .title {
    color: #253f18;
    font-size: 14px;
    margin: 0;
}

.plan-prices-box .text {
    font-size: 16px;
    margin: 5px 0 10px 0;
}

.plan-prices-box .call-to-action {
    background: #b83333;
    border: none;
    border-bottom: solid 3px #802424;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    min-width: 150px;
    padding: 7px 5px;
    text-align: center;
}

.cellHasLink { cursor: pointer !important; }
.cellHasLink:hover { background: #e8e8e8 !important; }

.table > tbody > tr > td {
    font-weight: 400;
    vertical-align: middle;
}

.table-border-bottom > tbody > tr > td {
    border-top: none;
    border-bottom: solid 1px #dddddd;
}

.select2-container { z-index: 9999; }

.md-mk-user-terms-check { margin-top: 40px; }
.md-mk-user-terms-check > div { float: left; }
.md-mk-user-terms-check > div:first-of-type { margin-right: 10px; }
.md-mk-user-terms-check .am-checkbox { padding: 0; }

.footer { padding-top: 0; }
.footer-info, .footer-info a, .footer-info a:hover { color: #999999; }
.footer-info a:hover { text-decoration: underline; }

.footer-info {
    display: inline-block;
    margin: 20px 0;
    padding-left: 40px;
    position: relative;
}

.footer-icon-box {
    background: #f5f5f5;
    border-radius: 100%;
    color: #898888;
    display: inline-block;
    font-size: 25px;
    left: -15px;
    padding: 5px 10px;
    position: absolute;
    top: -12px;
}

.footer-info.two-lines { margin: 10px 0 0 50px; }
.footer-info.two-lines .footer-icon-box { top: -2px; }

.terms-use-text-area { height: 550px !important; }

/* INICIO - FAM20180814 - Ajuste do menu superior, redução de espaçamento entre elementos*/
.am-top-header .navbar-collapse .am-icons-nav {
    margin-right: 10px !important;
}

/*.am-top-header .navbar-collapse .navbar-nav > li > a {
    padding: 0 9px !important;
    font-weight: 600;
}*/
/* FIM - Ajuste do menu superior, redução de espaçamento entre elementos*/


/* FAM20191008 - Alterações referentes ao layout 2019*/
.btn-success {
    background-color: #10d0ae;
    border-color: #10d0ae;
}
.btn-rounded, .btn-rounded.btn-lg{
    border-radius: 100px;
    font-size: 13px;
    font-weight: bold;
}
.btn-primary, .btn-success, .btn-white  {
    padding: 12px 20px;
}
.navbar-nav > li{
    padding: 0 5px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ff6e6b;
}
.navbar-nav > li > .active {
     text-decoration: none !important;
     border-bottom: 4px solid #6ae7d1;
     font-weight: 600 !important;
 }
.navbar-nav > li:hover > .active {
    border-bottom: 0px;
}
.am-top-header {
    background-color: #ff6e6b;
}
.am-top-header .navbar-collapse .navbar-nav.am-nav-right > li:first-child > a
{
    padding-left: 38px;
}
.am-top-header .navbar-header .navbar-brand {
    line-height: 60px;
    height: 60px;
    margin: 4px;
}
.am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:after{
    left: 124px;
}
.am-top-header .navbar-collapse{
    padding-right: 0px;
}
.hire-plan-container {
    display: inline-block;
    float: left;
    padding: 0px 11px 0px 30px;
    background: #f12d2a;
    width: 100%;
    height: 40px;
}

.hire-plan, .hire-plan:focus{ border: none; background: white; }
.hire-plan:hover, .hire-plan:active:focus, .hire-plan:active{ background-color: #f2f2f2; border: none; }

.hire-plan-days-left {
    display: inline-block;
    color: #fff;
    font-size: 12px;
}
.hire-plan-span-container{
    padding: 0 18px;
    display: inline-block;
    line-height: 37px;
}

.hire-plan-span-container span {
    display: inline-block;
    vertical-align: middle;
}

.hire-plan-container-ico {
    font-size: 18px;
    margin-right: 10px;
}

a.hire-plan
, a.hire-plan:hover
, a.hire-plan:focus
, a.hire-plan:active:focus
, a.hire-plan:active {
    padding: 7px 20px;
    border-radius: 105px;
    line-height: 12px;
    font-size: 12px;
    color: #f12d2a;
    font-weight: 700;
}
.am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages:after, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications:after, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections:after{
    margin-left: 10px;
}
.am-top-header .navbar-collapse .navbar-nav > li > a {
    line-height: 64px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 0 18px;
    outline: none;
    font-weight: 400;
    padding-left: 38px;
    padding-right: 10px;
}
.am-top-header .navbar-collapse .navbar-nav > li:hover, .am-top-header .navbar-collapse .navbar-nav > li:focus{
    background-color: #ed5454;
    border-bottom: 4px solid #ed5454;
}
.is-desktop{
    display:block!important;
}
.is-responsive-device{
    display:none !important;
}
.icon-menu{
    position: absolute;
    width: 25px;
    height: 27px;
    margin-left: -33px;
    top: 19px;
}
.icon-menu-dash-on{
    background:url('../img/icons/icon-dash-on.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-dash-off{
    background:url('../img/icons/icon-dash-off.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-api-on{
    background:url('../img/icons/icon-api-on.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-api-off{
    background:url('../img/icons/icon-api-off.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-contacts-on{
    background:url('../img/icons/icon-contacts-on.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-contacts-off{
    background:url('../img/icons/icon-contacts-off.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-landing-on{
    background:url('../img/icons/icon-landing-on.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-landing-off{
    background:url('../img/icons/icon-landing-off.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-reports-on{
    background:url('../img/icons/icon-reports-on.svg') no-repeat 50% 99%;
    background-size: cover;
}
.icon-menu-reports-off{
    background:url('../img/icons/icon-reports-off.svg') no-repeat 50% 99%;
    background-size: cover;
}

.widget-download-list .widget-list{
    display: inline-block;
    width: 100%;
}
.plan-landing-description{
    font-size: 14px;
    color: #7a7a7a;
}

/* END - FAM20191008 - Alterações referentes ao layout 2019*/
/* INICIO - FAM20191211 - Ajuste do formulário de contratação*/
.panel-hire .panel-body{
    padding:0px;
}
.panel-hire .plan{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.22;
    color: #d20300;
    text-align: center;
    margin: 50px 0px;
}
.panel-hire .change-plan {
    text-align: center;
    border-top: 1px solid #f0f0f0;
    color: #505050;
    padding: 20px 0px;
    text-decoration: underline;
}
.panel-hire .change-plan a{
    font-size: 14px;
    line-height: 1.5;
    color: #505050;
    text-align: center;
}

.hire .divider{
    border-top: 1px solid #eaeaea;
}
.hire label .obs{
    font-style: italic;
    font-weight: 300;
}
/* FIM - Ajuste do formulário de contratação*/

/* FAM20200714 - INICIO - Ajuste do layout recorrencia*/
.widget-recorrencia .tab-content{
    margin:0px;
    margin-bottom: 40px;
}

/* FIM - Ajuste do layout recorrencia*/

@media (max-width: 1366px) {
    .msgs-total {
        padding: 10px 0;
    }
    .msgs-recebidas { margin-top: 1px; }
    .panel-body-chart { background-position: 130px 50px; }
    .terms-use-text-area { height: 400px !important; }
    .widget-contacts .v-divisor{
        margin: 5px;
    }
}

@media (max-width: 1280px) {
    .msgs-total {
        padding: 10px 0;
    }
    .msgs-recebidas { margin-top: 1px; }
    .panel-body-chart { background-position: 130px 50px; }
    .terms-use-text-area { height: 250px !important; }
}
@media (max-width:1200px) {
    .is-desktop {
        display: none !important;
    }

    .is-responsive-device {
        display: block !important;
    }
}

@media (max-width: 980px) {
    .msgs-total {
        font-size: 14px;
        padding: 5px 0 0 0;
    }

    .msgs-recebidas, .msgs-enviadas {
        font-size: 12px;
        margin-top: 2px;
    }
    .panel-body-chart { background-image: none; }

    .icon-menu {
        margin-left: -25px;
    }
    .am-top-header .navbar-collapse .navbar-nav > li > a, .am-top-header .navbar-collapse .navbar-nav.am-nav-right > li:first-child > a {
        padding-left: 28px;
        padding-right: 0px;
    }
}

@media (max-width: 890px) {
    .navbar-nav > li{
        padding: 0px 0px 0px 4px;
    }
    .am-nosidebar-left .am-top-header .navbar-header .navbar-brand{
        width: 195px;
        margin-right: 30px;
    }
    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown > a{
        padding:0px
    }
    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections{
        margin-right: -110px;
    }
    .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages:after, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications:after, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-connections:after{
        margin-left: 35px;
    }
    .am-top-header .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu:after{
        left: 140px;
    }
}
@media (max-width: 800px) {
    .msgs-recebidas, .msgs-enviadas {
        font-size: 10px;
        margin-top: 15px;
    }

    .msgs-total { display: none; }
    .msgs-enviadas + .msgs-recebidas { margin-top: 2px; }
    .terms-use-text-area { height: 250px !important; }
    .container-fluid{
        padding:0px
    }
}

@media (min-width: 768px)
{
    .navbar-nav{
        margin-left: -20px;
    }
}

.error{
    color:red;
    font-size:12px;
}