@charset "utf-8";

.disable{
filter: grayscale(100%);
opacity:0.45;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
	
.screen{
max-width:550px;
background:#f5f5f5;
height:100%;
margin:auto;
}

.page{
text-align:center;
width:95%;
max-width:1000px;
margin: auto;
}

.bold{
    font-weight:600;
}

.title{
font-family: 'Roboto', sans-serif;
font-size:35px;
margin: 0px;
padding:0px;
line-height:35px;
color:#444;
margin-bottom:50px;
}

.banner_text{
	font-size:50px;font-weight:800;color:#fff;line-height:75px;
}

.list_product{
width:14.285%;float:left;margin:5px 0px;
}

.nav_page{
margin-bottom: 35px;
margin-top: 25px;
color: #aaa;
}

.hide_desktop{
display: none;
}

.hide_mobile{
display: block;
}

.remove_float_mobile{
float:left;
margin-right:15px;
}

.service_item_container{
float: left;
width: 25%;
}

.float_50_container{
float: left;
width: 50%;
}

.float_3_container{
float: left;
width: 33.333%;
}

.tab_bar{
padding: 5.5px 7.5px;
border-radius: 3.5px;
border: solid 2px #333;
background: #444;
margin-bottom: 10px;
cursor: pointer;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,000000+100;Black+3D+%231 */
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top,  #333333 0%, #222222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #333333 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333333 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */

}.tab_bar:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,000000+100;Black+3D+%231 */
background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #444444 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #444444 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

.tab_bar h5{
color: #fff;
font-size: 18px;
font-family: 'Ubuntu',sans-serif;
margin-left:5px;
}

.tab_bar img{
height: 25px;
}

.side_left_container{
float: left;
width: 72.5%;
margin-bottom: 50px;
}

.side_right_container{
float: right;
width: 25%;
}

.float_left_50{
float: left;
width: 50%;
}

.content_left_50_container{
float: left;
width: 47.5%;
}

.content_right_50_container{
float: right;
width: 47.5%;
}

.content_left_30_container{
float: left;
width: 27.5%;
}

.content_right_70_container{
float: right;
width: 67.5%;
}

.float_3_container{
float: left;
width: 33.333%;
}

.efek_shadow_header{
margin-top: 2px;
margin-bottom: 20px;
width: 100%;
height: 15px;
max-width: 750px;
}

.efek_shadow{
margin-top: 3px;
margin-bottom: 20px;
width: 100%;
height: 15px;
}

.box_standar{
	border: solid 1px #ddd;
	padding: 10px;
	border-radius:3.5px;
}

.box_content{
border:solid 1px #ddd;
border-radius:3.5px;
padding:10px;
margin-bottom:10px;
background: #fff;
/*-webkit-box-shadow: 0 1px 5px #e3e3e3;*/
}

.home_logo_container{
max-width:550px;
float:left;
}

.home_contact_container{
float:right;
}

.slideshow_container{
float:left;
width:75%;
}

.home_slideshow_container{
float:left;
width:75%;
margin-top: 0px;
}

.home_slideshow_small_container{
float:right;
width:25%;
}

.home_blog_container{
float: left;
width: 47.5%;
margin: 0px;
}

.home_testimony_container{
float:right;
width: 47.5%;
margin: 0px;
}

.home_product_item{
width: 14.28%;
border: none;
float: left;
margin: 0px;
border-radius: 7.5px;
}

/* Affiliate */
.affiliate_akun_left{
width:72.5%;float:left;
}

.affiliate_akun_right{
width:25.5%;float:right;
}


.logo_media{
height:45px;
margin:10px;
}

.sample_product_boxitem{
width:20%;
border:none;
float:left;
}

.online_design_boxitem{
float:left;
width:20%;
}

.checkout_preview_image_container{
width:175px; float:left; border-radius:5px;
}

.checkout_preview_info_container{
margin-left: 200px;
margin-top: 0px;
}

.footer_rc_container{
text-align: center;

}

.footer_rc_container h4{
text-align: left;
}

.footer_rc_container h5{
text-align: left;
}

.footer_rc_container h6{
text-align: left;
}

.footer_icon_location{
float:left;
height: 20px;
margin-top: 5px;
margin-bottom: 10px;
}

.footer_text_location{
margin-left:30px;
}

.footer_col1{
float: left;
width: 27.5%;
}

.footer_col4{
float: right;
width: 25%;
}

.footer_sosmed_container{
width:100%;
margin:auto;
}

.footer_copyright_container{
background: #c2d32c;
padding: 10px 25px;
text-align: right;
}

.content_menu_tabs{
width: 96%;
background: #fff;
min-height: 300px;
margin-top: 0px;
z-index: 100;
position: absolute;
box-shadow: 0 5px 12px rgba(0,0,0,0.5);
}

.listbox_full_content_container{
float: left;
margin-top: 20px;
width: 74%;
border-top: solid 2px #B4C5CA;
padding-top: 20px;
}

.listbox_full_content{
width: 100%;
min-height: 1213px;
background: #fff;
border: solid 1px #B4C5CA;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}


.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffbd51));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffbd51 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffbd51',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffbd51;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	box-shadow:0px 3px 5px #ddd;
	text-align: center;
}

