/** 
* jPowerTools
* 
* @author : Lab5 - Dennis Riegelsberger
* @authorUrl : https://lab5.ch
* @copyright : Copyright (C) 2015+  Lab5 - Dennis Riegelsberger. All rights reserved.
* @license : GNU/GPL General Public License version 2 or later
* @project : https://lab5.ch/jpowertools
* @on JED : https://extensions.joomla.org/extensions/extension/site-management/lab5-jpowertools/
* 
* Built with <3 
* Lab5
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */  

 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
THE POPUP / MODAL
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

					
					/* * * * * * * * * * * *
					OUTER FORM
					* * * * * * * * * * * */
								
								
								/* * * * * * *
								STYLING ONLY
								* * * * * * */
								
								.cooco_popup_wrapper div.popup_content ,
								.cooco_popup_wrapper div.modal .modal-dialog {

													box-sizing: border-box;
													background-color: #ffffff;
													border: 1px solid rgba(0, 0, 0, 0.3);
													box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
													background-clip: padding-box;
													outline: none;
													border-radius: 6px;
								}
								
								/* * * * * * *
								FUNCTION ONLY
								* * * * * * */
					
								.cooco_popup_wrapper div.popup_content ,
								.cooco_popup_wrapper div.modal {
					
													left: initial;
													right: initial; 
													bottom: initial;
													margin:auto;
													max-width:none;
													position: fixed; 
													width: 66vw;
								}
								.cooco_popup_wrapper div.popup_content > form > div  ,
								.cooco_popup_wrapper div.modal > div  {
					
								
																		box-sizing: border-box;
																		width:100%;
																		margin:0 auto;
																		
								}
								
								@media (max-width: 979px) {

										.cooco_popup_wrapper div.popup_content ,
										.cooco_popup_wrapper div.modal {
							
															width: 80vw;
										}
								}
								
								@media (max-width: 767px) {

										.cooco_popup_wrapper div.popup_content ,
										.cooco_popup_wrapper div.modal {
							
															width: 88vw;
										}
								}
								
								@media (max-width: 560px) {

										.cooco_popup_wrapper div.popup_content ,
										.cooco_popup_wrapper div.modal {
							
															width: 100%;
															left:0;
															margin:0;
										}
								}
								
					/* * * * * * * * * * * *
					FORM ELEMENT
					* * * * * * * * * * * */

							.cooco_popup_wrapper form {
									margin-bottom: 0;
							}


					/* * * * * * * * * * * *
					TABLE ELEMENT
					* * * * * * * * * * * */

							.cooco_popup_wrapper table {
									margin-bottom: 0;
							}

					/* * * * * * * * * * * *
					BUTTONS - EMBEDDED FORM VARIANT
					* * * * * * * * * * * */
					
							 .cooco_embed_wrapper .embed-footer {
										
									text-align:right;
							}


					/* * * * * * * * * * * *
					ALERT
					* * * * * * * * * * * */

							 .cooco_popup_wrapper .alert {
										
									padding:0.33em;
									margin-top: 0.33em;
									margin-bottom: 0.33em;
							}