/*===========BRAND COLORS================*/
/*blue one - #2D65DD
* blue two - #13BCFC
* gray - #f9f9f9
* rose - #EA4674
*/

/*===========LOGIN PAGE================*/
#login-page .login-logo{
      max-width: 255px;
}

#login-page .card-panel .row{
      margin-top: 25px;
}

@media screen and (max-width: 425px){

      #login-page{
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transform: -webkit-translate(-50%, -50%);
            transform: -moz-translate(-50%, -50%);
            transform: -ms-translate(-50%, -50%);
      }

}

/*===========REGISTER PAGE================*/
#register-page{
      margin-top: 20px;
      max-width: 800px;
}

#register-page .login-logo {
      max-width: 255px;
}

#register-page button.cyan{
      width: 265px;
}

#register-page .card-panel .row{
      margin-top: 25px;
}

@media screen and (max-width: 425px){

      #register-page{
            max-width: 90%;
      }

}

/*===========PERSONAL DATA PAGE================*/
#personal-data-page .login-logo {
      max-width: 255px;
}

#personal-data-page{
      max-width: 800px;
}

#personal-data-page .choices__input{
      display: none;
}

#personal-data-page .choices__inner{
      background-color: inherit;
      border: none;
}

/*===========NAV================*/
#notifications-dropdown.dropdown-content{
      min-width: 250px;
}

#notifications-dropdown .notifications-read{
      font-size: inherit;
      color: inherit;
      display: inherit;
      padding: inherit;
}

#notifications-dropdown li{
      padding: 5px 10px;
}

#notifications-dropdown li > a > i{
      display: inline-block;
      font-size: 14px;
      position: relative;
      top: 2px;
}
#notifications-dropdown li > a {
      padding: 0;
      font-size: 12px;
      font-weight: 400;
}
#notifications-dropdown li > time{
      font-size: 10px;
}

#notifications-dropdown.dropdown-content li > a,
#notifications-dropdown.dropdown-content li > span{
      line-height: 10px;
}

/*===========DASHBOARD PAGE================*/
#flight-card .card-content-bg{
      background: url(/images/user-bg.png);
      background-size: cover;
}

#flight-card .flight-state h4{
      font-size: 100px;
}

#flight-card .flight-state p{
      padding-top: 8px;
}

#flight-card .flight-state-wrapper{
      margin: 30px 0px !important;
}

#flight-card .flight-state{
      padding-bottom: 10px;
}

#flight-card .card-header .card-title{
      padding: 15px;
}

.insights h4{
      font-size: 1.2rem;
}

.insights .header p{
      margin: 0;
}

.insights .graph{
      text-align: center;
}

.roadmap-news span.task-cat{
      vertical-align: top;
}

@media (min-width:1024px) and (max-width:1440px) {

      #flight-card .flight-state h4{
            font-size: 80px;
      }

}

@media (min-width:900px) and (max-width:1024px) {

      #flight-card .flight-card-title{
            font-size: 1.5rem;
      }

      #flight-card .flight-card-date{
            font-size: 13px;
            line-height: 13px;
      }

}

/*===========PROFILE PAGE================*/
#profile-page-header .card-content .card-title{
      font-size: 20px;
}

#profile-page-header .card-content h4.card-title{
      line-height: 30px;
      margin-top: 30px;
}

#profile .fitness-mb-40{
      margin-bottom: 40px;
}

#profile-page-header figure.card-profile-image img{
      width: 110px;
      height: 110px;
}

#profile-page-header figure.card-profile-image{
      height: 110px;
}

.user-details img.profile-image{
      width: 52px;
      height: 52px;
}

/*===========COMPANY INDEX ================*/
#team-list .collection .collection-item.avatar{
      min-height: 65px;
}

#team-list .modal.send-invite .submit-wrapper{
      padding-top: 25px;
}

#team-list nav ul li:hover,
#team-list nav ul li.active{
      background: initial;
}

#team-list .collection.with-header.waves-pending .collection-item{
      height: 57px;
      line-height: 40px;
}

#team-list .collection .collection-item.avatar .secondary-content:nth-of-type(2){
      right: 175px;
}

@media screen and (max-width: 768px){

      #team-list .collection .collection-item.avatar .secondary-content{
            position: initial;
            padding: 0px 15px;
            margin: 5px 10px;
      }

      #team-list .collection.with-header .collection-item.avatar{
            padding-left: 20px;
      }

      #team-list .collection .collection-item.avatar{
            min-height: 130px;
      }

}

