*{
	box-sizing: border-box;
}
body{
	padding:0px;
	margin:0px;
	font-family: 'Lato', sans-serif;
}
a{
	color:#3740ff;
	text-decoration:underline;
}
a:hover{
	color:#3740ff;
	text-decoration:none;
}
.sh-blade {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.sh-blade:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 32px solid #cccccc;
    border-color: #ccc transparent #ccc transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.start-spin{
	animation: blade-spin 1.2s infinite;	
}
@keyframes blade-spin {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
.mask{
	display:none;
	opacity:0;
	background:#000000;
	position:fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index:6;
	-webkit-transition: opacity 1s;
    transition: opacity 1s;		
}
.mask-show{
	display:block;
	opacity:0.8;
}
.lockscroll{
	overflow:hidden;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.clear10{
	clear:both;
	height:10px;
}
.clear20{
	clear:both;
	height:20px;
}
.hidden{
	display:none !important;
}
.menu{
	position:fixed;
	left:-400px;
	top:0;
	bottom:0;
	width:90%;
	z-index:7;
	max-width:320px;
	background:#000000;
	-webkit-transition: left .5s;
    transition: left .5s;
    overflow-x:hidden;
    overflow-y:auto;
	border-top: 5px solid #444444;
}
.show-left-menu{
	left:0px !important;
}
.menu h4{
	padding: 10px;
    margin: 0px;
    font-size: 20px;
    color: #ffffff;
    border-bottom: 1px solid #555555;
}
.menu ul{
	list-style-type:none;
	padding:10px;
}
.menu ul li{
	padding:0;
	float;left;
	width:100%;
}
.menu ul li a{
	text-decoration:none;
	color:#efefef;
	display:block;
	width:100%;
	padding:8px 10px;
}
.menu ul li a:hover{
	color:#eeeeee;
	text-decoration:underline;
}
.menu-close,.menu-close:hover{
    position: relative;
    display: block;
    float: right;
    max-width: 50px;
    font-size: 35px;
    color: #f1f1f1;
    text-decoration: none !important;
    padding: 5px 15px;
}
.menu-anchor,.menu-anchor:hover{
	position:fixed;
	top:20px;
	left:20px;
	color:#131313 !important;
	text-decoration:none !important;
	font-size:20px;
}
.menu-anchor-2{
	position:relative;
	float:left;
	color:#131313;
	text-decoration:none !important;
	display:none;
	width:0%;
    margin-top: 17px;
    font-size: 20px;
}
.head{
	position:fixed;
	width:100%;
	height:55px;
	padding:0px;
	border-top: 4px solid #3740ff;
	box-shadow: 1px 1px 2px #cccccc;
    background: #f3f3f3;
	z-index:3;
	/*overflow:hidden;*/
	min-width:1120px;
}
.head .full{
	width:100%;
	height:100%;
	max-width:1290px;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
.head .full .logo{
	float:left;
	width:15%;
	height:100%;
	margin-top:8px;
}
.head .full .logo a{
	font-family: 'Lobster Two', cursive;
	text-decoration:none;
	color:#131313;
	font-size:30px;
	font-weight:700;
}
.head .full .logo span{
    color: #666666;
    font-size: 15px;
    display: inline-block;
    margin-left: 7px;
    font-weight:bold;
}
.head .full .search{
	float:left;
	width:45%;
	height:100%;
	padding:0px;
}
.head .full .search form{
	width:100%;
	height: 65%;
	padding:0px;
	box-sizing: border-box;
	background:#dcdcdc;
	margin-top: 9px;
	overflow:hidden;
	border-radius:4px;
}
.head .full .search form input#q{
	float:left;
	padding:6px 5px 5px 12px;
	width:86%;
	color:#111111;
	border:none;
	background:transparent;
	margin-top: 2px;
	font-size:16px;
	outline: none;
	box-sizing: border-box;
}
.head .full .search form button{
    float: left;
    width: 7%;
    border: none;
    background: transparent;
    text-align: right;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 0px;
}
.head .full .search form button i.fa{
	font-size:14px;
	color:#111111;
}
.head .full .search form a.clearbutt{
	font-family: Arial;
	float:left;
	display:block;
	visibility:hidden;
	width:6%;
	border:none;
	background:transparent;
	color:#111111;
	font-size:28px;
	text-decoration:none !important;
	text-align:right;
	margin-top: 2px;
	box-sizing: border-box;
}
.show-clearbutt{
	visibility:visible !important;
}
.head .full .toolbar{
	float:right;
	width:37%;
	height:100%;
	text-align:right;
	margin-top: -9px;
}
.head .full .toolbar a{
	display:block;
	float:right;
	background:#3740ff;
	padding:8px 12px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center;
	margin-top: 17px;
	border-radius:4px;
}
.head .full .toolbar a:hover{
	background:#353de1;
}
.main{
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    top: 0px;
	bottom: 0px;
	background:#f3f3f3;
	min-width:1120px;
}
.dialog{
	position:absolute;
	width:100%;
	max-width:550px;
	top: -700px;
    left: 1%;
    right: 1%;	
	margin:auto;
	z-index:7;
	background:#ffffff;
    -webkit-transition: top .5s;
    transition: top .5s;	
    box-sizing: border-box;
}
.dialog-head{
	font-size:18px;
	color:#555555;
	font-weight:bold;
	display:block;
	width:100%;
	padding:20px 30px;
	border-bottom:1px solid #eeeeee;
	box-sizing: border-box;
}
.dialog-head i{
	margin-right:10px;
}
.dialog-body{
	padding:20px 30px;
	font-size:15px;
	color:#555555;
	font-weight:normal;
	display:block;
	width:100%;
	line-height:22px;
	box-sizing: border-box;
}
.dialog-foot{
	padding:20px 30px;
	box-sizing: border-box;
}
.dialog-head.alert{
	border-top:5px solid red;
}
.dialog-head.normal{
	border-top:5px solid #3740ff;
}
.dialog-show{
	top: 60px !important;
	overflow: hidden;
}
.dialog-foot .first-button{
	display:block;
	background:#3740ff;
	padding:8px 12px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
.dialog-foot .second-button{
	display:block;
	background:#eeeeee;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
.dialog-foot .first-button:hover{
	background:#353de1;
}
.dialog-foot .second-button:hover{
	background:#cccccc;
}
.new-form{
	position:absolute;
	width:100%;
	max-width:550px;
	top: -700px;
    left: 1%;
    right: 1%;	
	margin:auto;
	z-index:7;
	background:#ffffff;
    -webkit-transition: all .5s;
    transition: all .5s;	
    box-sizing: border-box;
}
.new-form .created{
	display:none;
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0px;
}
.new-form-show{
	top: 40px !important;
	overflow: hidden;
	border-top: 5px solid #3740ff;
}

.form-head{
	font-size:18px;
	color:#555555;
	font-weight:bold;
	display:block;
	width:100%;
	padding:20px 30px;
	border-bottom:1px solid #eeeeee;
}
.entry-form{
	padding:30px;
	box-sizing: border-box;
}
.entry-form label{
	font-size:15px;
	color:#777777;
	display:block;
	width:100%;
	margin-bottom: 10px;
}
.entry-form input[type=text]{
	font-size:16px;
	color:#777777;
	display:block;
	width:100%;
	padding:6px;
	margin-bottom: 15px;
	border:1px solid #dedede;
	outline: none;
	box-sizing: border-box;
	border-radius:4px;
}
.entry-form .first-button{
	display:block;
	background:#3740ff;
	padding:8px 12px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
	cursor:pointer;
}
.entry-form .second-button{
	display:block;
	background:#eeeeee;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
	cursor:pointer;
}
.entry-form .first-button:hover{
	background:#353de1;
}
.entry-form .second-button:hover{
	background:#cccccc;
}
.entry-form #new-entry-error{
	color:red;
	font-size:15px;
	display:none;
	margin-bottom:30px;
}
.component-edit-form{
	display:none;
	position:relative;
	padding: 0px;
	box-sizing: border-box;
	width:100%;
	height:100%;
}
.component-edit-form form{
	padding: 20px 20px 50px 0px;
	box-sizing: border-box;	
	width:100%;
	height:100%;
	position:relative;
	overflow-y: scroll;
}
.component-edit-form form h4{
	font-size:20px;
	margin:0px 0px 20px 0px;
}
.component-edit-form form label{
	font-size: 14px;
    color: #888888;
	display:block;
	width:100%;
	margin-bottom: 10px;
	margin-top: 20px;
}
.component-edit-form form label.mandatory:after{
	content : " *";
	color: #333333;
	font-size:17px;
}
.component-edit-form form input[type=text],.component-edit-form form input[type=url],.component-edit-form form select{
	font-size:16px;
	color:#333333;
	display:block;
	width:100%;
	min-height:32px;
	padding:10px 6px;
	border:1px solid #dedede;
	outline: none;
	box-sizing: border-box;
	border-radius:4px;
}
.component-edit-form form select{
	-webkit-appearance:none;
	/*margin-bottom:25px;*/
	background:#ffffff;
}
.component-edit-form form .plain-select{
	display: inline-block;
    vertical-align: middle;
    position: relative;
    width:100%;
}
.component-edit-form form .plain-select:after{
    content: "";
    position: absolute;
    z-index: 2;
    right: 8px;
    top: 30%;
    margin-top: 3px;
    height: 0;
    width: 0;
    border-top: 6px solid #666666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
}
.component-edit-form form select option{
	padding: 5px;
    color: #666666;
}
.component-edit-form form textarea{
	font-size:16px;
	color:#333333;
	display:block;
	width:100%;
	min-height:150px;
	padding:6px;
	border:1px solid #dedede;
	outline: none;
	box-sizing: border-box;
}
.component-edit-form form .qeditor{
	min-height:100px;
	height:200px;
	border:1px solid #dedede;
}
.component-edit-form form .msg-area{
	margin:-10px 0px 10px 0px;
	float:left;
	width:100%;
	clear:both;
	box-sizing: border-box;
	padding:15px;
	color:#666666;
	background:#d9ecff;
	display:none;
}
.component-edit-form form .err-area{
	margin:-10px 0px 10px 0px;
	float:left;
	width:100%;
	clear:both;
	box-sizing: border-box;
	padding:15px;
	color:#ffffff;
	background:#f12c2c;
	display:none;
}
.component-edit-form .button-container{
	position: absolute;
    bottom: 0px;
    left: -20px;
    right:8px;
    background:#6b6a6a;
    padding:10px 0px 10px 10px;
}
.component-edit-form .first-button{
	display:block;
	background:#3740ff;
	padding:8px 12px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	float:right;
	margin-right:20px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
.component-edit-form .second-button{
	display:block;
	background:#eeeeee;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:bold;
	float:right;
	margin-right:20px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
.component-edit-form .first-button:hover{
	background:#353de1;
}
.component-edit-form .second-button:hover{
	background:#cccccc;
}
.component-edit-form form .error{
	width:100%;
	box-sizing:border-box;
	color:red;
	font-size:15px;
	float:left;
	margin:10px 0px 20px 0px;
}
.component-edit-form .ql-editor{
	background:#ffffff;
}

.ql-snow .ql-tooltip.ql-flip{
	left: 0px !important;
	top: -32px !important;
    width: 100% !important;;
    background: #f3f3f3;
}

.ql-snow .ql-tooltip input[type=text]{
	width:250px !important;
}

#screen-pages{
	position:relative;
	background:#ffffff;
	padding:0px;
	margin:0px;
	width:100%;
	box-sizing:border-box;
	z-index:2;
	top:28px;
	bottom:0px;
	min-width:1120px;
}
#screen-pages .full{
	width:100%;
	height:100%;
	max-width: 1290px;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-pages .full h1{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
	border-bottom:1px solid #eeeeee;
}
#screen-pages .full h2{
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#250e62;
}
#screen-pages .full h3{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	color:#333333;
}

#screen-pages .page-body{
	margin:auto;
	width:100%;
	box-sizing: border-box;
	min-height:600px;
}

#screen-pages #pagetitle{
	display:none;
}

