/*@author Sanobar Golandaj
    *Desc Campaign css
    */

    .card-create {
      border: 0;
      border-radius: 1rem;
      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    }
    
    .card-create .card-title {
      margin-bottom: 2rem;
      font-weight: 300;
      font-size: 1.5rem;
    }
    
    .card-create .card-body {
      padding: 2rem;
      
    }
    
    .form-create {
      width: 100%;
    }
    
    .form-create .btn {
      font-size: 80%;
      border-radius: 5rem;
      letter-spacing: .1rem;
      font-weight: bold;
      padding: 1rem;
      transition: all 0.2s;
    }
    
    
    
    /*@author-Sanobar
    Dropdown select box */
                          
    /* select#jobLevel,#campaignStatus,#country,#abm,#timeZone,#insertionOrder,#pacing,#campaignReportingDay,
    #marketingChannel,#leadDeliveryOption.form-control{
    height:calc(2.25rem + 12px);
     } */
    
    
    
    
     
    
    /*Adding color to Label*/
    #label,#leadlabel
    {
        
       font-weight:400;
       font-family: -apple-system, "Segoe UI";
       color:   #000080;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
      display: inline-block;
        max-width: 100%;
        margin-bottom: 3px;
        
    }
    
    #labelheading
    {
        
       font-weight:500;
       font-family: -apple-system, "Segoe UI";
      color:   black;
        text-align: center;
        
    }
    
    #labelsuccessheading
    {
        
       font-weight:400;
       font-family: "roboto";
      color:  #056FB9;
        text-align: center;
        font-size: 28px;
        
    }
    .labelsubheading
    {
        
       font-weight:500;
       font-family: -apple-system, "Segoe UI";
       color: orange;
        text-align: left;
        
    }
    
    .legend
    {
      font-size: 16px;
    }
    
     .fileupload{
       width: 100%;
     }
    
    
     
    
    /*Adding color to field border #region,*/
    /*snehal-task-3365-agency side---create camp--company revenue issue(removed emp size as its affect on pickey width)*/
    /*snehal-task-3398-removed jobFunction (as pickey size has small size)*/
    input#jobLevel,#publisherCampID,#startDate,#endDate,#leadPerDomain,
    #leadDeliveryOption,#marketingChannel,#insertionOrder,#pacing,#leadAllocation,#client,
    #campaignName,#campID,
    #timeZone,#otherSpecs,#campaignStatus,#ountry,
    #leadAllocation,#createdByCompanyName,#pacingLeadAllocation,
    #campaignReportingDay,#clientCampID,#abm,
    #jobTitle,#publisherCampID,#campaignName,#clientName
    ,#createdBy,#jobTitle,#noOfLeadPerDomain,#publisherName,
    #currency,#campaignBudget,#lpTimeline,#requiredLPApproval,#budget,#cpl,
    #firstLeadDeliveryDate,#CPL
    .form-control{
     
      height:calc(2.25rem + 12px);
      width:180px;
      border-radius: 3px;
    }


    
    /* #currency,.form-control{
      border:1px solid grey;
      height:calc(2.25rem + 12px);
      width:150px;
      border-radius: 3px;
    } */
    /* #abm, */

    #cIndustry,#customIndustry{
      resize: none;
      height: 25em;
      width:  101%;
      /* border:1px solid grey; */
    }
    #industry{
      height:calc(2.25rem + 12px);
      width:101%;
      border-radius: 3px;
    }


    #abm{
      height:calc(2.25rem + 12px);
     
      border-radius: 3px;
    }
    
      /* select#abm,#leadDeliveryOption,#marketingChannel,.form-control{
       width:130px;
       border:1px solid grey;
       height:calc(2.25rem + 12px);
       border-radius: 3px;
     }
      */
     /* select#insertionOrder,#pacing,#leadAllocation,.form-control{
      width:100px;
      border:1px solid grey;
      height:calc(2.25rem + 12px);
      border-radius: 3px;
    } */
    
    /* select#campaignBudget,#pacingLeadAllocation,#clientCampID,#campaignStatus,#country,.form-control{
      height:calc(2.25rem + 12px);
      width: 120px;
      border:1px solid grey;
       } */
    /* 
       input#leadPerDomain,#region,.form-control{
        height:calc(2.25rem + 12px);
        width: 155px;
        border:1px solid grey;
       } */
    
       /* input#startDate,#endDate.form-control{
        width:165px;
        border:1px solid grey;
        height:calc(2.25rem + 12px);
        border-radius: 3px;
       } */
    /* input#campaignBudget.form-control
    {
      border:1px solid grey;
      height:calc(2.25rem + 12px);
      width:150px;
      border-radius: 4px;
    }
     */
  
     /* ,#customEmpSize,#customCompRevenue */
    #jobTitle,#otherSpecifications{
      resize: none;
      height: 5em;
      width:  90%;
      /* border:1px solid grey; */
    }



    #customQuestions 
    {
      resize: none;
      height: 5em;
      width:  101%;
      border:1px solid orange;
    }

   #customAnswers
    {
      resize: none;
      height: 5em;
      width:  101%;
      border:1px solid green;
    }

    #avoidAnswers
    {
      resize: none;
      height: 5em;
      width:  101%;
      border:1px solid red;
    }
   
    
    /* #otherSpecs {
      resize: none;
      height: 6em;
      width:  87%;
      border:1px solid grey;
    } */
    
    /*Supporting Document*/
    input#CampaignID,
    .form-control{
      border:1px solid grey;
      height:calc(2.25rem + 12px);
      border-radius: 4px;
    }
    
    
    #label1{
      color:red;
    }
    
    
    
    
    
    /*Delivery Format css*/
      /* //snehal-task-3112-Custom Question Alias */
    #customQuestion1,#customQuestion2,#customQuestion3,#customQuestion4,#customQuestion5,#customQuestion6,
    #answer1,#answer2,#answer4,#answer3,#answer5,#answer6,#nonallowedanswer,#aliasName1{
      resize: none;
      height: 7rem;
      width: 100%;
      border:1px solid grey;
    }
    
    #additionalComments{
      /* / width: 212%; / */
      border:1px solid grey;
      resize: none;
      height: 7em;
    }
    
    
    
    #additionalCommentsquickUpload{
      border:1px solid grey;
      resize: none;
      height: 5em;
      width: 98%
    ;
    }
    
    
    
    
    /* .btn-sm {
    
      padding: 5px 10px  !important;
      font-size: 12px    !important;
      line-height: 2    !important;
      border-radius: 3px   !important;
      width: 10%  !important;
     
    } */
    
    .btn-sm-createcamp {
    
      padding: 5px 10px  !important;
      font-size: 12px    !important;
      line-height: 2    !important;
      border-radius: 3px   !important;
      width: 12%  !important;
    }
    
    .btn-sm-suppDoc {
    
      padding: 5px 10px  !important;
      font-size: 12px    !important;
      line-height: 2    !important;
      border-radius: 3px   !important;
      width: 22%  !important;
    }
    
    .btn-sm-delFormat {
    
      padding: 5px 10px  !important;
      font-size: 12px    !important;
      line-height: 2    !important;
      border-radius: 3px   !important;
      width: 23%  !important;
    }
    
    
    .btn-sm-quickupload {
    
      padding: 5px 10px  !important;
      font-size: 12px    !important;
      line-height: 2    !important;
      border-radius: 3px   !important;
      width: 20%  !important;
    }
    
    
    .btn-sm-allocCamp
    {
      padding: 5px 10px  !important;
      font-size: 12px    !important;
      line-height: 2    !important;
      border-radius: 3px   !important;
      width: 20%  !important;
    }
   
    /* / Dropdown validation for create campaign / */
    .invalid{
      border:1px solid #dc3545 !important;
      border-radius: 4px;
    }
    
    .valid{
      border:1px solid #28a745 !important;
      border-radius: 4px;
      
    }

    .word-wrap {
        word-break: break-all;
       
    }

   .disabled {
    pointer-events: none;
    cursor: not-allowed  !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    
    border: 1px solid transparent;
    border-radius: 4px;
  
  }


  .disabled2 {
    pointer-events: none;
    cursor: not-allowed  !important;
    display: inline-block;
    /* padding: 6px 12px; */
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #144999!important;
    border-color: #144999 !important;
    border: 1px solid transparent;
    border-radius: 4px;
  
  }

  .disabled1 {
  
    pointer-events: none; 
    cursor: not-allowed  !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: skyblue!important;
    border-color: skyblue !important;
    border-radius: 4px;
    color:white !important;
}
.button {

    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: #144c9b!important;
    border-color: #144c9b!important;
    border-radius: 4px;
    color:white !important;
    cursor: pointer;
}




  .fill {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    
  }
  
  
  
   
 
   
  .tbody
  {
    height:200px;
    overflow-y:auto;
    width: 100%;
  }