/*===========COMPANY EDIT ================*/
#company-edit .campaigns-url a input{
      cursor: pointer;
      color: inherit;
}

/*===========COMPANY SUBSCRIPTION PAGE================*/
#subscription .plans-container .collection .collection-item:before{
      content: initial;
}

#subscription .price-desc sub{
      bottom: 0;
}

/*===========COMPANY SUBSCRIPTION RENEW PAGE================*/
#subscription-renew .mb-ref{
      max-width: 400px;
}

#subscription-renew .mb-ref td,
#subscription-renew .mb-ref th{
      padding: 5px 5px;
}

/*===========NEW FEATURES PAGE================*/
@media screen and (min-width: 600px){

      .new-feature-soon .card-content{
            width: 100%;
            padding: 25px;
      }

      .sms.new-feature-soon .card-content img{
            max-width: 30vw;
      }

}

@media screen and (min-width: 1024px){
      .new-feature-soon .valign-wrapper{
            height: 80vh;
      }

      .new-feature-soon .col{
            padding: 0px;
      }

      .new-feature-soon .card-content{
            width: inherit;
            padding: 50px;
      }

      .sms.new-feature-soon .card-content{
            width: 100%;
      }
}


/*===========NAVBARS================*/
section#content{
      min-height: 800px;
      padding-bottom: 40px;
}

#slide-out li a i.mdi-navigation-arrow-drop-down{
      width: auto;
}

ul.side-nav.leftside-navigation li.user-details #multi-company a {
      padding: 8px 15px;
      height: auto;
      font-size: 13px;
}

#multi-company.dropdown-content{
      max-height: none;
}

ul.side-nav.leftside-navigation li a.user-roal{
      color: #fff;
      font-size: 13px;
      text-shadow: 1px 1px 1px #444;
      line-height: 42px;
      top: -10px;
      height: 42px;
}

@media screen and (max-width: 425px){
      header .brand-logo{
            padding-bottom: 0px;
            padding-top: 0px;
            margin-top: 10px;
      }

      ul.side-nav.leftside-navigation{
            top: 56px;
            overflow: scroll;
      }

      .ps-scrollbar-y,
      .ps-scrollbar-y-rail{
            height: 50px !important;
      }
}

/*===========SEARCH================*/
.header-search-wrapper .collapsible-header{
      padding: 0px 0px 0px 72px;
      color: #444;
      font-weight: normal;
      width: calc(100% + 80px);
}

.header-search-wrapper .header-search-input{
      margin-bottom: 1px;
}

.header-search-wrapper .collapsible-header:hover{
      background-color: #f5f5f5;
}

@media screen and (max-width: 768px){

      input.header-search-input{
            padding: 8px 0px 8px 72px;
      }

      input.header-search-input{
            width: calc(100% - 72px);
      }

}

@media screen and (max-width: 425px){

      input.header-search-input{
            padding: 8px 0px 8px 72px;
      }

      #content .header-search-wrapper{
            width: calc(100% - 72px);
      }

      .header-search-wrapper .collapsible-header{
            padding: 0px 0px 0px 30px;
            width: calc(100% + 70px);
      }

      input.header-search-input{
            width: 100%;
      }

      /*.collapsible-header:after{
      content: initial;
      }*/

}



/*===========FORMS================*/
.input-field div.error,
form div.error{
      position: relative;
      top: -1rem;
      left: 0rem;
      font-size: 0.8rem;
      color: #F44336;
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      text-align: center;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
      top: 0px;
}

span.character-counter{
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 5px;
}

/*===========CAMPAIGNS================*/
#card-stats .card-stats-compare i.tooltipped{
      position: relative;
      width: 1px;
      top: inherit;
}

#campaign-request .steps{
      font-size: 50px;
      height: 20px;
      line-height: 10px;
}

@media (max-width:768px){

      #campaign-request .steps{
            height: 30px;
            line-height: 20px;
      }

}

@media (min-width:900px) and (max-width:1280px) {
      #chart-dashboard #card-stats .card-stats-title,
      #chart-dashboard #card-stats .card-stats-title i {
            font-size: 0.9em;
      }

      #jsGrid-leads .chip{
            display: block;
            margin: 5px 0px;
      }
}
/*===========ADMIN CAMPAIGN================*/

