.cun_success{
	color: #008040;
}

.cun_error{
	color: #FF0000;
}

#cun_mini_popup_wrapper{
	display: none;
	position: fixed;
	top: auto;
	left: auto;
	right: 15px;
	bottom: 5%;
  width: 25vw;
	z-index: 9999;
	background-color: #FFF;
	border: 1px solid #202b4c;
	border-radius: 5px;
}

.page-template-user_notes_shortcode_template #cun_mini_popup_wrapper{
	width: 65vw;
}

#cun_mini_popup_wrapper #cun-header{
	position: absolute;
  right: 15px;
  top: 10px;
  color: #FFF;
  cursor: pointer;
}

#cun_mini_popup_wrapper #cun-title{
	background-color: #202b4c;
  padding: 10px;
  font-weight: bold;
  color: #FFF;
}

#cun_mini_popup_wrapper .mce-toolbar .mce-btn button{
	background-color: transparent !important;
	color: #595959 !important;
}

#cun_mini_popup_wrapper .mce-toolbar .mce-btn[aria-label="Fullscreen"] button{
	display: none !important;
}

#cun_mini_popup_wrapper .mce-toolbar .mce-btn #mceu_57-button{
	display: none !important;
}

#cun_mini_popup_wrapper #cun-body{
	position: relative;
	padding: 10px;
	float: left;
}

.page-template-user_notes_shortcode_template #cun_mini_popup_wrapper #cun-body{
	width: 100%;
}

#cun_mini_popup_wrapper #cun-body #cun_post_title{
	padding: 0px 10px;
  height: 48px;
  line-height: 48px;
}

#cun_mini_popup_wrapper #cun-body .cun-form-item{
	position: relative;
  float: left;
  width: 100%;
	display: block;
	margin-bottom: 10px;
}

#cun_mini_popup_wrapper #cun-body .cun-form-item:last-child{
	margin-bottom: 0;
}

#cun_mini_popup_wrapper #cun-body .mce-statusbar{
	display: none !important;
}

#cun_mini_popup_wrapper #cun-body #wp-cun_content_editor-wrap{
	border: 1px solid #dcdcde;
	border-bottom-width: 2px;
}

#cun_mini_popup_wrapper #cun-body .wp-editor-container{
	border: 0;
}

#cun_mini_popup_wrapper #cun-footer{
	position: relative;
	padding: 10px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#user_note_is_private_modal_box #cun-private-note-footer #cun_private_note_btn,
#user_note_is_private_modal_box #cun-private-note-footer #cun_private_no_btn,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_note_btn,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_no_btn,
#user_note_delete_modal_box #cun-delete-note-footer #cun_delete_note_btn,
#user_note_delete_modal_box #cun-delete-note-footer #cun_cancel_delete_btn,
#cun_mini_popup_wrapper #cun-footer #cun_update_note_btn,
#cun_mini_popup_wrapper #cun-footer #cun_submit_note_btn{
	padding: 5px 25px !important;
}

#user_note_is_private_modal_box #cun-private-note-footer #cun_private_note_btn:hover,
#user_note_is_private_modal_box #cun-private-note-footer #cun_private_note_btn:focus,
#user_note_is_private_modal_box #cun-private-note-footer #cun_private_note_btn:active,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_note_btn:hover,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_note_btn:focus,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_note_btn:active,
#user_note_delete_modal_box #cun-delete-note-footer #cun_delete_note_btn:hover,
#user_note_delete_modal_box #cun-delete-note-footer #cun_delete_note_btn:focus,
#user_note_delete_modal_box #cun-delete-note-footer #cun_delete_note_btn:active,
#cun_mini_popup_wrapper #cun-footer #cun_update_note_btn:hover,
#cun_mini_popup_wrapper #cun-footer #cun_update_note_btn:focus,
#cun_mini_popup_wrapper #cun-footer #cun_update_note_btn:active,
#cun_mini_popup_wrapper #cun-footer #cun_submit_note_btn:hover,
#cun_mini_popup_wrapper #cun-footer #cun_submit_note_btn:focus,
#cun_mini_popup_wrapper #cun-footer #cun_submit_note_btn:active{
	background-color: #202b4c;
}

#user_note_is_private_modal_box #cun-private-note-footer #cun_private_no_btn,
#user_note_is_private_modal_box #cun-private-note-footer #cun_private_no_btn:hover,
#user_note_is_private_modal_box #cun-private-note-footer cun_private_no_btn,
#user_note_is_private_modal_box #cun-private-note-footer #cun_private_no_btn:active,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_no_btn,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_no_btn:hover,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_no_btn:focus,
#user_note_is_public_modal_box #cun-public-note-footer #cun_public_no_btn:active,
#user_note_delete_modal_box #cun-delete-note-footer #cun_cancel_delete_btn,
#user_note_delete_modal_box #cun-delete-note-footer #cun_cancel_delete_btn:hover,
#user_note_delete_modal_box #cun-delete-note-footer #cun_cancel_delete_btn:focus,
#user_note_delete_modal_box #cun-delete-note-footer #cun_cancel_delete_btn:active{
	color: #202b4c !important;
  background-color: #FFF;
  border: 1px solid #202b4c;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-left: 10px;
}

#cun_mini_popup_wrapper #cun-footer #cun_update_note_btn .fa-spinner,
#cun_mini_popup_wrapper #cun-footer #cun_submit_note_btn .fa-spinner{
	display: none;
}

#cun_mini_popup_wrapper #cun_message_wrapper{
	padding-left: 10px;
}

#cun_mini_popup_wrapper .cun_note_tag{
	float: left;
	margin-right: 10px;
	display: inline-block;
	width: 30%;
	padding: 0 10px;
}

#cun_mini_popup_wrapper .cun_note_tag:last-child{
	margin-right: 0;
}

#show_note_modal_box #modal_note_content_wrapper{
	color: #202b4c;
}

#show_note_modal_box .modal-tags-wrapper{
	margin: 0 -1rem 0 auto;
}

#show_note_modal_box .modal-tags-wrapper .cun-tag-item{
	padding: 5px 10px;
	color: #FFF;
	background-color: #202b4c;
	margin-right: 10px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}

#show_note_modal_box #modal_note_content_wrapper .modal_note_content{
	float: left:
	width: 100%;
	margin-top: 20px;
}

#show_note_modal_box #modal_note_content_wrapper .modal_note_content p{
	margin-bottom: 0;
}

@media screen and (max-width: 690px){
	
	.page-template-user_notes_shortcode_template #cun_mini_popup_wrapper,
	#cun_mini_popup_wrapper{
		width: 90vw;
	}
	
}

@media screen and (min-width: 691px) and (max-width: 990px){
	
	.page-template-user_notes_shortcode_template #cun_mini_popup_wrapper,
	#cun_mini_popup_wrapper{
		width: 60vw;
	}
	
}