/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 25, 2014, 11:39:50 PM
    Author     : parivut
*/
p{
font-size:16px;
}
.black{color:#000;}
.blue{color:#00ffff;}
.bluerace{color:#51a8ff;}
.darkblue{color:#000066;}
.darkgray{color:#353443;}
.gray{color:#ccc;}
.green{color:#00cc00;}
.orange{color:#ff8000;}
.red{color:#ff0000;}
.redrace{color:#ff6464;}
.silver{color:#d5d5d5;}
.white{color:#ffffff;}

.bg-red{ color:#ff0000;}
.bg-orange{ color:#ff8000;}
.bg-black{ color:#000;}
.bg-white{background:#ffffff;}
.bg-head{
    background:#eee;   
}
.bg-body{
    background:#fff;   
}

a.white{color:#ffffff;}
.rows-list{
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}
.rows-list > li{
	padding: 10px 8px 10px 8px;
	border-bottom: #e9e9e9 1px solid;
	min-height: 25px;
	margin-bottom: 1px;
	background-color: #fff;
}

.rows-list > li > .control{
	float:right;
	color: #ccc;
}

.rows-list > li:hover .control{
	display:inline;
}

.rows-list > li > .control{
/*	display: none;*/
}

.rows-list > li > .control > button{
	background:none;
	border:0px;
}

.rows-list > li .control .dropdown-menu{
	right:0;
	left:inherit;
	margin: 0px 0 0;
}



/*====BootstrapFixed===*/
input[type=text],select,select option,textarea,input[type=file]{
    font:14px Tahoma;
}

.breadcrumb{
    margin:0;
}






.button-manage-footer li{
	display:inline;
	margin-right:5px;
}

.button-manage-footer a{ text-decoration:none; }
.button-manage-footer a:link{ color:#fff; }
.button-manage-footer a:visited{ color:#fff; }
.button-manage-footer a:hover{ 
	color:#fff;
}
.button-manage-footer a:active{ color:#0066FF; }

.hidden{
	display:none;
}

.label{
	font-size:inherit;
	padding: .2em .6em .2em;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #ccc;
	content: ">\00a0";
}

/*==========Cpanel-Global-Css==========*/
.cpanel-icon{
	height:40px;
	margin:auto;
}

.cpanel-icon li{
	list-style-type: none;
	display:inline;
}

.cpanel-icon a{
	margin:0px 5px 5px 0px;
	display:block;
	float:left;
	width:100%;
	height:53px;
	text-align:center;
	text-decoration:none;
	border:#d3e3f0 1px solid;
	background:#e6f2fc no-repeat right center;
	font-size: 1.2em;
}

.cpanel-icon img{
	width:48px;
	height:48px;
    float: left;
	display: inline;
  }

.cpanel-icon p{
	padding-top: 15px;
  }

.panel-default>.panel-heading{
	background:#fcfcfc;
	background-image: linear-gradient(to bottom,#fcfcfc 0,#fcfcfc 100%);
	background-repeat: repeat-x;
	color:#999;
}

.carousel-control{
	opacity: 0.1;
}

img{
	border: 0;
	width: auto;
}

.panel-title {
	font-size:inherit;
	font-weight: bold;
}


.size30{ width:30%; }
.size40{ width:40%; }
.size50{ width:50%; }
.size60{ width:60%; }
.size75{ width:75%; }
.size80{ width:80%; }
.size88{ width:88%; }
.size-static5{ min-width:280px; }

.btn-primary{
	color:#fff !important;	
}
.btn-info{
	color:#fff !important;	
}
.btn-danger{
	color:#fff !important;	
}
.btn-warning{
	color:#fff !important;	
}
.btn-success{
	color:#fff !important;	
}

/*==========font-awesome==========*/
.fa-check{
	color:#009933;
}

.fancyClose{
	cursor:pointer;
}

img{
    max-width: 100%;
}

#editor {
max-height: 250px;
height: 250px;
background-color: white;
border-collapse: separate;
border: 1px solid rgb(204, 204, 204);
padding: 4px;
box-sizing: content-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
outline: none;
}

#editor ul{
	list-style-type:disc;
	list-style:disc;
	margin-left:15px;
}
#editor ul li{
	list-style-type:disc;
	list-style:disc;
	line-height:1.5;
}

/*======2014=====*/
.rows-list{
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}

.rows-list > li{
	padding: 10px 8px 10px 8px;
	border-bottom: #e9e9e9 1px solid;
	min-height: 25px;
	margin-bottom: 1px;
	background-color: #fff;
}

.rows-list > li > .control{
	float:right;
	color: #ccc;
}

.rows-list > li:hover .control{
	display:inline;
}

.rows-list > li > .control{
/*	display: none;*/
}

.rows-list > li > .control > button{
	background:none;
	border:0px;
}

.rows-list > li .control .dropdown-menu{
	right:0;
	left:inherit;
	margin: 0px 0 0;
}





ul li .removeService { display: none; } 
ul li:hover .removeService { display: inline; } 

.breadcrumb-control{
	float:right;
}

.breadcrumb li.breadcrumb-control:before{
	padding: 0 5px;
	color: #ccc;
	content: "";
}

/*=====Form=====*/
.bs-float-label {
    position:relative;
    border:1px solid #ddd;
    margin:10px;
    padding:10px;
}
.bs-float-label > .float-input {margin-top:10px;}
.bs-float-label > .float-input:focus {
  /*border-color: #f06d06;*/
}
.bs-float-label > .float-label {
    position:absolute; 
    top:3px; 
    left:10px; 
    background:rgba(255, 255, 255, .32); 
    -webkit-transition: top .5s ease-in-out, opacity .5s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: top .5s ease-in-out, opacity .5s ease-in-out;
    opacity:0;
}
.bs-float-label > .float-label.show { color:#333; top:1px; opacity:1; }
.bs-float-label > .float-label.on { color:blue; }

/*=====Inbox=====*/
.inbox-head {
  padding: 20px;
  border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  -webkit-border-radius: 0 4px 0 0;
  min-height: 80px; }

.inbox-head h3 {
  margin: 0;
  display: inline-block;
  padding-top: 6px;
  font-weight: 300; }

.inbox-head .mail-input {
  height: 40px;
  border: none;
  box-shadow: none;
  padding: 0 10px;
  float: left;
  border-radius: 4px 0 0 4px;
  color: #8a8a8a;
  font-size: 12px; }

.inbox-head .mail-btn {
  height: 40px;
  border: none;
  color: #fff;
  padding: 0 20px;
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0; }

.table-inbox {
  border: 1px solid #d3d3d3;
  margin-bottom: 0; }

.table-inbox tr td {
  padding: 12px !important; }

.table-inbox tr td:hover {
  cursor: pointer; }

.table-inbox tr:hover td {
  background: #fbfbfb !important; }

.table-inbox tr td .icon-star.inbox-started, .table-inbox tr td .icon-star:hover {
  color: #f78a09; }

.table-inbox tr td i {
  color: #555555; }

.table-inbox tr.unread td {
  font-weight: bold;
  color: #1abc9c;
  background: #fff; }
  .table-inbox tr.unread td i {
    color: #555555; }

ul.inbox-pagination {
  float: right;
  list-style: none; }

ul.inbox-pagination li {
  float: left; }

.mail-option {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%; }

.mail-option .chk-all, .mail-option .btn-group {
  margin-right: 5px; }

.mail-option .chk-all, .mail-option .btn-group a.btn {
  border: 1px solid #e7e7e7;
  padding: 5px 10px;
  display: inline-block;
  background: #fcfcfc;
  color: #afafaf;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important; }

.inbox-pagination a.np-btn {
  border: 1px solid #e7e7e7;
  padding: 5px 15px;
  display: inline-block;
  background: #fcfcfc;
  color: #afafaf;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important; }

.mail-option .chk-all input[type=checkbox] {
  margin-top: 0; }

.mail-option .btn-group a.all {
  padding: 0;
  border: none; }

.inbox-pagination a.np-btn {
  margin-left: 5px; }

.inbox-pagination li span {
  display: inline-block;
  margin-top: 7px;
  margin-right: 5px; }


/*=====Component=====*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right:30px;
    display:none;
}

.nav-controls{
    margin:0px;
    padding:15px 0px;        
}
.nav-controls li{
    display:inline;
}

/*=====Backend Property Set=====*/
.backend{
    font:16px Tahoma;
}
.backend p, .backend ul{
    font:16px Tahoma;
    color:#000;
}
.backend h2{
    font:24px Tahoma;
    font-weight:700;
}
.backend h3{
    font:20px Tahoma;
    font-weight:700;
}
.table-backend{
    font:16px Tahoma;
}
.table-backend tr td, .table-backend tr th{
    padding:5px 5px;
} 

.bg-red{ color:#ff0000;}
.bg-orange{ color:#ff8000;}
.bg-black{ color:#000;}
.bg-white{background:#ffffff;}
.bg-head{
    background:#eee;   
}
.bg-body{
    background:#fff;   
}
.table{
    width:100%;
    border:1px solid #ddd;
     border-collapse: collapse;
}
.black{color:#000;}
.blue{color:#00ffff;}
.bluerace{color:#51a8ff;}
.darkblue{color:#000066;}
.darkgray{color:#353443;}
.gray{color:#ccc;}
.green{color:#00cc00;}
.orange{color:#ff8000;}
.red{color:#ff0000;}
.redrace{color:#ff6464;}
.silver{color:#d5d5d5;}
.white{color:#ffffff;}
.text-center{
    text-align:center;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
.circle-red{ display:inline-block;width: 20px;height: 20px;background: red;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-blue{ display:inline-block;width: 20px;height: 20px;background: blue;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-green{ display:inline-block;width: 20px;height: 20px;background: green;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-black{ display:inline-block;width: 20px;height: 20px;background: black;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-white{ display:inline-block;width: 20px;height: 20px;background: white;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-yellow{ display:inline-block;width: 20px;height: 20px;background: yellow;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-purple{ display:inline-block;width: 20px;height: 20px;background: purple;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-gray{ display:inline-block;width: 20px;height: 20px;background: gray;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-silver{ display:inline-block;width: 20px;height: 20px;background: silver;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-orange{ display:inline-block;width: 20px;height: 20px;background: orange;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-cream{ display:inline-block;width: 20px;height: 20px;background: cornsilk;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-lightblue{ display:inline-block;width: 20px;height: 20px;background: lightblue;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-pink{ display:inline-block;width: 20px;height: 20px;background: pink;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}
.circle-brown{ display:inline-block;width: 20px;height: 20px;background: brown;border-radius: 50% !important;-webkit-border-radius: 50% !important;padding:0px;margin-right:5px;}