/* ===================================
* Name          : Popup Creator
* Modified Date : 27 June 2019
* File 			: alphaconnect-style.css
*  =================================== */


#wpwrap {
	overflow: hidden;
	margin-right: 1px;
}
.toplevel_page_popupcreator,
.popup-creator_page_popup_create,
.popup-creator_page_settings_popup,
.popup-creator_page_subscribers_user,
.popup-creator_page_contactdetails,
.popup-creator_page_popup_edit{
	background-color: #ded8de !important;
	font-size : 0.7rem !important
}
.table thead tr{
	text-align: center !important;
}
.table tbody tr{
	text-align: center !important;
}
.table td, .table th {
    padding: 0.50rem !important;
}
#alp-general .postbox-container,
#features .postbox-container,
#dimentions .postbox-container,
#options .postbox-container,
#special-options .postbox-container
/* #pro-options .postbox-container */
 {
	width: 100%;
}
.lineheight{
	margin-top: 10px!important;
	padding-left: 0px !important;
	float: left !important;

}
.wp-menu-name,
.wp-menu-image{
	color: #000 !important;
}
#mceu_33{
	display: none !important;
}
.sgpb-hide{
	display: none !important;
}
.sgpb-insert-media-button-js{
	display: none !important;
}
#sgpb-hidden-media-popup{
	display: none !important;
}
.sgpb-main-rate-us-banner-wrapper{
	display: none !important;
}
.sgpb-wrapper .sgpb-banner-wrapper{
	display: none !important;
}
.sgpb-dont-show-again{
	display: none !important;
}
body.single.single-post .mce-toolbar .mce-ico {
	width: 19px !important;
}
#wp-alp_contactForm-wrap{
	display: none !important;	
}
.sg-info-panel-wrapper{
	display: none !important;	
}
#welcome-panel{
	display: none !important;
}
.popup_theme_name{
    margin: 5px !important;
}
/* contactform */
/* #namefiled{
	width: 100%;
} */
/* #welcome-panel{
	display: none;
} */
.info{
width:21px; 
height:21px; 
cursor: pointer;
}
.pro-options {
	clear: both;
	/* width: 516px; */
	width: 100%;
	height: 559px;
	background-image: url("../img/popupprofeatures.png");
	background-repeat: no-repeat; 	
	cursor: pointer;
}
.alp-settings-wrapper{
	width: 50% !important;
    float: left;
}
.card{
	min-width: 100% !important;
}

@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif?e44397') 50% 50% no-repeat rgb(249,249,249);
	/* background-image: url("../img/805.gif"); */
	/* background-repeat: no-repeat; */
}

/* ContactForm */
#cfirstname,
#clastname,
#cmail,#cmsg,#csub,#cmbl,#cadds{
	display: none;
}
/* .large-text-code{
	width: 90% !important;
	padding: 6px;
} */
.numberoftimes{
	height: 2% !important;
    width: 80px !important;
}
.widefat thead th{
	line-height: 2.4 !important;
	font-weight: 700 !important;
}
.widefat td {
	vertical-align:baseline !important;
	font-size:15px !important;
}

.hide-element {
	display: none !important;
}
.btn-default{
	background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
dd, li{
	    margin-bottom: 0px !important;	
}
.multiselect-container>li{
	margin: 2px !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: #9e9797 !important; 
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn {
    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;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
	cursor: pointer;
	color: #fff !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
	border-radius: 4px;
}
 a{
	text-decoration: none !important;
	
}
a:hover.Delete_Color,
.Delete_Color {
	color: red;
}
a:hover.Edit_Color,
.Edit_Color{
	color:#b6b825;
}


/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Pro Features */
.popup-date-range{
	width: 30% !important;
}
.column-name{
	font-weight: 500 !important;
	padding: 1% !important;
	font-size: 15px!important;
	text-align: center !important;
}
.column-value{	
	font-size: 16px!important;
	text-align: center !important;
}

.before-scroling-percent{
	width: 50px	!important;
}
.popup-delay{
	width: 60px	!important;
	border: 1px solid #ddd !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07) !important;
    background-color: #fff !important;
    color: #32373c !important;
	outline: 0!important;
	border-radius: 3px;
    transition: 50ms border-color ease-in-out;}

.headersWrapper h2 {
	padding-top: 0px;
}

#alp-insert-popup-id {
	max-width: 250px;
}

h3.hndle .ui-sortable-handle .generalTitle {
	cursor: pointer;
}

.title-max-width {
	max-width: 200px;
}
.create-popup-link {
	cursor: pointer;
}

.hedlinePadding {
	padding: 18px 0px;
}

.sameImageStyle,
.same-image-style {
	color: #3879D9;
	padding-top: 7px;
}

.improveOptionsstyle {
	margin-left: 0px;
}
.radiobuttons{
	line-height: 3;
	/* margin-right: 5%; */
	color: #000000 !important;
	font-size: 13px !important;
}
.open>.dropdown-menu{
	height: 100px !important;
    overflow-y: scroll !important;
}
.leftalignment{
	margin-right: 20px !important;
}
.advanced-options-content .same-image-style {
	margin-left: 3%;
}

#displayNone {
	display: none;
}

