body {
  padding-top: 54px;
}

#rw-workspace-container{

	padding:30px 10px;
	min-height:500px;
	
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.rw-margins,.rw-paddings{
cursor:s-resize;
vertical-align:middle;
}

#rw-l-p, #rw-r-p{
	cursor:w-resize;
}

.rw-dim-val{
	font-size:10px;
	margin:0 auto;
	padding:0;
	display:none;
	color:#999999;
	font-weight:600;
}





/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/


.rw-position-tool{
	background-color :#3F3F3F;
	padding:5px 10px;
	border-top:1px solid #535353;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	display:none;
	clear:both;
}
.rw-top-margin{
	height:25px;
	width: auto;
	left:60px;
	right:60px;
	transition: opacity 0.2s ease 0s;
	cursor: pointer;
	background-color:#2B2B2B;
	position:absolute;
	top:30px;
	display:block;
	clear:both;
}
/*
.rw-position-tool{
	background-color:#3F3F3F;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top:1px solid #535353;
	padding:5px 10px;
	position:relative;
	display:block;
}
*/

.rw-position-margin{
	position: relative;
	height:150px;
}

/*MARGIN TOP STYLE*/
.rw-position-margin-top{
	height:25px;
	width: auto;
	left:30px;
	right:30px;
	transition: opacity 0.2s ease 0s;
	cursor:s-resize;
	background-color:#2B2B2B;
	position:absolute;
	text-align:center;
}
.rw-position-margin-top:before{
	background:url("../images/sprite.png") no-repeat -168px 0;
    content: "";
    display: block;
    height: 25px;
    left: -25px;
    position: absolute;
    width: 25px;
}
.rw-position-margin-top:after{
	background: url('../images/sprite.png') no-repeat -196px 0;
	width: 25px;
	height: 25px;
    content: "";
    display: block;
    right: -25px;
    position: absolute;
    
}

/*MARGIN BOTTOM STYLE*/
.rw-position-margin-bottom{
	height:25px;
	width: auto;
	left:30px;
	right:30px;
	transition: opacity 0.2s ease 0s;
	cursor:s-resize;
	background-color:#2B2B2B;
	position:absolute;
	bottom:1px;
	text-align:center;
}

.rw-position-margin-bottom:before{
	background: url('../images/sprite.png') no-repeat -84px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	display:block;
	right:-25px;
}

.rw-position-margin-bottom:after{
	background: url('../images/sprite.png') no-repeat -56px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	display:block;
	left:-25px;
}


/*PADDING TOP STYLE*/
.rw-position-padding-top{
	height:25px;
	width: auto;
	left:60px;
	right:60px;
	transition: opacity 0.2s ease 0s;
	cursor:s-resize;
	background-color:#2B2B2B;
	position:absolute;
	top:30px;
	text-align:center;
}

.rw-position-padding-top:before{
	background: url('../images/sprite.png') no-repeat -168px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	left:-25px;
	display:block;
}

.rw-position-padding-top:after{
	background: url('../images/sprite.png') no-repeat -196px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	right:-25px;
	display:block;
}

/*PADDING RIGHT STYLE*/
.rw-position-padding-right{
	height:auto;
	top:60px;
	bottom:60px;
	right:30px;
	transition: opacity 0.2s ease 0s;
	cursor:w-resize;
	background-color:#2B2B2B;
	position:absolute;
	width:25px;
	text-align:center;
}
.rw-position-padding-right:before{
	background: url('../images/sprite.png') no-repeat -56px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	top:-25px;
	display:block;
}

.rw-position-padding-right:after{
	background: url('../images/sprite.png') no-repeat -168px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	bottom:-25px;
	display:block;
}

/*PADDING BOTTOM STYLE*/
.rw-position-padding-bottom{
	height:25px;
	width: auto;
	left:60px;
	right:60px;
	transition: opacity 0.2s ease 0s;
	cursor:s-resize;
	background-color:#2B2B2B;
	position:absolute;
	bottom:30px;
	text-align:center;
}

.rw-position-padding-bottom:before{
	background: url('../images/sprite.png') no-repeat -84px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	right:-25px;
	display:block;
}

.rw-position-padding-bottom:after{
	background: url('../images/sprite.png') no-repeat -56px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	left:-25px;
	display:block;
}