/* to increase height of table  */
  .table-wrapper-scroll-y {
    display: block;
    max-height:280px !important;
    overflow-y: auto;
  }

  .rounded {
    border-radius: 10px;
    background: #000;
  }


  /* .modal-header {
    display: initial !important;
} */


  input#pacing1,
  .form-control{
   
    height:calc(2.25rem + 12px);
    width:20px;
    border-radius: 3px;

  }


  img
  {
    max-width:300% !important
  }
  #borderimg {
    border: 10px solid transparent;
    padding: 15px;
    border-image: url(border.png) 30 stretch;
  }
  

  /* To do List Box-css */
  .list-group{
    max-height: 150px;
    margin-bottom: 0px !important;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}


.panel-primary>.panel-heading {
  
 
  background-color: rgb(144, 140, 138) !important;
  border-color:rgb(144, 140, 138) !important;

}

.panel-primary>.panel-heading1 {
  
 
  background-color:rgb(144, 140, 138) !important;
  border-color: rgb(144, 140, 138) !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid transparent !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;

}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px !important;
  font-weight: bold !important;
  font:  sans-serif !important;
  color: #000 !important;
}

.panel {
  height: 165px;
  background-color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 0px !important;
  -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2) !important;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !important;
}


.panel1
{
  margin-bottom: 20px;
  height: 250px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);

}