#screen-pages .page-body ul li{
	line-height:21px;
	font-size:15px;
	padding:5px;
}

#screen-docs{
	position:relative;
	background:#ffffff;
	padding:0px;
	margin:0px;
	width:100%;
	box-sizing:border-box;
	z-index:2;
	top:28px;
	bottom:0px;
	min-width:1120px;
}
#screen-docs .full{
	width:100%;
	max-width:1290px;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-docs .full h2{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
	border-bottom:1px solid #eeeeee;
}

#screen-docs .full .docs{
	width:100%;
	box-sizing: border-box;
}
#screen-docs .full .docs .code{
	position:relative;
	background:#eeeeee;
	padding:20px;
	overflow-x:scroll;
}
#screen-docs .full .docs .code label{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	background:#555555;
	color:#ffffff;
	padding:8px;
	font-size:14px;
}
#screen-docs .full .docs .code pre{
	color:#444444;
	margin-top:35px;
}
#screen-docs .full .docs h4{
	font-size:20px;
	color:#333333;
	font-weight:bold;
}

#screen-docs .full .docs h5{
	font-size:18px;
	color:#333333;
	font-weight:bold;
}

#screen-docs .full .docs p{
	text-align:left;
	color:#666666;
	font-size:16px;
	line-height:25px;
	margin-bottom:20px;
}
#screen-docs .full .docs ul li{
	text-align:left;
	color:#666666;
	font-size:16px;
	line-height:25px;
}
#screen-docs .full .docs em{
	background:#eeeeee;
	font-size:16px;
	padding:4px;
	color:#888888;
}
#screen-docs .full .docs .green{
	color:#3740ff;
}