#campaign-custom-field [type="checkbox"]:not(:checked),
#campaign-custom-field [type="checkbox"]:checked{
      position: initial;
      visibility: visible;
}

/*DATE AND TIME PICKER*/
.picker__weekday-display,
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected,
.btn-floating.btn-flat.active,
.clockpicker-tick.active,
.clockpicker-tick:hover{
      background-color: #13BCFC !important;
}

button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus{
      background-color: #fff;
}

.picker__date-display{
      background-color: #2D65DD !important;
}

.picker__day.picker__day--today,
.picker__close,
.picker__today{
      color: #13BCFC;
}

.picker__nav--prev:hover, .picker__nav--next:hover{
      background: #f9f9f9;
}

.clockpicker-tick{
      color: #000;
}

.clockpicker-canvas-bg-trans,
.clockpicker-canvas-bg{
      fill: #13BCFC !important;
}

.clockpicker-canvas-bearing{
      fill: #000 !important;
}

.clockpicker-canvas line{
      stroke: #13BCFC !important;
}

.clockpicker-canvas-fg.active{
      fill: #fff;
}

[type="radio"]:checked + label:after{
      border: 2px solid #13BCFC;
      background-color: #13BCFC;
}

form select.browser-default{
      margin: 0 0 15px 0;
}

/*===========RIGHT SIDEBAR================*/
.recent-activity-list-icon a{
      color: #13BCFC;
      font-size: 30px;
      padding: 0;
}

/*===========BADGES================*/
span.badge.new:after{
      content: none;
}

span.badge.new{
      background-color: inherit;
}

/*===========TIMELINE================*/
.timeline {
      position: relative;
}

.timeline .timeline-event {
      position: relative;
      padding-top: 5px;
      padding-bottom: 5px;
}

.timeline .timeline-event .timeline-content {
      position: relative;
      width: calc(50% - 50px);
}

.timeline .timeline-event::before {
      display: block;
      content: "";
      width: 2px;
      height: calc(50% - 30px);
      position: absolute;
      background: #d2d2d2;
      left: calc(50% - 1px);
      top: 0;
}

.timeline .timeline-event::after {
      display: block;
      content: "";
      width: 2px;
      height: calc(50% - 30px);
      position: absolute;
      background: #d2d2d2;
      left: calc(50% - 1px);
      top: calc(50% + 30px);
}

.timeline .timeline-event:first-child::before {
      display: none;
}

.timeline .timeline-event:last-child::after {
      display: none;
}

.timeline .timeline-event:nth-child(even) .timeline-content {
      margin-left: calc(50% + 50px);
}

.timeline .timeline-event:nth-child(odd) .timeline-content {
      margin-left: 0;
}

.timeline .timeline-badge {
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      background: #d2d2d2;
      top: calc(50% - 20px);
      right: calc(50% - 20px);
      border-radius: 50%;
      text-align: center;
      cursor: default;
}

.timeline .timeline-badge i {
      font-size: 25px;
      line-height: 40px;
}

@media (max-width: 600px) {
      .timeline .timeline-event .timeline-content {
            width: calc(100% - 70px);
      }
      .timeline .timeline-event::before {
            left: 19px;
      }
      .timeline .timeline-event::after {
            left: 19px;
      }
      .timeline .timeline-event:nth-child(even) .timeline-content {
            margin-left: 70px;
      }
      .timeline .timeline-event:nth-child(odd) .timeline-content {
            margin-left: 70px;
      }
      .timeline .timeline-badge {
            left: 0;
      }
}

/*===========SCHEDULED EVENT================*/
#scheduled-event .card-title{
      vertical-align: middle;
}

/*===========Pricing Table================*/
.plans-container .collection .collection-item:before{
      font-family: "Material-Design-Icons";
      content: "\e8a7";
}

/*===========CALENDAR================*/


.fc-state-active,
.fc-state-down{
      color: #13BCFC !important;
}

/*===========MODALS================*/
.modal .modal-header {
      border-radius: 0 0 2px 2px;
      padding: 4px 6px;
      width: 100%;
}

#task-modal,
#user-add{
      overflow-y: visible;
}

#user-add{
      max-width: 310px;
}

#user-add.modal .modal-footer .btn{
      float: none;
}

#user-add.modal .modal-header p{
      margin: 10px;
}

#user-add.modal .modal-content .input-field{
      margin-top: 0px;
}

/*===========COLORS================*/
.cyan{
      background-color: #13BCFC !important;
}