div.alp-hide {
	display: none;
}

#default-message {
	margin-left: 0px;
	margin-right: 36px;
}

#title-error-message {
	margin-left: 0px;
	margin-right: 36px;
}

.samefontStyle {
	color: #3879D9;
	font: 14px Arial;
	padding-left: 3px;
	width: 200px;
	position: fixed;
	border: 1px solid #ccc;
	position: absolute;
	min-width: 20px;
	min-height: 13px;
	display: none;
	margin-top: 7px;
	margin-left: 12px;
	box-shadow: 0px 0px 2px #ccc;
	padding: 5px;
	z-index: 99999999999999999999999999;
	background-color: white;
}

.errorInfo {
	display: none;
	margin-left: 11px;
}

.validateError {
	color: red;
	display: none;
	margin-left: 8px;
	position: absolute;
	padding-left: 3px;
	border: 1px solid #ccc;
	min-width: 20px;
	min-height: 13px;
	margin-top: 7px;
	margin-left: 12px;
	box-shadow: 0px 0px 2px #ccc;
	padding: 5px;
	z-index: 9999;
	background-color: white;
}

.input-width-static {
	width: 25%;
	min-width: 165px;
	height: 32px !important;
}

.liquid-width {
	font: 18px "Open Sans", sans-serif;
	color: black;
}

.liquid-width + span {
	color: #3879D9;
	font: 14px Arial;
	padding-left: 12px;
}

.h2Background {
	background-color: #FAFAFA;
	display: inline-block;
	height: 50px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.h2Background h2 {
	margin: 18px;
	display: inline-block;
}

.rightArrow {
	transform: rotate(0deg);
}

.turnArrow {
	transform: rotate(-180deg);
}

.dimensionsContent,
.generalContent,
.featuresContent,
.optionsContent,
.advanced-options-content {
	padding: 10px 20px;
}

.clear {
	clear: both;
}

.headers-wrapper {
	width: 100%;
	position: relative;
}
.bannner_img{
	width: 100%;
	height: 200px;
}
.main-update-to-pro {
	position: absolute;
	right: 0px;
	top: 0px;
	top: 0px;
	background-color: #D54E21;
	border: 1px solid #D54E21;
	color: white;
	cursor: pointer;
}

/* .crud-to-pro {
    float: right;
    background-color: #D54E21;
    border: 1px solid #000000;
    color: white;
    cursor: pointer;    
	border-radius: 5px;
	margin: 1px;
    padding: 6px 6px;
} */

.btn-danger{
	float: right;
    margin-right: 13px;
}

.alp-js-delete-link {
	margin-left: 10px;
}

#alp-save-button {
	float: right;
	margin-right: 30px;
}


#alp-preview {
	float: right;
	margin-right: 10px;
}

.improve-icon {
	padding-right: 2px;
	padding-top: 3px;
}

.creteLinkWrapper {
	display: inline-block;
	margin-bottom: 17px;
	margin-top: 10px;
	background-color: #E0E0E0;
}

.tablenav-pages {
	margin: 1em 0;
}

.creteLinkWrapper a {
	display: block;
	padding: 6px;
}

#disine tr:nth-child(even) {
	background-color: #F9F9F9;
}

.previewParagaraph {
	display: inline-block;
}