.content-box{
	border:1px solid #cccccc;
	padding:0px 20px;
	width:100%;
	margin-bottom: 15px;
}
.content-box h3{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	color:#333333;
}
.content-box h3 span{
	color: #696969;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    font-weight: 400;
}
.content-box ul li{
	line-height:21px;
	font-size:15px;
	padding:5px;
}

#screen-listing{
    position: relative;
    background: #ffffff;
    padding: 30px 0px 0px 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    top: 28px;
    bottom: 0px;
    min-width:1120px;
}
#screen-listing .full{
	width:100%;
	max-width:1290px;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-listing .full > h2{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}
#screen-listing .full h4{
	font-size:16px;
	font-weight:bold;
}
#screen-listing .full h4 span{
	font-size:16px;
	font-weight:bold;
	color:#221100;	
}
#screen-listing .table-controls{
	float:right;
}
#screen-listing .table-controls a{
	text-decoration:none;
	margin:0px 0px 10px 0px;
	display:inline-block;
	padding:10px 10px 7px 10px;
	border:1px solid transparent;
}
#screen-listing .table-controls a:hover{
	background:#cccccc;
	border:1px solid #cccccc;
}
#screen-listing .table-controls a.active{
	border:1px solid #cccccc;
}
#screen-listing .table-controls a img{
	width:20px;
}
#screen-listing .email-list table{
	border:none;
	width:100%;
	padding:0px;
	background:#cccccc;	
}
#screen-listing .email-list table th{
	margin:1px;
	background:#d9dddd;
	padding:15px;
	font-size:16px;
	color:#444444;
}
#screen-listing .email-list table th a{
	font-size:16px;
	color:#444444;
	text-decoration:none;
}
#screen-listing .email-list table th a:hover{
	color:#777777;
}
#screen-listing .email-list table th a i{
	margin-left:7px;
}
#screen-listing .email-list table td{
	margin:1px;
	background:#ffffff;
	padding:15px;
	font-size:15px;
	transition:.1s padding;
}
#screen-listing .email-list table td a{
	text-decoration:none;
}
.td-compact{
	padding:7px 15px !important;
}
#screen-listing ul.listing-tabs{
	list-style-type:none;
	margin:30px auto -15px auto;
	padding:0;
	text-align: center;
}
#screen-listing ul.listing-tabs li{
	padding:0;
	display:inline-block;
	margin-right:10px;
	max-width:250px;
}
#screen-listing ul.listing-tabs li a{
	display:block;
	padding:10px 20px;
	color:#09411d;
	border-radius:4px;
	font-weight:bold;
	text-decoration:none;
}
#screen-listing ul.listing-tabs li a:hover{
	background:#1cd4b0;
}
#screen-listing ul.listing-tabs li a.active{
	background:#1cd4b0;
}
#screen-listing .listing-tab-1{
	display:block;
	padding-bottom:30px;
}
#screen-listing .listing-tab-2{
	display:none;
	padding-bottom:30px;
}
#screen-listing .tri{
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #1cd4b0;
    position:absolute;
}
#screen-listing .email-list table thead{

}
#screen-listing .email-list table tbody{

}
#screen-listing .email-list table tbody tr{
	/*visibility:collapse;*/
}
.pager-show{
	visibility:visible !important;
}
#screen-listing .action-row a{
	text-decoration:none;
	color:#333333;
	display:inline-block;
	margin-right:15px;
}
#screen-listing .action-row a:hover{
	text-decoration:none;
	color:#353de1;
}

#screen-listing .database{
	float:left;
	width:100%;
	text-align:right;
	box-sizing:border-box;
	padding:0px;
}

#screen-listing .database a{
	display:block;
	padding:8px 0px;
	color:#888888;
	font-size:15px;
	font-weight:normal;
	float:right;
	border:none;
	text-align:center;
	text-decoration:none !important;
	max-width:140px;
	margin-left:12px;
}

#screen-listing .database a:hover{
	color:#555555;
}

