@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css');

/************** Share **************/

.modal{z-index: 9999;}

.headerbox{border: 5px solid #ddd;}
.headerbox h3{position: relative;border-bottom: 2px solid #ddd;padding: 20px 35px;}
.headerbox h3 a{display: inline-block;color: #00b3f6;font-weight: 600;position: relative;font-size: 18px;}
.headerbox h3::after{position: absolute;content: "";width: 300px;height: 5px;background: #137fff;bottom: -2px;left: 0px;}
.clientin{align-items: center;padding: 25px 35px;border-bottom: 3px solid #ddd;}
.cilenticon{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;position: relative;}
.cilenticon img{ width: 100%; height: 100%; object-fit: cover;}
.clientshap{position: relative;margin-right: 20px;}
.round{width: 12px;height: 12px;border-radius: 50%;bottom: 0px;position: absolute;right: 2px;background: #04c9a6;border: 2px solid #fff;}
.client-body h5{color: #949aa0;font-size: 20px;}
.headerpost{padding: 25px 35px;align-items: center;display: flex;justify-content: space-between;}
.headerpost h5{color: #1eb8f1;font-size: 18px;width: 25%;font-weight: 600;}
.postbtn {background: #00adee;color: #fff;padding: 10px 20px;display: inline-block;border-radius: 5px;text-transform: uppercase;font-size: 12px;font-weight: 600;border: none;cursor: pointer;}
.postbtn:hover{color: #fff;}
.featuredarea {border: 5px solid #ddd; margin: 25px 0px;padding: 25px 35px;}
.featuredarea h3{font-size: 18px;font-weight: 600;}
.featuredarea h6{font-size: 13px;font-weight: 400; margin: 5px 0px 20px 0px;}
.featuredbox{border: 5px solid #ddd;}
.featuredimg{width: 75px;height: 75px;margin: 25px auto 15px;border-radius: 50%;overflow: hidden;}
.featuredimg img{width: 100%; height: 100%; object-fit: cover;}
.faturedtext{ text-align: center;}
.faturedtext h2{font-size: 14px;}
.faturedtext h5{font-size: 14px;font-weight: 400;margin: 3px 0px 25px;line-height: 20px;}
.faturedtext h5 .country{color: #03aeef;}
.readout {background: #03aeef;color: #fff;padding: 9px 25px;display: inline-block;border-radius: 5px;text-transform: uppercase;font-size: 11px;}
.viewbtn{display: block;border-top: 2px solid #ddd;padding: 15px 15px;text-align: center;margin-top: 25px;font-size: 13px;
  text-transform: capitalize;font-weight: bold;color: #03aeef;}
  .testimonial-carousel10 .owl-nav {width: 100%;box-sizing: border-box;position: absolute;top: 40%;height: 0px;}
  .testimonial-carousel10 .owl-next {right: -60px;position: absolute; width: 40px;height: 40px;border: 2px solid #ddd !important;    border-radius: 50%;background: #fff !important;}
  .testimonial-carousel10 .owl-nav .owl-prev{left: -60px;position: relative; width: 40px;height: 40px;border: 2px solid #ddd !important;
    border-radius: 50%;background: #fff !important;}
  .testimonial-carousel10 .owl-next:hover, .testimonial-carousel10 .owl-nav .owl-prev:hover{ background:#fff !important;}
  .testimonial-carousel10 .owl-nav .owl-prev span, .testimonial-carousel10 .owl-nav .owl-next span{ font-size: 0px; }
  .testimonial-carousel10 .owl-nav .owl-prev:after{content:'\f2fa';font-family:'Material-Design-Iconic-Font';position:absolute;top:-3px;left:-2px;right:0;margin:auto;font-size:30px;color:#ddd;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
  .testimonial-carousel10 .owl-nav .owl-next:after{content:'\f2fb';font-family:'Material-Design-Iconic-Font';position:absolute;top:-3px;left:4px;right:0;margin:auto;font-size:30px;color:#ddd;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.commentext p{ margin-top: 10px;}
.commentarea{border: 3px solid #ddd;padding: 20px;margin-bottom: 15px; position: relative;}
.commentarea.notification_post{border-color: #03aeef;}
.commentarea .dropdown-toggle i{ color: #000;}
.commentarea .dropdown-toggle{border: none;background: inherit;}
.commentarea .dropdown-toggle::after{ display: none;}
.commentarea .dropdown-item{padding: 4px 10px;}

.commenticon{width: 55px;height: 55px;border-radius: 50%;overflow: hidden;position: relative;}
.commenticon img{ width: 100%; height: 100%; object-fit: cover;}
.commentshap{position: relative;margin-right: 20px;width: 65px;height: 65px;}
.commentshap .round{width: 15px;height: 15px;border-radius: 50%;bottom: 10px;position: absolute;right: 2px;background: #04c9a6;border: 2px solid #fff;}
.commentext{position: relative;border-bottom: 1px solid #ddd; margin-bottom: 10px;padding-bottom: 10px;}
.commentext h5{color: #949aa0;margin-right: 5px;font-size: 12px;}
.commentext h4{font-size: 17px;font-weight: 500;}
.commentext h6{font-size: 14px;color: #999;margin: 3px 0px 5px;font-weight: 500;}
.popleleft h5 a{color: #373737; margin: 0px 25px 0px 0px; font-size: 14px; text-transform: capitalize;}
.popleleft h5 a i{width: 25px; height: 25px; background: #D999215C; display: inline-block; text-align: center; padding: 7px 0px; border-radius: 50%;
  font-size: 11px; color: #000; margin-right: 3px;}
.popleright h2{color: #7d7f91;margin: 0px 30px 0px 0px;font-size: 12px;}
.popleright ul{padding: 0px; margin: 0px;}
.popleright ul li{ list-style: none; display: inline-block;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;position: relative;
  margin-left: -15px;}
.popleright ul li img{ width: 100%; height: 100%; object-fit: cover;}
.conmentbox{ margin-top: 30px;position: relative;z-index: 9;}
.conmentbox form{ width: 100%;}
.fildarea{ position: relative;}
.fildarea .form-control::placeholder {color: #000000;font-size: 13px;font-weight: 300;}
.fildarea .form-control{height: 110px;padding: 10px 65px 10px 17px;resize: none;border-radius: 5px;}
.fildarea h5{color: #7d7f91;font-size: 14px;text-transform: capitalize;position: absolute;top: 13px;right: 15px;border: none;background: none;cursor: pointer;}
.fildarea .conmentbtn{color: #03aeee;font-size: 14px;text-transform: capitalize;position: absolute;top: 13px;right: 15px;border: none;background: none;cursor: pointer;}

.viewsection{ margin: 25px 0px;}
.viewsection .conmentbox h5 a{color: #38bef2; font-size: 13px;font-weight: 700;text-transform: capitalize;}
.comment-content .popleleft h5 a{font-size: 12px;}
.comments-container .comments-list li{display: none;}
.comments-container .comments-list li:first-child, .comments-container .comments-list li:nth-child(2), .comments-container.extra_comment .comments-list li, .comments-container .reply-list.extra_comment li{display: block;}
.comments-list {margin-top: 30px;position: relative;padding: 0px;}
.comments-list:before {content: '';width: 2px;height: 100%;background: #c7cacb;position: absolute;left: 28px;top: 0;}
.comments-list:after {content: '';position: absolute;background: #c7cacb;left: 27px;width: 7px;height: 7px;border: 3px solid #dee1e3;
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

.reply-list li:before {content: '';width: 60px;height: 2px;background: #c7cacb;position: absolute;top: 25px;left: -60px;}
.comments-list li {margin-bottom: 15px;display: block;position: relative;}
.comments-list li:after {content: '';display: block;clear: both;height: 0;width: 0;}
.reply-list {padding-left: 88px;clear: both;margin-top: 0px;padding-top: 20px;display: none;position: initial;}
.comments-list .comment-avatar {width: 65px;height: 60px;position: relative;z-index: 98;border-radius: 50%;overflow: hidden;}
.comments-list .comment-avatar img {width: 100%;height: 100%;object-fit: cover;}
.reply-list .comment-avatar {width: 50px;height: 50px;position: absolute;}
.comment-main-level:after {content: '';width: 0;height: 0;display: block;clear: both;}
 .comment-main-level{ display: flex;}
.comments-list .comment-box {margin-left: 15px;width: 100%;}
.comments-list .comment-box:before, .comments-list .comment-box:after {content: '';height: 0;width: 0;position: absolute;display: block;  border-width: 10px 12px 10px 0; border-style: solid;border-color: transparent #FCFCFC;top: 8px;left: -11px;}
.comments-list .comment-box:before {border-width: 11px 13px 11px 0;border-color: transparent rgba(0,0,0,0.05);left: -12px;}
.reply-list .comment-box {padding-left: 45px;}
.comment-box .comment-head {display: flex;align-items: center;overflow: hidden;}
.comment-box .comment-head i {float: right;margin-left: 14px; position: relative; top: 2px; color: #A6A6A6;cursor: pointer;-webkit-transition: color 0.3s ease;-o-transition: color 0.3s ease;  transition: color 0.3s ease;}
.comment-box .comment-head i:hover {color: #03658c;}
.comment-box .comment-name {color: #283035;font-size: 12px;font-weight: 700;float: left;margin-right: 10px;}
.comment-box .comment-name a {color: #212529;font-size: 14px;}
.comment-box .comment-head span {float: left;color: #999;font-size: 13px;position: relative;top: 1px;}
.comment-box .comment-content {font-size: 18px;}
.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #212529;/*font-size: 25px;*/}
.comment-box .comment-name.by-author:after {content: 'author'; background: #38bef2;color: #FFF;font-size: 12px;padding: 3px 5px;font-weight: 700;
margin-left: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.comment-box .comment-content p{ margin-bottom:10px;}

.comment-right{display: flex; position: absolute;right: 0px;justify-content: space-between; align-items: center;}

.repost .commentext{border: 0;padding: 0;}
.repost .commentext .commentin{border: 2px solid #ddd;padding: 15px;}

.summernote + .note-editor > .note-editable, .note-editable{
    min-height: 100px;
}

.cursor-pointer{cursor: pointer;}
.custom-popup .modal-content{border: 3px solid #51b6e1 !important;border-radius: 0px;}
.custom-popup .modal-content h4{color: #51b6e1;font-size: 22px;font-weight: 600;margin: 0 0 10px;font-family: 'Montserrat', sans-serif;}
.custom-popup .content{text-align: left !important;padding-bottom: 20px;}
.custom-popup .modal-content .modal-body{height: 400px;
  overflow: auto;}
.custom-popup .modal-footer{ justify-content: center;}
.custom-popup .btnTxt{border-radius: 0px;padding: 6px 20px;font-size: 15px;font-family: 'Montserrat', sans-serif;text-transform: capitalize;color: #fff;background-color: #6c757d;border-color: #6c757d;}
.user-lists li {list-style: none;border-bottom: 2px solid #ddd;padding: 12px;}
.custom-popup .btn-cross {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    color: #000000;
    padding: 0 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 1;
    line-height: 30px;
    border: 2px solid #000;
}
/************** Share **************/


/*----------------chat css---------------*/
#chatBoxes{position: fixed; right: 0; bottom: 0;z-index: 99;}
.chat-container {width: 400px;padding: 16px;background-color: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 10px;
    display: flex;flex-direction: column;flex: 1; height: calc(71vh - 32px);right: 0px;position: relative;bottom: 0px;z-index: 999;margin-left: 10px;float: right;}
    .header {background: #f5f8f5;padding: 10px;}
    .body {flex: 1;overflow: auto;display: flex;flex-direction: column;padding: 16px;}
    .user-details {display: flex;gap: 16px;align-items: center;}
    .user-details span {width: 60px;min-width: 60px;height: 60px;border-radius: 50%;overflow: hidden;}
    .user-details span img {max-width: 100%;height: auto;}
    .user-info {display: flex;flex-direction: column;}
    .user-info h5 {margin: 0;font-size: 15px;font-weight: 500;}
    .user-info p {margin: 0;font-size: 10px;font-weight: 400;}
    .chat-box {position: relative;margin: 10px 0;padding: 5px 10px;border-radius: 10px;background-color: #e0e0e0;width: fit-content;max-width: 80%;
    }
    .chat-box p, .chat-box p a {margin: 0;color: #f5f5f5;}
    .chat-box.sender {background-color: #38bef2;align-self: flex-end;word-break:break-word;}
    .chat-box.receiver {background-color: #137fff;align-self: flex-start;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
    .chat-box.sender::before {content: "";position: absolute;bottom: 1px;right: -15px;width: 15px;height: 20px;z-index: 9;border-radius: 0 0 0 20px;
    background: #fff;}
    .chat-box.sender::after {content: "";position: absolute;bottom: 0;right: -9px;width: 18px;height: 15px;background: #38bef2;}
    .chat-box.receiver::before {content: "";position: absolute;bottom: 0;left: -15px;width: 15px;height: 20px;z-index: 9;border-radius: 0 0 20px 0;
      background: #fff;}
    .chat-box.receiver::after {content: "";position: absolute;bottom: 0;left: -8px;width: 15px;height: 15px;background: #137fff;}
    .sender .status {justify-content: flex-end;}
    .status {display: flex;font-size: 9px;color: #fff;margin-top: 2px;}
    .input-container {display: flex;}
    .input-container input {flex: 1;padding: 10px;border: 1px solid #ddd;border-radius: 5px 0 0 5px;outline: none;color: #474747;font-size: 14px;font-weight: 300;}
    .input-container input::-moz-placeholder{ font-size: 13px;color: #474747;font-weight: 300;}
    .input-container button {padding: 10px 20px;border: none;border-radius: 0 5px 5px 0;background-color: #00adee;color: #ffffff;cursor: pointer;
    font-size: 1em;}
    .input-container button:hover {background-color: #00adee;}
    .chat-container .round{top: 75px;left: 70px;}
    .round{background: #ddd;}
    .round.offline{background: #00adee;}
    .round.online{background: #04c9a6;}
    .chat-container .chat_box_close{position: absolute;top: 0px;right: 0px;background: #00adee;border: none;padding: 10px;font-size: 17px;border-radius: 50%;
        display: flex; width: 25px;height: 25px;align-items: center; justify-content: center; color: #fff;text-shadow: none !important;opacity: 1;}

.chat-box .status i{margin: 2px 0 0 5px;color: #4eff79;}

    
.chat_body.loader::before{ position: relative;content: "\f3ec";font-weight: 400;font-family: 'Material-Design-Iconic-Font'; top:0px; left: 0px; right: 0px; margin: 0 auto; font-size: 25px; color: #38bef2; animation: spin 1s infinite linear;}

.spin {
    animation: spin 1s infinite linear;
  }
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
.chatForm textarea.form-control{height: 44px;border-radius: 5px 0px 0px 5px;min-height: 44px;}
.no_chatbox{padding: 45px; text-align: center; color: #03aeef;}

/*----------------chat css---------------*/


.chatboxarea{position: relative;right: 0px;top: 0px;border: 2px solid #ddd; background: #fff;}
.chatboxarea ul{padding: 0px;margin: 0px;
    overflow: auto;}
.chatboxarea ul li{list-style: none;border-bottom: 2px solid #ddd;}
.chatboxarea ul li a{display: block;padding: 12px;background: #fff;}
.chatboxshap{ position: relative;height: 55px;}
.chatboxicon{position: relative;width: 55px;height: 55px;border-radius: 50%;display: block;overflow: hidden;}
.chatboxicon img{width: 100%;height: 100%;object-fit: cover;}
.chatbox-body{margin-left: 10px;}
.chatbox-body h4{font-size: 14px;color: #000;font-weight: 500;line-height: 20px;}
.chatbox-body h5{font-size: 14px;color: #000;font-weight: 400;}
.chatbox-body h5 span{display: block;color: #03aeef;}
#chatBoxesin{position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9;
    width: 25%;}
.chatboxtext p{font-size: 12px;line-height: 17px;}
.chatcount{background: #56b3da; width: 25px; height: 25px; border-radius: 50%; overflow: hidden; margin: 0px 8px;font-size: 10px; display: flex; align-items: center;
    justify-content: center;color: #fff;}


div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer;
    background: rgb(20,91,106);
    background: linear-gradient(90deg, rgba(20,91,106,1) 0%, rgba(98,191,230,1) 0%, rgba(37,129,169,1) 100%);
      background-color: rgba(0, 0, 0, 0);
      background-image: linear-gradient(90deg, rgb(20, 91, 106) 0%, rgb(98, 191, 230) 0%, rgb(37, 129, 169) 100%);
    color: #ffffff;
  }


  div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-color: rgb(76, 168, 208) !important;}
    div:where(.swal2-icon).swal2-warning {
        border-color: #58b5dc;
        color: #5ab7de;
      }


.swal2-cancel{border-color: #58b5dc;
    color: #5ab7de; background: #fff !important;}     

.saved{ position: relative;}
.saved::after{ position: absolute; content: "\f08d"; font-weight: 400;font-family: FontAwesome; top: 5px;right: 5px;color: #03aeef;}
.like .fa-solid, .commentlike .fa-solid{color: red;}

.swal2-confirm{color: #ffffff !important;
    background: #51b6e1 !important;
    border-color: #51b6e1 !important;}
    .swal2-confirm:hover{color: #ffffff !important;
        background: #000 !important;
        border-color: #000 !important;}

.swal2-cancel{
        color: #fff !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important;
      }

      .swal2-cancel:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
      }

      .swal2-popup.swal2-modal.swal2-icon-warning.swal2-show {
        border: 3px solid #51b6e1 !important;
      }

#deleteModal .modal-content{border: 3px solid #51b6e1 !important;border-radius: 0px;}
#deleteModal .modal-content h4{color: #51b6e1;font-size: 22px;font-weight: 600;margin: 0 0 10px;font-family: 'Montserrat', sans-serif;}
#deleteModal .content{text-align: left !important;padding-bottom: 20px;}
#deleteModal .modal-footer{ justify-content: center;}
#deleteModal .btnTxt{border-radius: 0px;padding: 6px 20px;font-size: 15px;font-family: 'Montserrat', sans-serif;text-transform: capitalize;
    color: #fff;background-color: #6c757d;border-color: #6c757d;}
    #dataConfirmOK {color: #ffffff; background: #51b6e1;border-color: #51b6e1;border-radius: 0px;padding: 6px 20px;font-size: 15px;font-family: 'Montserrat', sans-serif;text-transform: capitalize;}

.recipients_height{height: 550px;
    overflow: auto;}    

.chatmessaging{display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;}    
.chatboxshap12{display: flex;
    align-items: center;
    position: relative;}
.chatboxicon12{position: relative;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: block;
    overflow: hidden;}    


.round12{width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 0px;
    position: absolute;
    left: 40px;
    background: #04c9a6;
    border: 2px solid #fff;}   
    
    
    .chatboxarea.active .messagingarrow{ position: relative;}
        
.chatboxarea.active .messagingarrow::after{position: absolute;
        content: "\f078";
        font-weight: 400;
        font-family: FontAwesome;
        font-size: 20px;
        color: #b2b2b2;
        top: -15px;
        right: 0px;}

.chatboxshap12 h4{font-size: 15px;
    text-transform: capitalize;
    margin-left: 10px;}    
.chatboxarea.chatboxarea ul{display: none;}
.chatboxarea.active.chatboxarea ul{ display: block;}
.chatboxarea .messagingarrow::after{position: absolute;
        content: "\f077";
        font-weight: 400;
        font-family: FontAwesome;
        font-size: 20px;
        color: #b2b2b2;
        top: 23px;
  right: 15px;cursor: pointer;}

.no_chatbox h5{font-size: 15px;}




.custom-popup .user-lists{padding-left: 0px;margin-bottom: 0px;}
.custom-popup .user-lists li{border-bottom: 0px solid #ddd;padding: 10px 0px;}
.custom-popup .chatboxicon{width: 40px;height: 40px;}
.custom-popup .chatboxshap{height: 40px;}
.custom-popup .chatbox-body h5{font-size: 15px;color: #000;font-weight: 600;}
.custom-popup .sub-title{border-top: 2px solid #000;border-bottom: 2px solid #000;padding: 7px 0px;font-size: 16px;}

.custom-popup .sub-title i{width: 25px;height: 25px;background: #c50000;border-radius: 50%;text-align: center;padding: 5px 4px;color: #fff;
  font-size: 16px;}
.custom-popup .chatboxtext p{font-size: 12px;
  line-height: 17px;
  font-weight: 500;}



.feedbox{border: 5px solid #ddd;
  text-align: center;
  padding: 25px 25px;
  border-radius: 25px;
  margin-bottom: 10px;}

.header_fix .feedbox{margin-top: 79px;}

.feedbox h4{font-size: 45px;
  font-weight: 600;
  color: #02b3f6;
  margin-bottom: 5px;}
.feedbox p{font-size: 16px;
  color: #000;
  font-weight: 400;}

.feedboxin{border: 5px solid #ddd;
  
  padding: 25px 20px;
  border-radius: 0px;}

  .feedboxin h3{font-size: 20px;
    font-weight: 600;
    color: #02b3f6;
    margin-bottom: 25px;}

    .feedboxin h6{font-size: 15px;
      font-weight: 400;
      color: #000;
      margin-bottom: 15px;
      line-height: 22px;}

#Shareleft{
    position: fixed;
    width: 24%; 
    /*height: 660px;*/ 
    height: 100%;
    overflow: auto;
    margin-top: 35px;
    padding-bottom: 10px;
}

div.toast-success {
    background-color: #02b3f6;
}


.faqareainner{display: flex;
  justify-content: center;
  margin-top: 10px;}

.faqabox{border: 5px solid #ddd;
  padding: 15px 6px;
  border-radius: 0px;
  text-align: center;
  margin-right: 8px;}

.faqabox p{margin-bottom: 10px;
  font-size: 13px;}

.faqabox .postbtn{padding: 8px 13px;font-size: 10px;}
.faqabox .postbtn:hover{ color: #fff;}
.faqabox1{ margin-right: 10px;}


.add_section_area .modal-dialog {
  max-width: 553px;
}


.modal-content {
  border: 3px solid #51b6e1 !important;
}
.add_section_area .close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 22px;
  color: #000000;
  padding: 0 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  z-index: 1;
  line-height: 24px;
  border: 1px solid #000;
  opacity: 1;
}
.add_section_area .modal-title{
  color: #51b6e1;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px;
  font-family: 'Montserrat', sans-serif;
}

.add_section_area .form-select{width: 100%;
  background: #fff;
  border: 2px solid #000;
  height: 45px;
  padding: 10px;}
 .add_section_area label{/*display: block;*/}


 .add_section_area textarea.form-control {
  height: 126px;
  border-radius: 0px;
  resize: none;
  border: 2px solid #000;
  padding: 6px;
  font-size: 13px;
}
.modal-header{border-bottom: 0px solid #e9ecef;padding: 15px 20px 0px;}
.add_section_area .btn-secondary {
  border-radius: 0px;
  padding: 6px 20px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  text-transform: capitalize;
  color: #fff; margin-right: 10px;
  background-color: #6c757d;
  border-color: #6c757d;
}
.add_section_area .btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.add_section_area .btn-primary {
  border-radius: 0px;
  padding: 6px 20px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  text-transform: capitalize;
  color: #ffffff;
  background: #51b6e1;
  border-color: #51b6e1;
}
.add_section_area .btn-primary:hover {
  color: #fff;
  background: #000 !important;
  border-color: #000;
}

.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  word-wrap: break-word;
  word-break: break-word;
}
.note-editor.note-airframe, .note-editor.note-frame {
  border: 1px solid rgba(0, 0, 0, .2);
  word-break: break-word;
}

.note-editable {
  word-break: break-word;
}

.note-editor .modal-header{display: block;}