/*
	---------------------------
	TABLE OF CONTENTS
	---------------------------
	
	1. Code Preview Container
	2. Button   
    3. Uix Plugins Tips          
	4. Hide TinyMCE Editor

*/


/* ====================================================== 
   1. Code Preview Container                               
/* ====================================================== */
.uix-slideshow-dialog {
    width: 500px;
    height: 440px;
    padding: 20px 0 0 20px;
    background: #e8e8e8;
    border: 1px solid #dadada;
    font-family: sans-serif;
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.8);
    -moz-box-shadow: 0 1px 15px rgba(0,0,0,.8);
    box-shadow: 0 1px 15px rgba(0,0,0,.8);
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -250px;
    display: none;
    z-index: 9999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.uix-slideshow-dialog-mask {
    display: none;
    z-index: 9999998;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.uix-slideshow-dialog textarea {
    width: 100%;
    height: 90%;
}

.uix-slideshow-dialog .close {
    display: inline-block;
    margin-top: 3px;
}

@media all and (max-width: 540px) {
	
    .uix-slideshow-dialog {
        width: 300px;
        margin-left: -170px;
    }
}


/* ====================================================== 
   2. Button                           
/* ====================================================== */
.button-remove {
    background: #DD421A !important;
    border-color: #DD421A #DD421A #DD421A !important;
    -webkit-box-shadow: 0 1px 0 #DD421A !important;
    box-shadow: 0 1px 0 #A10508 !important;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: 0 -1px 1px #A10508,1px 0 1px #A10508,0 1px 1px #A10508,-1px 0 1px #A10508 !important;
}



.ui-sortable .wp-picker-container .wp-color-result {
	width: 31px !important;
}

.ui-sortable .wp-picker-container .color-alpha {
	height: 28px !important;
}


.ui-sortable .wp-picker-container .wp-color-result {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACCAYAAAA5Ht7JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg1NUE0OTZGNkZDMTFFQTk4NzQ4NkI4MDQxNTNFODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg1NUE0OTdGNkZDMTFFQTk4NzQ4NkI4MDQxNTNFODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzU2REIwOUY2RjUxMUVBOTg3NDg2QjgwNDE1M0U4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzU2REIwQUY2RjUxMUVBOTg3NDg2QjgwNDE1M0U4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiZeFcAAAC8SURBVHjaHI7RCgFhEIW/sStEuy03UsKNkgjFhRfwxJ7AFYpaJdcegFoSFr/DxdeZmf8/M8fs4E7ERG4HdgB3BB7QNZhlYPLDg1bmrfke7ht4biFdwXsN4Qva8vREXwz01IDYwVLtQjqXXoVHBWdTVSPMhtLx2Z8WiDTH1RVAn12oeaqDCtAU2UvCQwESU4BUx545aRleuvK5EdSKIO8f7SGvPfKVVFZ/JAkd6e0fIFCAmqoQw5feo68AAwCThDaj0nkQHQAAAABJRU5ErkJggg==) !important;
    background-repeat: no-repeat !important;
    z-index: 559901;
}

.ui-sortable input.wp-color-picker {
    position: absolute;
    z-index: 559902;
}

.ui-sortable input.wp-picker-clear {
    margin-left: 70px;
    width: 50px;
}


/* ====================================================== 
   3. Uix Plugins Tips                           
/* ====================================================== */
.uix-plug-note {
    position: relative;
    clear: both;
    background: #FCDBD6;
    border: 1px solid #ECD5D8;
    -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,.1);
    box-shadow: 0 1px 1px 0 rgba(255,255,255,.1);
    margin: 5px 2px 2px 0;
    padding: 1px 12px;
    border-color: #f5df52;
    background: #fcf7d4;
    box-shadow: inset 0 0 0 1px #ffffff, 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.uix-plug-note p {
    margin: .5em 0;
    padding: 2px;
}

.uix-plug-info {
    position: relative;
    clear: both;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
	border-left: 3px solid #C8C8C8;
    -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,.1);
    box-shadow: 0 1px 1px 0 rgba(255,255,255,.1);
    margin: 5px 2px 2px 0;
    padding: 1px 12px;
    box-shadow: inset 0 0 0 1px #ffffff, 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.uix-plug-info p {
    margin: .5em 0;
    padding: 2px;
}

/* ====================================================== 
   4. Hide TinyMCE Editor                 
/* ====================================================== */
body.wp-admin.post-type-uix-slideshow  #postdivrich {
    display: none;
}