.btn_popup{
	background:#fff;
	border:none;
	color:#8bc34a;
	display: block;
	padding:0px;
	margin:0px;
	line-height:20px;
}

.btn_yellow{
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffbd51));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffbd51 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffbd51',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffbd51;
	display:inline-block;
	display:block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	box-shadow:0px 3px 5px #ddd;
	text-align: center;
}

.abtn_yellow{
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffbd51));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffbd51 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffbd51 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffbd51',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffbd51;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	box-shadow:0px 3px 5px #ddd;
	text-align: center;
}

.btn_white{
background: #fff;
color:#444;
border:solid 1px #d5d5d5;
font-size:15px;
font-weight:600;  
min-width:85px; 
box-shadow    : 0px 3px 5px #e5e5e5;
padding: 5.5px 7.5px;
border-radius:3.5px;
text-align: center;
}

.btn_white_akun_menu{
background: #fff;
color:#444;
border:solid 1px #d5d5d5;
font-size:15px;
font-weight:600;  
min-width:85px; 
box-shadow    : 0px 3px 5px #eee;
padding: 5.5px 7.5px;
border-radius:3.5px;
text-align: center;
margin-left:5px;
width:200px; float:left; border-radius:3.5px 3.5px 3.5px 3.5px;
}

.box_stitched {

   padding: 10px;
   margin: auto;
   width: 100%;
   background: #ff0030;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #aa3030;
   font-weight: normal;
}