#screen-listing .clog{
	width:100%;
	margin-top:30px;
	box-sizing:border-box;
}
#screen-listing .clog h2{
	text-align:center;
	margin-top:20px;
	font-size:26px;
}

#screen-listing .paging{
	display:block;
	margin:15px auto;
	width:100%;
	text-align:center;
}

#screen-listing .paging #pg-prev{
	display:inline-block;
	margin-right:10px;
}
#screen-listing .paging #pg-prev i{
	margin-right:4px;
}
#screen-listing .paging #pg-next{
	display:inline-block;
	margin-left:10px;
}
#screen-listing .paging #pg-next i{
	margin-left:4px;
}
#screen-listing .paging .pg-num{
	display:inline-block;
	border:1px solid #cccccc;
	padding:4px 8px;
	margin:4px;
	text-align:center;
	font-weight:bold;
}
#screen-listing .paging .pg-num:hover{
	background:#eeeeee;
}
#screen-listing .paging .pg-num.active{
	background:#3740ff;	
	border:1px solid #3740ff;
	color:#09411d;
}

input#blade-file{
	padding:10px 0px;
	width:0.1px;
	height:0.1px;
	opacity:0;
	position:absolute;
	z-index:-1;
	overflow:hidden;
}
.blade-file-label{
	float:left;
	display:block;
	border:3px solid #3740ff;
	color:#3740ff;
	text-align:center;
	background:#ffffff;
	font-weight:bold;
	font-size:16px;
	padding:8px 12px;
	border-radius:4px;
}
.blade-file-label:hover{
	cursor:pointer;	
}
.blade-file-name{
	color: #333333;
    font-size: 13px;
    display: block;
    float: left;
    margin: 10px 0px 0px 10px;
}
.importstr{
	display:none !important;
}

.import-options{
	float:left;
	width:100%;
	padding:20px 0px 25px 0px;
}

.import-options a{
	display:inline-block;
	float:left;
	max-width:200px;
	color:#333333;
	background:#eeeeee;
	margin-right:12px;
	font-size:15px;
	padding:8px 12px;
	text-decoration:none;
}

.import-options a:hover{
	background:#cccccc;
}

.import-options a.selected{
	background:#3740ff;
	border-radius:4px;
	color:#ffffff;
}

#screen-quickbanner{
	position: relative;
    background: #ffffff;
    padding: 30px 0px 0px 0px;
    margin: 0px;
	width: 100%;
	height:100%;
    box-sizing: border-box;
    z-index: 2;
    top: 28px;
    bottom: 0px;
}
#screen-quickbanner .full{
	width:100%;
	max-width:1290px;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-quickbanner .full h4{
	font-size:16px;
	font-weight:bold;
}

#screen-quickbanner .full p.desc{
	font-size:16px;
	line-height:22px;
	margin:10px 0px;
	color:#666666;
}

#screen-quickbanner .banner-form{
	float:left;
	width:100%;
}

#screen-quickbanner .banner-form label{
	font-size:15px;
	color:#777777;
	display:block;
	width:15%;
	margin-bottom: 20px;
	float:left;
}
#screen-quickbanner .banner-form input[type=text]{
	float:left;
	font-size:16px;
	color:#777777;
	display:block;
	width:50%;
	padding:6px;
	margin-bottom: 20px;
	border:1px solid #dedede;
	outline: none;
	box-sizing: border-box;
}

#screen-quickbanner .banner-preview{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#screen-quickbanner .banner-preview .banner{
	float:left;
	width:33.33%;
	box-sizing: border-box;
	padding:20px 20px 20px 0px;
	margin-bottom:30px;
	min-height:420px;
	text-align:center;
}

#screen-quickbanner .banner-preview .banner p{
	font-weight:bold;
	margin:0px 0px 10px 0px;
	font-size:20px;
	color:#111111;
	text-align:left;
}
#screen-quickbanner .banner-preview .banner p a{
	text-decoration:none !important;
	float:right;
	color:#666666;
	font-size:15px;
	font-weight:normal;
}

#screen-quickbanner .banner-loading{
	text-align: left !important;
    font-size: 15px !important;
    color: #aaaaaa !important;
    margin-top: 30px !important;
}

#screen-quickbanner .banner-preview .banner img{
	max-width:100%;
	border: 1px dashed #aaaaaa;
}

#screen-quickbanner .banner-form .first-button{
	display:block;
	background:#3740ff;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:normal;
	float:left;
	margin-top:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}

#screen-search{
    position: relative;
    background: #ffffff;
    padding: 30px 0px 0px 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    top: 28px;
    bottom: 0px;
    min-width:1120px;
}
#screen-search .full{
	width:100%;
	max-width:1290px;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-search .full h4{
	font-size:16px;
	font-weight:bold;
}
#screen-search .full h4 span{
	font-size:16px;
	font-weight:bold;
	color:#221100;	
}

#screen-search .res-block{
	width:70%;
	float:left;
	padding:7px 0px;
	box-sizing: border-box;
	border:1px solid transparent;
	margin-bottom:30px;
}
#screen-search .res-block.chosen, #screen-search .res-block:hover{
	/*
	border:1px solid #cccccc;
	background:#f9f9f9;
	*/
}

#screen-search .res-block h4 {
	margin:0px;
}

#screen-search .res-block h4 a{
	font-size:20px;
	color:#0f6b30;
	text-decoration:underline;
	box-sizing: border-box;
}
#screen-search .res-block h4 a:hover{
	color:#3740ff;
	text-decoration:underline;
}
#screen-search .res-block .res-img{
	float:left;
	width:30%;
}
#screen-search .res-block .res-img a{
	text-decoration:none;
}
#screen-search .res-block .res-img img{
	width:100%;
	border-radius: 4px;
    border: 1px solid #cccccc;
}
#screen-search .res-block .res-img .no-img{
	width:100%;
	height:150px;
	text-align:center;
	border:1px solid #cccccc;
	border-radius:4px;
	color:#999999;
	padding-top:60px;
}
#screen-search .res-block .res-text{
	float:left;
	width:70%;
	padding:0px 0px 0px 20px;
}
#screen-search .res-block p{
	color:#999999;
	font-size:14px;
	line-height:18px;
	box-sizing: border-box;
	max-height:135px;
	overflow-y: auto;
	padding:3px 0px;
}
#screen-search .res-block p span{
	display:inline;
}
#screen-search .res-block p span:after {
    content: "...";
}
#screen-search .res-block p span .hl{
	font-weight:bold !important;
}