.blue{
      background-color: #2D65DD !important;
}

/*===========TYPOGRAPHY================*/
.text-upper{
      text-transform: uppercase;
}

.cyan-text{
      color: #13BCFC;
}

.blue-text{
      color: #2D65DD;
}

/*===========ELEMENTS================*/
.btn.cyan:hover{
      background-color: #2D65DD !important;
}

.btn.blue:hover{
      background-color: #13BCFC !important;
}

.btn.facebook{
      background-color: #3b5999 !important;
}

.btn.twitter{
      background-color: #55acee !important;
}

.btn.linkedin{
      background-color: #0077B5 !important;
}

.card .card-action{
      border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating){
      margin-right: initial;
}

/*===========COLLECTIONS================*/

.progress{
      background-color: rgba(19, 188, 252, 0.22);
}

.progress .determinate{
      background-color: #2D65DD;
}

.collection .collection-item.avatar{
      min-height: 65px;
}

@media screen and (max-width:425px) {

      .plans-container .card .card-image .price{
            font-size: 3em;
      }

      .plans-container .card .card-image .price sup{
            top: -25px;
      }
}
/*===========DROPZONE================*/
.dropify-wrapper .dropify-message p{
      text-align: center;
}
.dropzone{
      border: 2px dashed rgba(0,0,0,0.3) !important;
      padding: 0px !important;
}

.dropzone .dz-default.dz-message::before{
      content: "\e7b0";
      font-family: "Material-Design-Icons";
      display: block;
      font-size: 50px;
}

.logo-uploader.upload-zone{
      max-height: 104px;
      height: 104px;
}

.upload-zone{
      min-height: 104px;
      border: 2px dashed rgba(0,0,0,0.3) !important;
      padding: 0px !important;
      background: white;
      text-align: center;
      cursor: pointer;
}

.upload-zone .upload-content::before {
      content: "\e7b0";
      font-family: "Material-Design-Icons";
      display: block;
      font-size: 25px;
}

.logo-uploader{
      background-color: #fff;
      text-align: center;
}

.logo-uploader img{
      height: 52px;
      margin: 24px 0;
      line-height: 0px;
}

.logo-uploader img{
      height: 52px;
      margin: 24px 0;
}

.previewer .logo-uploader img{
      height: 52px;
      width: 128px;
      display: inline-block;
      max-width: 100%;
      height: auto;
}

.upload-zone img{
      margin-bottom: -0.4em;
}

/*===========Campaign View================*/
.product-card .card .card-content p{
      margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/*===========Campaign Build================*/
.text-preview{
      font-family: "Oswald", Helvetica, Arial, sans-serif;
      letter-spacing: 0.06em;
      text-align: center;
}

.text-preview{
      font-family: "Oswald", Helvetica, Arial, sans-serif;
      letter-spacing: 0.06em;
      text-align: center;
}

.previewer{
      padding-bottom: 20px;
}

.previewer .s12{
      padding: 0px;
}

.previewer h5{
      margin: 0px;
      padding-top: 12px;
}

.previewer .main-uploader{
      line-height: 0px;
      text-align: center;
}

.previewer  .main-uploader .responsive-img{
      width: 90%;
      margin: 20px 0px;
}

.previewer{
      border: 1px solid rgba(0,0,0,0.3) !important;
}

.alfa-preview-btn,
.alfa-preview-btn:focus,
.alfa-preview-btn:hover,
.alfa-preview-btn:active,
.alfa-preview-btn:visited{
      align-items:flex-start;
      background-color:rgb(42,213,85);
      border-bottom-left-radius:35px;
      border-bottom-right-radius:35px;
      border-top-left-radius:35px;
      border-top-right-radius:35px;
      border-top-style:solid;
      box-sizing:border-box;
      color:rgb(255,255,255);
      cursor:pointer;
      font-family:Oswald,Helvetica,Arial,sans-serif;
      font-size: 15px;
      font-stretch:100%;
      font-style:normal;
      font-weight:400;
      letter-spacing:2.16px;
      line-height:23.4px;
      padding: 5px 10px;
      pointer-events:auto;
      position:relative;
      text-align:center;
      text-indent:0px;
      text-rendering:auto;
      text-shadow:none;
      text-size-adjust:100%;
      text-transform:uppercase;
      transition-delay:0.01s,0.01s;
      transition-duration:0.3s,0.3s;
      transition-property:background,border-color;
      transition-timing-function:ease,ease;
      user-select:none;
      vertical-align:middle;
      white-space:pre-wrap;
      word-spacing:0px;
      writing-mode:horizontal-tb;
      -webkit-appearance:none;
      -webkit-font-smoothing:subpixel-antialiased;
      -webkit-tap-highlight-color:rgba(0,0,0,0);
      -webkit-border-image:none;
      margin: 10px 0px;
      border-width: 0px;
}

.upload-remover{
      cursor: pointer;
}

/*===========SLIDER================*/
.slider .indicators .indicator-item.active{
      background-color: #2D65DD;
}

/*===========TABLE================*/
table tbody tr[data-href] {
      cursor: pointer;
}

table.dataTable td,
table.dataTable th{
      border-radius: initial !important;
}

@media screen and (max-width:425px) {

      .responsive-table td, th {
            padding: 5px 5px;
      }

}

/*===========JSGRID================*/
.jsgrid-edit-row input,
.jsgrid-edit-row select,
.jsgrid-edit-row textarea,
.jsgrid-filter-row input,
.jsgrid-filter-row select,
.jsgrid-filter-row textarea,
.jsgrid-insert-row input,
.jsgrid-insert-row select,
.jsgrid-insert-row textarea{
      padding: 0px !important;
}

.jsgrid-table .btn-floating{
      width: 25px;
      height: 25px;
      line-height: 25px;
}

.jsgrid-table .chip i.material-icons{
      line-height: 25px;
      font-size: 15px;
      padding-left: 5px;
}

#jsGrid-leads .jsgrid-grid-header{
      border-top-width: 0px;
}