span.phpErrorStyle {
	display: inline-block;
	margin-left: 5px;
	font: 18px Arial Sans-serif;
	color: red;
}

#successMessage {
	width: 97%;
	height: 37px;
	border-left: 5px solid #7AD03A;
	background-color: #FFFFFF;
}

#gifLoader {
	margin-left: 5px;
}

.popups-wrapper {
	margin: 26px 0px 0px 0px;
}

.popups-div {
	width: 300px;
	height: 250px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 50px;	
	margin-bottom: 10px;
	background-color: #DEDEDE;
	background-size: 100%;
	transition: all .1s ease-in-out;
}

.popups-div:hover {
	background-color: #CDCDCD;
	transform: scale(1.05);
}

.img_container {
    /* position: relative; */
    /* width: 250px; */
    height :255px;
    background-color: #a5e8a5;
  }
  .image {
    top: 8%;
    height: 80%;
    position: relative;
    margin: 0 auto;
    width:80%;
  }
  .overlay {
    position: absolute;
    bottom: 100%;
    /* left: 0; */
	/* right: 0; */
	width:92%;
    background-color: #712f2f;
    overflow: hidden;
    height:0;
	transition: .5s ease;
	cursor: pointer;
  }
  
  .img_container:hover .overlay {
    bottom: 0;
    height: 100%;
    /* width:82%; */
  }
  
  .image_text {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }


.html-popup {
	background-image: url("../img/html.png");
	background-repeat: no-repeat;
	background-size: 260px 223px;
	padding: 50px;
}

.image-popup {
	background-image: url("../img/contact.png");
	background-repeat: no-repeat;
    background-size: 260px 223px;
}

.generalMenu {
	width: 98%;
	height: 39px;
}

.contentType {
	margin: 10px auto;
}

.optionsH1 {
	font: 16px Arial,sans-serif;
	text-align: center;
}

.alpOptionsContent {
	width: 48%;
	margin: 0 auto;
	display: block;
}

.optinonsInput {
	width: 100%;
}

.alp-wp-editor-container {
	margin: 15px 0 0 0;
}

.contentTypeMain {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 94.1%;
	min-height: 262px;
	padding-right: 20px;
	padding-bottom: 30px;
	margin-bottom: 26px;
}

.generalMenu > ul li {
	display: block;
	font: 14px Arial;
	color: black;
	float: left;
	width: 49.5%;
	display: block;
	padding: 11px 0px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;

}

.imagetype {
	padding-bottom: 5px;
	min-height: 140px;
}

.tabWrapper {
	background-color: #F1F1F1;
	margin-top: 12px;
}

input[id="js-upload-image-button"] {
	width: 37%;
}

#js-upload-image {
	width: 61%;
}

.image-uploader-wrapper {
	margin: 0 auto;
	width: 82%;
}

.show-image-contenier {
	width: 222px;
	height: 127px;
	background-color: #F8F8F8;
	margin: 14px auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.no-image {
	display: block;
	font: 13px Arial;
	margin: 0 auto;
	text-align: center;
	padding-top: 56px;
}

.image-popup-headline {
	margin-top: 27px;
	margin-bottom: 41px;
	text-align: center;
	font: 16px arial;
}

.choose-popup-type {
	margin-top: -3px;
	margin-left: 20px;
	width: 20%;
	max-width: 250px;
}

frametype h1 {
	text-align: center;
	padding-bottom: 34px;
	font: 16px arial;
}

.iframeContent {
	width: 48%;
	margin: 28px auto;
}

[name=iframeLink],
[name=shortCode] {
	width: 100%;
}

.theme1,
.theme2,
.theme3,
.theme4,
.theme5 {
	border: 0px solid red;
	width: 240px;
	height: 130px;
	margin-top: 1px;
	margin-left: 15%;
	display: block;
	position: absolute;
	z-index: 9999999999999999;
}

input[name="theme"] {
	margin-left: 14px;
}

.theme1 {
	background-image: url("../img/theme1.jpg");
	background-size: 240px 130px;
}

.theme2 {
	background-image: url("../img/theme2.jpg");
}

.theme3 {
	background-image: url("../img/theme3.jpg");
}

.theme4 {
	background-image: url("../img/theme4.jpg");
	background-size: 240px 130px;
}

.theme5 {
	background-image: url("../img/theme5.jpg");
	background-size: 240px 130px;
}

.js-preview-effect {
	background-image: url("../img/preview-eye.png");
	width: 30px;
	height: 30px;
	position: relative;
	top: 12px;
	left: -10px;
	display: inline-block;
	cursor: pointer;
}

/* .effects {
	margin-top: 14px;
	background-color: white;
	margin-left: 3px;
}

.effects span img {
	margin-left: 3px;
}

.effectsContent {
	padding-left: 20px;

}

.effectsContent .input-width-static {
	margin-right: 5%;
} */

.theme input {
	margin-top: 13px;
}

#theme-span {
	margin-top: 32px;
}