#screen-search .res-block .res-tool{
	padding:0px 0px 10px 0px;
	width:100%;
	text-align:left;
	float:left;
}

#screen-search .res-block .res-tool a,#screen-search .res-block .res-tool a:hover{
	text-decoration:none;
	font-size:14px;
	display:inline-block;
	margin-right:10px;
	color:#333333;
}

#screen-composer{
    position: absolute;
	padding:0px;
	margin:0px;
	width:100%;
	box-sizing:border-box;
	z-index:2;
	top:55px;
	bottom:0px;
	overflow:hidden;
	background: #ffffff;
	min-width:1120px;
}
#screen-composer .full{
	width:100%;
	height:100%;
	max-width:1290px;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-composer .top-bar{
	width:100%;
	height:50px;
	padding:0px;
	margin:0px;
	position:fixed;
	z-index:3;	
	top:55px;
	background:#111111;
	overflow:hidden;
	box-sizing: border-box;
	min-width:1120px;
}
#screen-composer .top-bar .canvas-email-title{
	float:left;
	width:60%;
	box-sizing: border-box;
	background:transparent;
	margin-top:3px;
}
#screen-composer .top-bar .canvas-email-title span{
	float:left;
	display:block;
	color:#dddddd;
	box-sizing: border-box;
	font-weight:normal;
	font-size:18px;
	padding: 12px 0px 14px 0px;
	background:transparent;
}
#screen-composer .top-bar .canvas-email-title .edit-title{
	float:left;
	display:block;
	text-decoration:none;
	color:#ffffff;
	margin-top: 15px;
	margin-left: 20px;
}
#screen-composer .top-bar .canvas-email-title .edit-title:hover{
	color:#f1f1f1;
}
#screen-composer .top-bar .canvas-properties{
	float:left;
	width:40%;
	box-sizing: border-box;
	background:transparent;
}
#screen-composer .top-bar .canvas-properties .tabs{
	list-style-type:none;
	width:100%;
	padding:0;
	background:transparent;
	box-sizing: border-box;
	float: left;
    margin-top: 12px;
    margin-left:20px;
}
#screen-composer .top-bar .canvas-properties .tabs li{
	display:inline-block;
	padding:0;
	background:transparent;
	box-sizing: border-box;	
}
#screen-composer .top-bar .canvas-properties .tabs li a{
	padding: 7px 20px 20px 20px;
    display: block;
    box-sizing: border-box;
    color: #cccccc;
    font-size: 15px;
    font-weight:700;
    border-radius: 4px;
    text-decoration:none;
}
#screen-composer .top-bar .canvas-properties .tabs li a.active{
	background:#f1f1f1;
	color: #666666;
	border-top: 4px solid #3740ff;
}
#screen-composer .top-bar .canvas-properties .tabs li a i{
	margin-right:5px;
}
#screen-composer .top-bar #composer-title{
    display: none;
    font-size: 18px;
    padding: 5px 10px;
    margin-top: 8px;
    color: #dddddd;
    background: transparent;
    border: 1px solid #9d9d9d;
    border-radius:4px;
    width: 60%;
    outline: none;
    box-sizing: border-box;
}
#screen-composer .left{
	float:left;
	width:60%;
	height:94%;
	position:relative;
	padding:0px;
	margin:0px;
	border-right:1px solid #eeeeee;
	box-sizing: border-box;
	overflow-y:scroll;
	margin-top: 50px;
	background: #ffffff;
}
#screen-composer .left .canvas{
	padding:20px;
	min-height:400px;
	float: left;
    width: 98%;
    box-sizing: border-box;
    margin-top:18px;
    border: 3px solid #cacaca;
}
@keyframes canvasblink { 
   50% { border-color: #1cd4b0; } 
}
.canvas-hint{
    /*animation: canvasblink .5s step-end infinite alternate;*/
 	border: 3px dashed #3740ff !important;   
}
#screen-composer .left .canvas-top{
	padding:20px;
	min-height:20px;
	float: left;
    width: 100%;
    box-sizing: border-box;
}
#screen-composer .left .canvas .canvas-message{
	padding:20px 50px;
	text-align:center;
	vertical-align:middle;
}
#screen-composer .left .canvas .canvas-message p{
	color:#777777;
	font-weight:normal;
	font-size:22px;
	line-height:32px;
	margin-top:-15px;
}
#screen-composer .left .edm-css{
	padding:0px;
	float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top:20px;
}
#screen-composer .left .edm-css .toggle-css{
	display:block;
	float:right;
	max-width:200px;
	color:#666666;
	text-decoration:none;
	font-size:16px;
	margin-right:20px;
}
#screen-composer .left .edm-css .toggle-css:hover{
	color:#999999;
}
#screen-composer .left .edm-css .toggle-css i.fa-plus{
	font-size:14px;
	margin-left:5px;
}
#screen-composer .left .edm-css .custom-css{
	background:#eeeeee;
	width:100%;
	float:left;
	padding:20px;
	box-sizing: border-box;
}
#screen-composer .left .edm-css .custom-css p{
	text-align:left;
	color:#999999;
	font-size:15px;
	margin:0px 0px 5px 0px;
}
textarea.css-text{
	font-size:15px;
	color:#333333;
	display:block;
	width:100%;
	min-height:250px;
	padding:6px;
	border:1px solid #dedede;
	outline: none;
	box-sizing: border-box;
}
.css-area{
	margin:5px 0px 10px 0px;
	float:left;
	width:100%;
	clear:both;
	box-sizing: border-box;
	padding:15px;
	color:#666666;
	background:#d9ecff;
	display:none;
}
#screen-composer .left .edm-css .first-button{
	display:block;
	background:#3740ff;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:normal;
	float:right;
	margin-top:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