#jsGrid-leads .chip{
      height: 25px;
      line-height: 25px;
      margin-right: 5px;
}

#jsGrid-leads .chip img{
      height: 25px;
      width: 25px;
}

#jsGrid-leads .jsgrid-grid-header{
      border-top-width: 0px;
}

.jsgrid-table .btn-floating i{
      font-size: 16px;
      line-height: 25px;
}

/*===========CARDS================*/
#card-stats .card-stats-title,
#card-stats .card-stats-title i{
      font-size: 1em;
}

/*===========FORMS================*/
.jsgrid-table td{
      font-size: 14px;
      color: #444;
}

[type="checkbox"]:checked + label:before{
      border-right: 2px solid #13BCFC;
      border-bottom: 2px solid #13BCFC;
}

input[type=text].color-input{
      margin: 5px 0 15px 0;
}

/*===========FOOTER================*/

footer.page-footer .footer-copyright{
      height: 25px;
      line-height: 25px;
      font-size: 13px;
}

@media screen and (min-width:425px) {

      footer.page-footer{
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 1;
      }
}


/*===========INVOICE PAGE================*/
#invoice .invoice-text{
      padding: 18px 0;
}

#invoice h4.header{
      margin: 16px 0 0.912rem 0;
}

/*===========LEAD PAGE & UNQUALIFIED LEAD================*/

#lead-page input[type=text]:disabled,
#lead-page input[type=email]:disabled,
#unqualfied-lead-page input[type=text]:disabled,
#unqualfied-lead-page input[type=email]:disabled{
      color: inherit;
}

#lead-page input[type=text]:disabled + label,
#unqualfied-lead-page input[type=text]:disabled + label{
      color: #9e9e9e;
}

#lead-page .chip,
#unqualfied-lead-page .chip{
      position: relative;
      z-index: 1;
      height: 37px;
      width: auto;
      line-height: 37px;
      font-size: 14px;
      cursor: pointer;
}

#lead-page .chip img,
#unqualfied-lead-page .chip img{
      width: 37px;
      height: 37px;
}

#lead-page .card-content a input,
#unqualfied-lead-page .card-content a input{
      cursor: pointer;
}

#unqualfied-lead-page .card-content .dropdown-button{
      width: 180px;
}

#lead-page .collection-item div{
      word-wrap: break-word;
}

#lead-page a.task-add input{
      pointer-events: none;
}

/*===========LEAD LISTING================*/
#lead-list .collapsible-body form{
      margin: 0;
      padding: 0px 2rem;
}

/*===========UNQUALIFIED LISTING================*/
#unqualified-lead-list .collapsible-body form{
      margin: 0;
      padding: 0px 2rem;
}

/*===========NEWSLETTER CONTENT================*/