#theme-span.liquid-width {
	margin-top: 10px;
}

/* .effects span {
	margin-top: 13px;
}

.effects select {
	margin-bottom: 10px;
} */

.crud-wrapper .liquid-width {
	display: inline-block;
	margin: 8px auto;
	width: 151px;
}

.crud-wrapper .general .liquid-width {
	display: inline-block;
	margin: 8px auto;
	width: 62px;
}

.sameWidthinputsTitle {
	width: 60.0%;
}

#theme-span {
	width: 184px;
	margin-top: 0px;
}

#sameWidthinputs {
	width: 44%;
	min-width: 165px;
}

/* #effectShow {
	display: none;
	width: 150px;
	height: 150px;
	margin-left: 5px;
	background-image: url("../img/theme4.jpg");
	background-size: 150px 150px;
	position: absolute;
	top: -46px;
	left: 72%;
	z-index: 9999;
}

.effectWrapper {
	position: relative;
	display: inline-block;
} */

.dimensions {
	width: 100%;
	background-color: white;
	margin-right: 2.1%;
	box-sizing: border-box;
}

.options {
	margin-top: 13px;
}

.optionsContent .liquid-width,
.advanced-options-content .liquid-width,
.special-options-content .liquid-width,
.featuresContent .liquid-width 
{
	width: 45%;
}
.liquid-width-radio{
	width: 100%;
	font: 13px "Open Sans", sans-serif;
	color: black;
}
.input_group{
	margin: 0px 0 0 !important;
}
 
.crud-wrapper .liquid-width-radio{
	display: inline-block;
	margin: 8px auto;
	width: 175px;
}
/* #popup_select_page{
	display: none;
} */
.optionsContent .input-width-static {
	margin-right: 3%;
}

.optionsContent,
.advanced-options-content,
.special-options-content {
	background-color: white;
	position: relative;
	padding: 10px 20px 10px 20px;
}

.js-spetial-postbox {
	display: block;
}

.js-special-title,
.js-advanced-title {
	cursor: pointer !important;
}

.bootstrap-tagsinput .tag {
	background-color: #5BC0DE;
	padding: 0 3px 2px 3px;
}

.bootstrap-tagsinput > span {
	display: inline-block;
}

.optionsCountry {
	margin-left: -1px;
}

.js-auto-close-content {
	width: 100%;
	display: none;
}

.popupTimer {
	width: 30px;
}

.optionStyle {
	font: 13px Arial, sans-serif;
	padding-left: 2px;
	display: inline-block;
	margin-bottom: 8px;
}

.range-bar {
	background-color: #a9acb1;
	border-radius: 15px;
	display: block;
	height: 4px;
	position: relative;
	width: 100%;
}

.range-quantity {
	background-color: #017afd;
	border-radius: 15px;
	display: block;
	height: 100%;
	width: 0;
}

.range-handle {
	background-color: #fff;
	border-radius: 100%;
	cursor: move;
	height: 20px;
	left: 0;
	top: -10px;
	position: absolute;
	width: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.range-min,
.range-max {
	height: 20px;
	padding-top: 4px;
	position: absolute;
	text-align: center;
	top: -9px;
	display: none;
}

.slider-wrapper {
	position: relative;
	width: 150px;
	display: inline-block;
}
.vertical-wrapper {
	height: 200px;
	width: auto;
}

.display-box {
	background-color: #f7fcff;
	border-radius: 5px;
	font-size: 0.8em;
	height: 23px;
	right: -41px;
	box-sizing: border-box;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	top: -10px;
	width: 35px;
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
}

#color-picker,
.color-picker {
	display: inline-block;
}

#color-picker > .wp-picker-container .wp-color-result {
	top:12px;
}

