/**
 *
 * Custom Notes CSS
 *
 **/

@import url('//fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');

.cn-visiblity{display: none;}
.note-toggle, 
.cn-note-toggle{display: inline; width: auto; padding: 6px 10px; cursor: pointer; font-size:16px;}
.cn_article { margin-bottom: 30px;}
.cn_article .note-toggle,
.cn_article .cn-note-toggle,
.cn_article .cn-control textarea,
.cn_article .thickbox {font-family: 'Poppins', sans-serif; }
.cn_article .my-thickbox {font-family: 'Poppins', sans-serif; }
.cn_article .note-toggle,
.cn_article .cn-note-toggle,
.cn_article .note-toggle:before, 
.cn_article .cn-note-toggle:before {color: #6aab43;}
.cn_article .thickbox {background-color: #6aab43;}
.cn_article .my-thickbox {background-color: #6aab43;}
.cn_article .note-message blockquote { border-left-color: #6aab43;}
.cn_article .note-message blockquote {margin-bottom: 10px;}
.cn_article .note-message blockquote p {font-weight: 700; color: #2c683f;}
.cn_article .note-toggle:before,
.cn_article .cn-note-toggle:before { content: "\f196"; font-family: 'FontAwesome'; display: inline-block; vertical-align: top; color: #6aab43; font-size: 16px; width: 15px; height: 15px; /* background-image: url(../imgs/plus-ic.png); */}
.cn_article .note-toggle.open:before,
.cn_article .cn-note-toggle.open:before { content: "\f147"; font-family: 'FontAwesome'; /* background-image: url(../imgs/minus-ic.png); */}
.cn_article .note-toggle, .cn-note-toggle {font-weight: 600; padding-left: 0px; padding-top: 0px; text-transform: uppercase;}
.cn_article .cn-control textarea {border: 1px #ccc solid; background-color: transparent; padding-left: 20px; padding-top: 12px; height: 137px !important; margin-top: 3px; overflow: hidden; overflow-wrap: break-word; resize: horizontal; font-weight: 300; font-weight: 16px;}
.cn_article .cn-control textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc;}
.cn_article .cn-control textarea::-moz-placeholder { /* Firefox 19+ */ color: #ccc; opacity: 1;}
.cn_article .cn-control textarea:-ms-input-placeholder { /* IE 10+ */ color: #ccc;}
.cn_article .cn-control textarea:-moz-placeholder { /* Firefox 18- */ color: #ccc;}
.cn_article .thickbox { height: 55px; font-size: 20px; min-width: 246px; padding: 0px; margin: 0px; line-height: 55px; border-radius: 5px; font-weight: 600;}
.cn_article .my-thickbox { height: 55px; font-size: 20px; min-width: 246px; padding: 0px; margin: 0px; line-height: 55px; border-radius: 5px; font-weight: 600;}



/* popup start */
#TB_ajaxContent {margin: auto;}
#TB_closeWindowButton {right: 32px; top: 32px; }
#TB_closeWindowButton,
.thickbox-loading .tb-close-icon {box-shadow: none; outline: inherit; width: 21px; height: 21px; box-shadow: none !important;}
.thickbox-loading .tb-close-icon:before { content: "\f00d"; color:#bbbbbb; font-family: 'FontAwesome'; /*content: ""; background-image: url(../imgs/close.png);*/ width: 21px; height: 21px; display: block;}


.cn_note_popup {width: 250px; margin: 54px auto 0px auto; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.42857143; color: #666;}
.cn_note_popup button,
.cn_note_popup input,
.cn_note_popup select,
.cn_note_popup textarea,
.cn_note_popup h4 {font-family: 'Poppins', sans-serif;}


.cn_note_popup i {font-style: normal; font-size: 14px; font-weight: normal;}
.cn_note_popup .btn.has-secondary-icon {padding: 0px 12px; height: 42px; line-height: 42px; text-decoration: none!important; display: block; width: 100%; box-shadow: none;  color: #78ba4a; text-align: center; font-size: 14px; background: transparent; border: 1px solid #dbedcf; border-right-color: #dfefd4; border-left-color: #dfefd4; margin: 0px auto; position: relative; cursor: pointer; letter-spacing: 0.15px;}
.cn_note_popup .btn.has-icon .icon {opacity: .5; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 1.5em;}


.cn_note_popup .icon-envelope:before,
.cn_note_popup .icon-evernote:before {display: block; margin: auto; content: ""; width: 49px; height: 33px;}

.cn_note_popup .fa-envelope:before { color:#78ba4a; font-size:38px;}
.cn_note_popup .fa-evernote:before { color:#78ba4a; font-size:40px;}

.cn_note_popup .btn.btn-radio .icon-envelope:before,
.cn_note_popup .btn.btn-radio .icon-evernote:before {background-repeat: no-repeat; background-size: auto; background-position: left center;}
.cn_note_popup .btn.btn-radio .icon-evernote:before,
.cn_note_popup .btn.btn-radio .icon-envelope:before { position: relative; left: -2px;}
.cn_note_popup .form-group.has-error .form-control:first-child {border-color: transparent; border-left: 4px solid #eb0045;}
.cn_note_popup .form-control {width: 100%; height: 42px; padding: 0px 12px; background-color: #fff; background-image: none; border: 1px solid #bbbbbb; border-right-color: #c3c3c3; border-left-color: #c3c3c3; font-size: 14px; line-height: 42px; color: rgba(0,0,0,0.5); border-radius: 0px; text-align: center; letter-spacing: 0.1px; font-weight: 400;}

.cn_note_popup .btn.btn-radio {background: transparent; padding: 11px 0px 18px 0px; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 4px transparent solid;}
.cn_note_popup .text-center {text-align: center;}
.cn_note_popup h4 {font-size: 20px; font-weight: 600; line-height: 1.1; color: #000000; letter-spacing: 0.35px; margin-bottom: 5px;}
.cn_note_popup small {text-align: center; display: block; font-size: 18px; font-weight: 500; line-height: 1.1; padding: 12px 0px; text-transform: uppercase;}
.cn_note_popup .btn-group-justified {display: table; width: 78%; table-layout: fixed; border-collapse: separate; vertical-align: middle;        position: relative; margin-left: auto; margin-right: auto;}
.cn_note_popup .btn { color: #666;}
.cn_note_popup .btn-group-justified>.btn,
.cn_note_popup .btn-group-justified>.btn-group {display: table-cell; float: none; width: 1%;}
.cn_note_popup .btn-group-vertical>.btn,
.cn_note_popup .btn-group>.btn {position: relative; float: left;}
.cn_note_popup .btn.btn-radio.active {color: #78ba4a; border-bottom-color: #78ba4a;}
.cn_note_popup .btn-group-justified .btn.btn-radio {display: block; width: 82px; border-radius: 0px; margin: -30px auto 0px auto; float: none;}
.cn_note_popup .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.cn_note_popup .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.cn_note_popup .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.cn_note_popup .btn.active,
.cn_note_popup .btn:active {background-image: none; outline: 0;}
.cn_note_popup .select-note {text-align: center; margin-top: 19px;}

.cn_note_popup .select-note .redio-note {display: inline-block; position: relative; padding-right: 24px; margin-bottom: 10px; cursor: pointer;
    font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: 0.3px;
    color: #000; margin-right: 5px; margin-left: 5px;}
.cn_note_popup .select-note .redio-note input {position: absolute; opacity: 0; cursor: pointer;}
.cn_note_popup .select-note .redio-note .checkmark {position: absolute; top: 4px; right: 0; height: 14px; width: 14px; background-color: #fff;
  border-radius: 50%; border:1px #ababab solid;}
.cn_note_popup .select-note .redio-note:hover input ~ .checkmark {background-color: #fff;}
.cn_note_popup .select-note .redio-note input:checked ~ .checkmark {background-color: #fff;}
.cn_note_popup .select-note .redio-note .checkmark:after {content: "";  position: absolute;  display: none;}
.cn_note_popup .select-note .redio-note input:checked ~ .checkmark:after {display: block;}
.cn_note_popup .select-note .redio-note .checkmark:after {top: 2px; right: 2px; width: 8px; height: 8px; border-radius: 50%; background: #78ba4a;
}
.cn_note_popup .btn.has-secondary-icon.send-button,
.cn_note_popup .btn.has-secondary-icon.send-button-global,
.cn_note_popup .btn.has-secondary-icon.send-button-evr,
.cn_note_popup .btn.has-secondary-icon.send-button-evr-global
{ height: 29px; line-height: 29px; background-color: #78ba4a; font-size: 14px; font-weight: 600; color: #fff; padding: 0px 17px; display: inline-block; border: 0px; width: auto;}
.cn_note_popup .cn-error-display {background-color: transparent !important; border-color: transparent !important; text-align: center; font-size: 20px; color: #78ba4a; font-weight: 600; letter-spacing: 0.3px;} 

.cn-error-display, .cn-error-pop {margin-top: 22px;}
.tb-close-icon {top: 15px; right: -15px;}

/* Mobile portrait */
@media only screen and (max-width: 479px) {
    #TB_window { left: 15px !important; right: 15px; margin-left: auto !important; margin-right: auto !important; width: auto !important;}
    #TB_ajaxContent {width: auto !important;}
    
}
/* End of max 479px */

/* popup end */

/* Error Message */
.cn-error-display, .cn-error-pop{ display: none; color: #fff; background-color: #eb0045; border-color: #eb0045; padding: 12px 12px; }
.cn-save-button{ text-align:right ;padding:20px 0 0px 0;} 
.save-this{ background-color: #6aab43 !important; padding: 10px 20px !important; }
.cn-text-notes{ overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 80px; }

.msg-success{ margin: 5px 0; padding: 0 0 0 5px; background-color: green; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 17px; border-radius: 2px; }