.edit-email-container{
	position:relative;
	width:100%;
	border : 2px dashed #efefef;
	box-sizing: border-box;
	overflow:hidden;
	padding:50px 0px;
	margin:0px 0px 15px 0px;
	-webkit-transition: all .4s;
    transition: all .4s;	
}
.edit-email-container:hover{
	border : 2px solid #cccccc;
}
/*
.edit-email-container:hover > .edit-tool{
	bottom:-7px;
}
.edit-email-container:hover > .edit-name{
	top:0px;
}
*/
.edit-email-container.added{
	border : 4px solid #3740ff;
	opacity : 0.3;
}
.edit-email-container.selected{
	border : 4px solid #3740ff;
	margin:30px 0px;
	opacity : 0.7;
}
.edit-email-container .edit-tool{
	background:#efefef;
	width:100%;
	box-sizing: border-box;
	padding:14px;
    position:absolute;
    bottom:-7px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.edit-email-container .edit-tool.legacy{
	background: #ef5454 !important;
    color: #ffffff !important;
    padding: 4px 10px 13px 10px;
    text-align: right;
}
.edit-email-container .edit-tool.legacy a{
	color:#ffffff;
	display:inline-block;
	margin:3px 0px 0px 10px;
	text-decoration:none;
}
.edit-email-container .edit-tool.legacy a::before{
	content : '|';
	margin-right:10px;
}
.edit-email-container .edit-tool.legacy a:hover{
	color:#f1f1f1;
}
.edit-email-container .edit-tool a{
	text-decoration:none;
	color:#333333;
	display:block;
	float:right;
	margin-left: 15px;
    margin-top: -7px;
	font-size:14px;
}
.edit-email-container .edit-tool a:hover{
	color:#777777;
}
.edit-email-container .edit-tool.changed a,.edit-email-container .edit-tool.changed a:hover{
    color: #ffffff !important;
}
.edit-email-container .edit-tool .cedit{
	display:none;
}
.edit-email-container .edit-name{
	background: #efefef;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 8px;
    color: #555555;
    font-size: 14px;
    position:absolute;
    top:0px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.edit-email-container .edit-name.changed{
	background: #ef5454 !important;
    color: #ffffff !important;
}
.edit-email-container .edit-name .component_changed{
	background: #fbfafa !important;
    color: #111111 !important;
    font-weight:bold;
    font-size:15px;
    display:block;
    float:right;
    border-radius:50%;
    padding: 1px 5px;
    text-decoration:none;
}
#screen-composer .right{
	float:left;
	width:40%;
	height:100%;
	position:relative;
	padding: 0px 0px 50px 20px;
	margin:0px;
	box-sizing: border-box;
	margin-top: 50px;
	background:#f1f1f1;
}
::-webkit-scrollbar{
  width: 8px;
  height:8px;
}
::-webkit-scrollbar-track{
  background: #ddd;
}
::-webkit-scrollbar-thumb{
  background: #999; 
}
.component-menu {
	position:relative;
	padding:5px 0px 9px 0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
}
.component-menu ul{
	position:relative;
	margin-top: 0px;
	margin-left:-40px;
	list-style-type:none;
	box-sizing:border-box;
}
.component-menu ul li{
	position:relative;
	display:block;
	width:96%;
	padding:0;
	box-sizing:border-box;

}
.component-menu ul li a{
	position: relative;
    display: block;
    padding: 12px 15px;
    background: #ffffff;
    color: #686969;
    text-decoration: none;
    font-size: 14px;
    box-sizing: border-box;
	border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-left: 4px solid #353de1;
}
.component-menu ul li a:hover{
	color:#343434;
	background: #f9f9f9;
}
.component-menu ul li:last-child > a {
    border-bottom: 1px solid #e3e3e3;
}
.component-menu ul li a.sd-doc{
	padding: 0px;
    max-width: 50px;
	color: #999999;
	background:none;
    font-size: 14px;
    text-decoration: none;
	position: absolute;
	border:none !important;
    top: 10px;
    right: 10px;
}
.component-menu .component-item, .component-item{
	position: relative;
    display: block;
    width:95%;
    padding: 12px 15px;
    background: #ffffff;
    color: #686969;
    text-decoration: none;
    font-size: 14px;
    box-sizing: border-box;
	border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-left: 4px solid #3740ff;
    border-bottom: 1px solid #e3e3e3;
}
.component-menu .component-item:hover{
	color:#343434;
	background: #f5f5f5;
}

.fa-grip-lines{
	width:28px;
	color:#aaaaaa;
    margin: 0px;
}

.component-group{
	margin-bottom:15px;
	box-sizing:border-box;
	background:none;
}
.component-group .component-anchor{
	display: block;
    width: 100%;
    padding: 10px;
    font-size: smaller;
    text-transform: uppercase;
    font-weight: bold;
    color: #444444;
    box-sizing: border-box;
}
.component-menu .component-anchor{
	display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    box-sizing: border-box;
    margin-top:10px;
    text-decoration:none;
}
.component-menu .component-anchor .fa-chevron-up,.component-menu .component-anchor .fa-chevron-down{
	margin-left:6px;
}
#screen-previewer{
    position: absolute;
	padding:0px;
	margin:0px;
	width:100%;
	box-sizing:border-box;
	z-index:2;
	top:55px;
	bottom:0px;
	min-width:1120px;
	background:#cccccc;
}

#screen-previewer .full{
	width:100%;
	height:100%;
	max-width:1290px;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}

#screen-previewer .preview-controls{
	width:100%;
	clear:both;
	float:left;
	text-align:right;
	box-sizing:border-box;
	padding:20px 0px;
}