/*PADDING LEFT STYLE*/
.rw-position-padding-left{
	height:auto;
	top:60px;
	bottom:60px;
	left:30px;
	transition: opacity 0.2s ease 0s;
	cursor:w-resize;
	background-color:#2B2B2B;
	position:absolute;
	width:24px;
	text-align:center;
}

.rw-position-padding-left:before{
	background: url('../images/sprite.png') no-repeat -196px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	bottom:-25px;
	display:block;
}

.rw-position-padding-left:after{
	background: url('../images/sprite.png') no-repeat -84px 0;
	width: 25px;
	height: 25px;
	content:"";
	position:absolute;
	top:-25px;
	display:block;
}

.rw-position-proportional{
/*	width:100%;*/
	height:5px;
	margin:0 auto;
	position:absolute;
	top:68px;
	    left: 115px;
	    text-align:center;
}
.rw-position-proportional-m{
	background: url('../images/sprite.png') no-repeat -225px -1px;
	width: 20px;
	height: 14px;
    display: block;
    margin: 0 auto;
  	cursor:pointer;
  	text-align:center;
    
}

.rw-position-proportional-m:hover{
	background: url('../images/sprite.png') no-repeat -250px -1px;
	width: 20px;
	height: 14px;
}


.rw-position-margin-top:hover, .rw-position-margin-bottom:hover, .rw-position-padding-top:hover,
.rw-position-padding-right:hover, .rw-position-padding-bottom:hover,.rw-position-padding-left:hover{
	opacity:0.6;
}


.rw-position-margin-top-val, .rw-position-margin-bottom-val, .rw-position-padding-top-val, .rw-position-padding-bottom-val{
	position:absolute;
	line-height:25px;
}


.rw-position-padding-right-val, .rw-position-padding-left-val{
	width:100%;
	height:100%;
	left:0;
}












/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

 html,
        body {
           /* margin: 0 auto !important;
            padding: 0 !important;*/
            height: 100% !important;
            width: 100% !important;
        }

        /* What it does: Stops email clients resizing small text. */
        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        /* What it does: Centers email on Android 4.4 */
        div[style*="margin: 16px 0"] {
            margin: 0 !important;
        }

        /* What it does: Stops Outlook from adding extra spacing to tables. */
        table,
        td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }

        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
        table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            table-layout: fixed !important;
            margin: 0 auto !important;
        }
        table table table {
            table-layout: auto;
        }

        /* What it does: Uses a better rendering method when resizing images in IE. */
        img {
            -ms-interpolation-mode:bicubic;
        }

        /* What it does: A work-around for email clients meddling in triggered links. */
        *[x-apple-data-detectors],  /* iOS */
        .x-gmail-data-detectors,    /* Gmail */
        .x-gmail-data-detectors *,
        .aBn {
            border-bottom: 0 !important;
            cursor: default !important;
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }

        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
        .a6S {
            display: none !important;
            opacity: 0.01 !important;
        }
        /* If the above doesn't work, add a .g-img class to any image in question. */
        img.g-img + div {
            display: none !important;
        }

        /* What it does: Prevents underlining the button text in Windows 10 */
        .button-link {
            text-decoration: none !important;
        }

        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
        /* Create one of these media queries for each additional viewport size you'd like to fix */
        /* Thanks to Eric Lepetit (@ericlepetitsf) for help troubleshooting */
        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */
            .email-container {
                min-width: 375px !important;
            }
        }

	    @media screen and (max-width: 480px) {
	        /* What it does: Forces Gmail app to display email full width */
	        div > u ~ div .gmail {
		        min-width: 100vw;
	        }
		}
		
		
		
		
		
		/* What it does: Hover styles for buttons */
    .button-td,
    .button-a {
        transition: all 100ms ease-in;
    }
    .button-td:hover,
    .button-a:hover {
        background: #555555 !important;
        border-color: #555555 !important;
    }
    
    
    .rw-sidebar{
    	
    	background-color:#eee;
  height:100%;
  position:fixed;
  right:0;
    }

    /* Media Queries */
    @media screen and (max-width: 600px) {

        /* What it does: Adjust typography on small screens to improve readability */
        .email-container p {
            font-size: 17px !important;
        }

    }