.color-picker > .wp-picker-container .wp-color-result {
	top: 7px;
}
.special-options-content .wp-color-result:after {
	line-height: 22px;
}

.wp-picker-open+.wp-picker-input-wrap {
	float: right;
	margin-top: 12px;
}

.countrisConfigDiv {
	width: 100%;
	max-height: 150px;
	display: none;
}

.acordion-main-div-content,
.alp-accordion-content {
	width: 100%;
	display: none;
}

.js-scrolling-content {
	width: 100%;
	display: none;
}

.before-scroling-percent,
.input-width-percent {
	width: 30px;
}
.popup-delay,
.input-width-percent {
	width: 30px;
}

.span-percent {
	margin-left: 4px;
	font-size:15px;
}

.countrisConfigDivCountris {
	display: inline-block;
	width: 239px;
}

.autoCloseTimeContent {
	display: none;
	width: 100%;
}

.popupClosingTimer {
	width: 37px;
}

.fixed-wrapper {
	max-width: 248px;
	width: 40%;
	height: 191px;
	display: inline-block;
	margin-top: 4px;
}

.js-popop-fixeds {
	width: 100%;
	display: none;
}

.fix-wrapper-style {
	width: 38.5%;
	display: inline-block;
}

.js-fixed-position-style {
	width: 31.85%;
	height: 53px;
	float: left;
	cursor: pointer;
}

#fixed-position2,
#fixed-position4,
#fixed-position8,
#fixed-position6 {
	float: left;
	width: 31.85%;
	height: 53px;
}

#fixed-position1 {
	border: 1px solid #ccc;
}

#fixed-position2 {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#fixed-position3 {
	border: 1px solid #ccc;
}

#fixed-position6 {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#fixed-position9 {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#fixed-position8 {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#fixed-position7 {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#fixed-position4 {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.socials-content {
	display: block;
	width: 100%;
}

.restrictionUrlDiv {
	display: none;
	width: 100%;
}

.js-social-round-btn {
	border-radius : 50% !important;
}

.radio-btn-fix {
	margin-top: 0px !important;
	margin-right: 5px !important;
}

#share-btns-container {
	border: 1px solid #ccc;
	margin: 10px 0px;
	padding: 10px;
	text-align: center;
}

.general {
	background-color: white;
	margin-left: 3px;
	margin-top: 5px;
}

.generalContent {
	padding-right: 20px;
	padding-left: 20px;
}

.alp-title-crud {
	float: left;
	display: inline-block;
}

.cereate-title-wrapper {
	position: relative;
}

#title {
	margin-top: 5px !important;
}

#left-main-div {
	width: 48.5%;
	float: left;
	margin-right: 1.5%;
	display: block;
}

#right-main-div {
	width: 50%;
	display: inline-block;
	float: right;
}

@media(max-width: 1042px) {
	#left-main-div #poststuff {
		width: 97.5%;
		margin: 0px auto;
		background-color: red;
	}
	#right-main-div #poststuff {
		width: 97.5%;
		margin: 0px auto;
	}
}



.switch {
	position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switch-checkbox{
border: 1px solid #b4b9be;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 16px;
margin: -4px 4px 0 0;
outline: 0;
padding: 0!important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
transition: .05s border-color ease-in-out;

}

.switch input {display:none;}


.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #2c3e50 !important;
    background-color: #2c3e50 !important;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
-ms-transform: scale(0.8, 0.8);
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
border-radius: 34px;	
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 18px;
	left: 0px;
	bottom: 2px;
  background-color: white;
 -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
background-color: #2c3e50;
}

input:focus + .slider {
box-shadow: 0 0 1px #2c3e50;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

.slider.round:before {
border-radius: 50%;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	
}

.modal {
    display: none; 
    position: fixed; 
    z-index: 1;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
        /* padding: 20px; */
    border: 1px solid #888;
	width: 40% !important;
	top:15%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.Image_preview{
	width: 100%; 
    height: 100%; 
}

/* Table */
.tablenav-pages-navspan{
	height: 28px !important;
}
.tablenav .tablenav-pages a, .tablenav-pages-navspan{
    min-width: 34px !important;
}