#screen-previewer .preview-controls a.preview{
	display:block;
	background:#250e62;
	padding:8px 12px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	float:right;
	border:none;
	text-align:center;
	text-decoration:none !important;
	max-width:140px;
	border-radius:4px;
}

#screen-previewer .preview-controls a.preview:hover{
	background:#555555;
}

#screen-previewer .preview-controls a.preview-icons{
	display:block;
	background:none;
	padding:5px 10px;
	color:#ffffff;
	font-size:25px;
	font-weight:normal;
	float:left;
	border:none;
	text-align:center;
	text-decoration:none !important;
	max-width:50px;
	color:#222222;
	margin-right:12px;
	border-radius:4px;
}
#screen-previewer .preview-controls a.preview-icons:hover{
	background:#ffffff;
}
#screen-previewer .preview-controls a.preview-icons.selected{
	background:#ffffff;
	box-shadow: 1px 2px 3px #bbbbbb;
}

#screen-previewer .previewer{
	width:100%;
	height:100%;
	display:block;
}
#screen-previewer .previewer iframe{
	max-width:100% !important;
	width:100%;
	height:85%;
	margin:auto;
	border:1px solid #cccccc;
	-webkit-transition: all .5s;
    transition: all .5s;
}

.iframe-desktop{
	width:100% !important;
	height:85% !important;
}

.iframe-tablet{
	width:991px !important;
}

.iframe-mobile{
	width:430px !important;
}

#screen-previewer .previewer .htmlstr{
	display:none;
}

#screen-rundown{
    position: relative;
    background: #ffffff;
	padding:0px;
	margin:0px;
	width:100%;
	box-sizing:border-box;
	z-index:2;
	top:28px;
	bottom:0px;
	min-width:1120px;
}
#screen-rundown .full{
	width:100%;
	max-width:1290px;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px auto;
	box-sizing: border-box;
}
#screen-rundown .full h2{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
	border-bottom:1px solid #eeeeee;
}

#screen-rundown .full .component-results .rundown{
	width:100%;
	max-width:680px;
	box-sizing: border-box;
	border-bottom:1px solid #cccccc;
	padding:40px 25px;
}

#screen-rundown .full .component-results .rundown ul{
	line-height:25px;
}

#screen-rundown .full .component-results h3{
	font-size:24px;
	font-weight:bold;
	text-align:left;
}

#screen-rundown .full .component-results h4{
	font-size:17px;
	font-weight:bold;
	text-align:left;
	margin-top:20px;
}

#screen-rundown .full .component-results p{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	line-height:22px;
}

#screen-rundown .rundown-menu{
	position:fixed;
	top:190px;
	right:20px;
	width:300px;
	height:73%;
	padding:20px;
	background:#ededed;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-transition: all .5s;
    transition: all .5s;	
}
#screen-rundown .rundown-menu-top{
	top:90px !important;
	height:85% !important;
}

#screen-rundown .rundown-menu ul{
	margin-top: 0px;
	margin-left:-40px;
	list-style-type:none;
	box-sizing:border-box;
}
#screen-rundown .rundown-menu ul li{
	display:block;
	width:100%;
	padding:0;
	box-sizing:border-box;

}
#screen-rundown .rundown-menu ul li a{
	display: block;
    padding: 10px;
    background: #ededed;
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    box-sizing:border-box;
}
#screen-rundown .rundown-menu ul li a:hover{
	color:#333333;
}

#screen-rundown .rundown-menu ul li a.chosen{
	font-weight:bold;
	padding-left:20px;
	color:#3740ff;
}

#screen-rundown .sd-component-group{
	margin-bottom:15px;
	box-sizing:border-box;
	background:#eeeeee;
}
#screen-rundown .sd-component-group .component-anchor{
	display:block;
	width:100%;
	padding:15px 10px;
	font-weight:bold;
	color:#222222;
	box-sizing:border-box;
	text-decoration:none;
}
#screen-rundown .sd-component-group .component-anchor i{
	margin-left:6px;
	font-size:15px;
}
.bad-screen{
	display:none;
	background:#ffffff;
	position:fixed;
	z-index:99999;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.bad-screen h2{
	margin-top:100px;
	color:#000000;
	font-size:2em;
	padding: 10px 20px;
	font-weight:normal;
	text-align:center;
}

#imagepicker{
	position:absolute;
	width:90%;
	max-width:1190px;
	top:30px;
	bottom:30px;
    left: 1%;
    right: 1%;	
	margin:auto;
	z-index:7;
	background:#ffffff;
    -webkit-transition: top .5s;
    transition: top .5s;	
    box-sizing: border-box;
}
#imagepicker .picker-head{
	font-size:18px;
	color:#555555;
	font-weight:bold;
	display:block;
	width:100%;
	padding:20px 30px;
	border-top: 5px solid #3740ff;
	border-bottom:1px solid #eeeeee;
	box-sizing: border-box;
}
#imagepicker .picker-tabs{
	padding: 20px 30px;
	font-size:16px;
	color:#555555;
	font-weight:normal;
	display:block;
	width:100%;
	line-height:22px;
	box-sizing: border-box;
	border-bottom:1px solid #eeeeee;
}

#imagepicker .picker-tabs a,#imagepicker .picker-tabs a:hover{
	display:inline-block;
	float:left;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#999999;
	padding:5px 8px;
	border:1px solid #eeeeee;
	border-radius:4px;
	margin-right: 10px;
}

#imagepicker .picker-tabs a#tab-devices{
	margin-right: 20px;
}

#imagepicker .picker-tabs a.active{
	background:#3740ff;
	color:#09411d;
	border:1px solid #3740ff;
}

#imagepicker .picker-tabs form{
	width:60%;
	padding:0px;
	box-sizing: border-box;
	background:#eeeeee;
	margin-left: 20px;
	overflow:hidden;
	border-radius:4px;
}