.right_content{
width: 24%;
float: right;
height: auto;
background: #ffffff;
margin-bottom: 5px;
border: solid 1px #B4C5CA;
border-top: solid 3px #00BFF3; margin-top:20px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

.isi_box_content{
margin:10px;
}

.image_shadow{
width:100%;
max-width:850px; 
}

.efek_hover:hover{
opacity: 0.7;
filter: alpha(opacity=70);
cursor: pointer;
}

.efek_hover_reverse{
opacity: 0.85;
filter: alpha(opacity=85);
cursor: pointer;
}.efek_hover_reverse:hover{
opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
}

.gallery_item{
margin:5px;
}.gallery_item:hover{
margin:0px;
-moz-transition: all 0.1s;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}

.footer_item{
color: #ccc;
}

.footer_subitem{
color: #777;
margin: 5px 0px;
		
}.footer_subitem:hover{
color: #ccc;
transition: all 0.2s ease-in-out;
}

.form_text{
	font-family: sans-serif;
	font-size:17px;
	font-weight: 400;
	margin: 0px;
	padding:0px;
	line-height:22px;
	color:#444;
	margin-top:35px;
}

.form_text_info{
    font-weight:400;
	font-size:14px;
	color:#b5b5b5;
	line-height:20px;
}

.btn_form{

border: none;	
background: #c2d32c;
font-size: 17px;
padding: 10px;
color: #fff;	
width: 125px;
}


.input_form_linestyle{
border: none;
border-bottom: solid 2px #ddd;
border-radius: 0px;
background: none;
outline: none;
font-size: 16px;
padding: 5px 0px;
resize: none;
width:100%;
}

.input_form_default{
  font-family: 'Roboto',sans-serif;
  border: solid 1px #e5e5e5;
  border-radius: 2.5px;
  background: #fafafa;

  outline: none;
  font-size: 15px;
  color: #777;
  resize: none;
  margin: 5px 0px;
  padding: 12.5px 12.5px;
  width: 100%;
  max-width: 750px;
  /*
  box-shadow: 0 1px 5px #e5e5e5;
  -moz-box-shadow: 0 1px 5px #e5e5e5;
  -webkit-box-shadow: 0 1px 5px #e5e5e5;
  */
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}.input_form_default:focus{
  background: #ffffff;
  box-shadow: 0 0 7px rgba(81, 203, 238, 0.7);
  border: 1px solid rgba(81, 203, 238, 0.7);
}

.form_select{
    padding: 11.5px 12.5px;
}

.btn_menu{
  font-family: 'Roboto',sans-serif;
  text-align: center;
  cursor: pointer;
  display: block;
  background: #fff;
  color: #444;
  border: solid 1px #d5d5d5;
  font-size: 15px;
  min-width: 85px; 
  box-shadow: 0px 3px 5px #e5e5e5;
  padding: 11.5px 7.5px;
  border-radius: 3.5px;
}

.btn_input{
font-family: sans-serif;
background:#c2d32c;
font-size:17px;
color:#fff;
padding: 8.5px 20px;
border-radius:3.5px;
display: inline-block;
margin:10px 0px;
}

.btn_default{
font-size:17px;
width:100%;
color:#fff;
background:#8bc34a;
border:solid 1px #8bc34a;
padding:12.5px 10px;
display: block;
border-radius:3.5px;
}

.abtn{
font-size:17px;
width:100%;
color:#fff;
background:#01b753;
border:solid 1px #01b753;
padding:11.5px 20px;
display: block;
border-radius:3.5px;
text-align:center;
}

.abtn_default{
font-size:17px;
width:100%;
color:#fff;
background:#8bc34a;
border:solid 1px #8bc34a;
padding:11.5px 20px;
display: block;
border-radius:3.5px;
text-align:center;
}

.abtn_default2{
font-size:17px;
width:100%;
color:#8bc34a;
background:#fff;
border:solid 1px #8bc34a;
padding:7.5px 20px;
display: block;
border-radius:3.5px;
letter-spacing:1px; 
text-align:center;
}



.btn_header{
font-size:15px;
width:100%;
color:#fff;
background:#0542db;
padding:11px 10px;
margin:0;
display: block;
border-radius:3.5px;
letter-spacing:1px; 
}

.panel_info_form{
color:#aaa;
font-size:14px;
line-height:20px;
}

.panel_header_bar{
color: #fff;
padding: 5px 10px;
margin-top: 10px;
border-radius:3.5px 3.5px 0px 0px; box-shadow: 0 1px 6px rgba(0,0,0,0.15);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}

.panel_header_bar img{
height: 23px;
}

/*----------------------------------------------------------------------------------------------------*/
/*Menu Header*/
.menu_header{
width:100%;
margin: auto;
margin-top:0px;
color: #fff;
/*z-index:100;*/
/*background:#fff;*/
/*position: fixed;*/
}

.header_account_container{
float: right;
}

.btnMenuHeader{
font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
font-family: Arial,sans-serif;
font-size:17px;
line-height: 15px;
color:#fff;
padding:12px 10px;
}

.header_logo{
float: left;
}

.side_left{
float:left;
margin-top:20px; width:74%; border-top:solid 2px #B4C5CA; padding-top:5px;
}



.footer_logo_container{
	float:left;
	width:40%;
}

.text_about{
	text-align:center;margin:5px;font-size:40px;line-height:35px;font-weight:600;
}

.text_link{
	color : #2196F3;
}

.menu_top{
font-family: 'Roboto',sans-serif;
font-size: 17px;
margin: 0px;
padding: 10px 0px;
color: #444;
border-bottom: solid 5px #fff;
}.menu_top:hover{
color: #c2d32c;
border-bottom: solid 5px #c2d32c;
}

/*----------------------------------------------------------------------------------------------------*/
.mainMenu{
background: #00bff3;
margin: auto;
margin-top: 20px;
margin-bottom: 25px;
color: #fff;
padding: 8px;
padding-top: 0px;
}

.mainMenuBtn{
	font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	font-size 		: 16px;
	color 			: #fff;
	padding 		: 8px 6px;
	cursor 			: pointer;
	font-weight 	: 400;
}.mainMenuBtn:hover{
	color 			: #8EE7FF;
	border-bottom 	: solid 3px #fff;
}


/*----------------------------------------------------------------------------------------------------*/
/*FOOTER*/

.footer_sosmed_icon{
	width:40px;
	margin-left:5px;
}.footer_sosmed_icon:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
}