.panel2
{
  margin-bottom: 20px;
  height: 250px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);

}

.panel-primary {
  border: 1px solid #ddd !important;
}


.panel-body {
  padding: 10px !important;
}











#faq {
  margin-top: 20px;
}
.accordion-item {
    padding: 0 30px;
}
.accordion-section h3 {
    font-size: 24px;
    color: #1c81ac;
    margin-bottom: 14px;
    text-transform: capitalize;
    margin-top: 0;
    letter-spacing: 0;
}
section h3 {
    font-weight: 600;
    letter-spacing: 0.5px;
}
.panel-group {
    margin-bottom: 0;
}
.accordion-section .panel-heading {
    background-color: #ebebeb;
    color: #323b40;
    padding: 10px 0 12px;
}
.accordion-section h4.panel-title {
    padding: 0 10px;
    margin-bottom: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
    font-weight: 400;
}
#faq .collapsed {
    display: table;
    line-height: 22px;
}
#faq .faq-toggle {
    float: left;
}
section.faq .fa:before {
    font-size: 20px;
    padding-right: 8px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .pricing-plans-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}
section.faq .panel-body p {
    text-align: left;
    font-size: 16px;
}
p, .ul li {
    color: #5b666d;
}
ol, ul {
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width : 1200px) {

  .textboxwidth
  {
  width:140px !important;
  }
  }



  input[type="date"] {
    position: relative;
    padding: 8px;
  }
  
  input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
  }

  input[type="date"]:before {
    color: transparent;
    background: none;
    display: block;
    font-family: 'FontAwesome';
    content: '\f073';
    /* This is the calendar icon in FontAwesome */
    width: 15px;
    height: 20px;
    position: absolute;
    top: 1px;
    right: 6px;
    color:#000080;
  }


  .add-button
{
  background-image:linear-gradient(to left,#0777cb, #103784)!important;
  color:white !important;
}
.chooseFile                           
{
    font-weight: 400;
    padding: 5px;
    background-image:linear-gradient(to left,#0777cb, #103784)!important;
    color: white;
    width: min-content;
    height: 31;
    font-size: 14;
    }/* for custom file upload by raunak*/
    .chooseFile:hover{
        color: white;
    }


    .anticon svg {
      display: inline-block;
      color: #000080 !important;
  }

  .glyphicon-plus-sign:before {
    content: "\e081";
    color: #000080 !important;
}