#imagepicker .clear-picker-search{
	float:right !important;
	display:block !important;
	visibility:hidden;
	width:6%;
	border:none;
	background:transparent;
	color:#777777 !important;
	font-size:28px !important;
	text-decoration:none !important;
	text-align:right;
	box-sizing: border-box;
	padding:5px 0px !important;
}

.picker-error p{
	color:#999999;
}

#picker-search{
	float:left;
	padding:8px 5px 8px 12px;
	width:90%;
	color:#999999;
	border:none;
	background:transparent;
	margin-top: 2px;
	font-size:15px;
	outline: none;
	box-sizing: border-box;
}
#imagepicker .picker-body{
	position:absolute;
	top:143px;
	bottom:55px;
	padding:0px;
	font-size:15px;
	color:#555555;
	font-weight:normal;
	display:block;
	width:100%;
	box-sizing: border-box;
	overflow-x:hidden;
	overflow-y:scroll;
}

#imagepicker .picker-body .tiles{
	float:left;
	width:20%;
	box-sizing: border-box;
	overflow:hidden;
	padding:0px;
	margin:0px;
	height: 280px;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}

#imagepicker .picker-body .tiles-prod{
	float:left;
	width:33%;
	box-sizing: border-box;
	overflow:hidden;
	padding:0px;
	margin:0px;
	height: 280px;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;	
}

#imagepicker .picker-body .tiles a,#imagepicker .picker-body .tiles-prod a{
	text-decoration:none;
	display:block;
	box-sizing: border-box;
	width:100%;
	height: 100%;
	text-align:center;
	font-size:15px;
	color:#999999;
	padding: 15px;
}

#imagepicker .picker-body .tiles a:hover,#imagepicker .picker-body .tiles-prod a:hover{
	background:#eeeeee;
}

#imagepicker .picker-body .tiles a.chosen,#imagepicker .picker-body .tiles-prod a.chosen{
	background:#fffcd5;
}

#imagepicker .picker-body .tiles img{
	width:100%;
}

#imagepicker .picker-body .tiles-prod .prod-img{
	width:100%;
	height: 180px;
	background:#f6f6f6;
	background-repeat:no-repeat !important;
	background-size:contain !important;
	background-position-x: center !important;
}

#imagepicker .picker-body .tiles-prod img{
	width:100%;
	margin:auto;
}

#imagepicker .picker-foot{
    padding: 10px 0px 10px 30px;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    position: absolute;
    bottom: 0px;
    width:100%;    
}

.imagepicker{
    display: block;
    color: #ffffff !important;
    margin-top: 5px;
    font-size: 14px;
    background:#250e62;
    text-decoration: none;
    max-width: 150px;
    text-align: center;
    padding: 7px 4px;
    border-radius: 4px;
}

.imagepicker:hover{
	background:#333333;
}

#imagepicker .first-button{
	display:block;
	background:#3740ff;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
#imagepicker .second-button{
	display:block;
	background:#eeeeee;
	padding:8px 12px;
	color:#09411d;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	border:none;
	text-align:center;
	text-decoration:none !important;
	border-radius:4px;
}
#imagepicker .first-button:hover{
	background:#353de1;
}
.#imagepicker .second-button:hover{
	background:#cccccc;
}
.toast{
	position:fixed;
	bottom:50px;
	left:40%;
	display:none;
	z-index:99999;
	background:#685bc7;
	opacity:0.85;
	width:250px;
	height:85px;
	line-height:85px;
	border-radius:10px;
	padding:0px;
	overflow:hidden;
	/*box-shadow: 2px 3px 3px #969696;*/
}
.toast .icon {
    display: block;
    float: left;
    width: 30%;
    padding: 0px;
    text-align: center;
    padding: 0px;
}
.toast .msg {
    display: block;
    float: left;
    width: 66%;
    text-align: left;
    padding: 0px 10px 0px 0px;
    font-size: 16px;
    color: #ffffff;
}
.toast .msg span{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding: 0px;
	margin-top: -10px;
}
.toast .icon i {
    font-size: 25px;
    color:#ffffff;
}

.scrollers{
	position:fixed;
	width:50px;
	bottom:10px;
	left:-6px;
	padding:5px;
	z-index:5;
}
.scrollers a{
	text-decoration:none;
	display:block;
	width: 40px;
    height: 20px;
	background:transparent;
	text-align: center;
	margin-bottom: 8px;
}
.scrollers a i{
	font-size:20px;
	color:#250e62;
}
.scrollers a:hover i{
	color:#3740ff;
}
@media screen and (max-width:1400px){
	.head .full .logo a{
		
	}
	.menu-anchor{
		display:none;
	}
	.menu-anchor-2{
		display:block;
		width:3%;
	}	
}

@media screen and (max-width:1300px){
	.full{
		max-width:1250px !important;
	}
}

@media screen and (max-width:1270px){
	.full{
		max-width:1220px !important;
	}
	#screen-composer .left, #screen-composer .top-bar .canvas-email-title{
		width:65% !important;
	}
	#screen-composer .right, #screen-composer .top-bar .canvas-properties {
		width:35% !important;
	}
}

@media screen and (max-width:1240px){
	.full{
		max-width:1190px !important;
	}
}

@media screen and (max-width:1210px){
	.full{
		max-width:1160px !important;
	}
}

@media screen and (max-width:1180px){
	.full{
		max-width:1130px !important;
	}
}

@media screen and (max-width:1150px){
	.full{
		max-width:1100px !important;
	}
}

@media screen and (max-width:1120px){
	.full{
		max-width:1070px !important;
	}
}

@media screen and (max-width:1090px){
	.full{
		max-width:1040px !important;
	}
}

@media screen and (max-width:1060px){
	.full{
		max-width:1010px !important;
	}
}

@media screen and (max-width:1030px){
	.full{
		max-width:980px !important;
	}
}

@media screen and (min-width:0px) and (max-width:1110px){
	.bad-screen{
		display:block !important;
	}
}