/*----------------------------------------------------------------------------------------------------*/

.title_article{
	font: normal 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	color:#2C3E50;
	font-size:18px;
	margin-top:15px;
}.title_article:hover{
	color:#2196F3;
}

.readmore{
	color:#E60000;
	font-size: 16px;
}

.imgGallery:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}


.btnPage{
	float: left;
	margin:5px 2px;
	background:#2879D5;
	width:35px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}.btnPage:hover{
	background:#64A0E4;
}

.Link{
	color:#7493D5;
	font-weight: bold;
}

.LinkView{
	color:#F95077;
	font-weight: bold;
}

.left {
	width:305px;
	float:left;
	margin-bottom:0px;
	margin:0px;
	padding:0px;
	padding-left:15px;
	padding-top:0px;
	margin:auto;
	height:500px;
	text-align:left;
}

.menuTop{
	float: left;
	margin: 0px;
	padding:8px 10px;
	color: #999;
	cursor: pointer;
	font-size: 16px;
	font-family: Verdana,Arial,Helvetica,sans serif;
	border-left: solid 1px #eee;
}.menuTop:hover{
	color: #f02701;
	padding-top:0px;
	border-bottom: solid 3px #f02701;
}

.MenuLeft{
	font-size:16px;
	color:#f02701;
	padding:7px 10px;
	border-bottom: solid 1px #eee;
	border-radius:0px;
	margin:0px 0px;
	font-weight: bold;
	cursor: pointer;
}.MenuLeft:hover{
	padding-left:20px;
}

.MenuFooter{
	font-size:15px;
	color:#f02701;
	border-left: 3px solid #f02701;
	margin:5px 5px;
	margin-bottom: 12px; 
	padding:0px;
	padding-left:5px; 
	line-height: 15px;
}

.subMenu{
	border:solid 1px #ddd;
	border-radius:5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background:#fafafa;
	color:#f02701;
	padding:5px 10px;
	padding-bottom: 0px;
	margin-top:10px;
	margin-bottom: 0px;
	font-size: 18px;
}

.PageContent {
	padding-top:75px;
	margin-bottom:0px;
}

.isiContent{
	background-color:#eee;
	margin:2%;
}

.Item{
	background-color:#FFF;
	height:50px;
	margin:5px;
	padding:10px;
	border-radius:3px;
	border:solid 1px #ddd;
	text-align:left;
	color:#898f9c;	
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);	
}.Item:hover{
	color:#DA0F50;	
}

.HeaderMenu {
	text-align:left;
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:5px;
	background:#F8F8F8;
	padding:15px 20px;
}

.Content {
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:0px;
	background:#F8F8F8;
}

.LeftContent {
	width:11%;
	position:fixed;
}

.Login{
	padding:35px;
	margin: auto;
	margin-top:100px;
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:0px;
	background:#F8F8F8;
	width:50%;
	box-shadow: 0 4px 7px rgba(0,0,0,0.3);
}

.footer{
	margin: auto;
	font-size:15px;
	color:#fff;

}

.MenuButton{
	font-size:16px;
	color:#0F54BB;
	border-bottom: solid 1px #ccc;
	padding:5px;
	margin:5px;
	margin-right:5px;
}.MenuButton:hover{
	padding-left:15px;
	color:#DA2B2B;
}

.buttonMenu {
	text-decoration:none;
	padding:4px 15px;
	border:0px #999999;
	border-radius:5px;
	background:#EBEBEB;
	text-decoration: none;
	font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	color:#ffffff;
}.buttonMenu:hover {
	background:#B1C0D3;	
}

.buttonPagging{
	color:#FFF;
	padding:10px 15px;
	border-radius:5px;
	background:#C6C9CE;
}.buttonPagging:hover{
	background:#E0E4EB;
	color:#6E88A8;
}

.footer_submenu{
  margin-right: 10px;
  margin-left: 5px;
  height: 20px;
  vertical-align: sub;
}

/*Datepicker*/
.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
/*Datepicker*/

.table_hide td{
  border: none;
  padding: 5px 0px;
}

/*Canvas*/
.font_color_picker{
float:left;width:25px;height:25px;
border-radius:25px;
margin:2px;
}.font_color_picker:hover{
cursor: pointer;
}