@charset "utf-8";



/* CSS Document */



body



{



	background:#FFF;



	margin:0;



	font-family:Arial, Helvetica, sans-serif;





	color:#333



}



.cleaner



{



	clear:both



}







#header

{

	width:auto;

	height:80px;

	background:#1C2C46; /* Old browsers */

}







#center-header

{

	width:1000px;

	height:80px;

	background:none;

	margin:0 auto;

}





.action-section

{

	float:right



}















.logo



{



	width:200px;



	background:none;



	padding:5px 20px;

	



	color:#333;



	line-height:20px;





	position:absolute;



	



	



	



}



.hide-menu



{



	width:65px;



	text-align:center;



	height:40px;



	line-height:40px;



	cursor:pointer;



	border-radius:4px;



	font-size:22px;



	color:#666;



	background:#EEE;



	border:1px solid #CCC;



	display: inline-block;



	margin:3px;



	padding:5px;



}



.hide-menu:hover



{



	background-image: linear-gradient(to bottom, #e0e0e0 0px, #FFF 100%);



	background-repeat: repeat-x;



    border-color: #CCC;



}







.sortcut



{



	width:auto;



	height:120px;



	background:#4F6B8A;



	border-bottom:2px solid #223D68;



	display:block;



	padding:10px;



	



}







.breadcrumb



{



	height:25px;



	width:auto;



	margin:10px auto;



	background:#EEE;



	padding:5px 10px;



	color:#276081;



	font-size:13px;



	font-family: Verdana, Geneva, sans-serif;



	line-height:25px;



	border-radius:3px;



}



.link-breadcrumb



{



	color:#276081;



	text-decoration:none;



	cursor:pointer



}



.link-breadcrumb:hover



{



	color:#2B5F99;



	text-decoration:underline



}















.main-content



{



	min-height:500px;



	width:90%;



	margin:15px auto;



	background:#FFF;



	padding:5px 20px;



}



.auto-content



{



	height:auto;



	width:90%;



	margin:50px auto;



	background:#FFF;



	margin-top:10px;



	border:1px solid #CCC;



	padding:10px;



	float:left;



	margin-left:20px;



}



#title-menu



{



	height:80px;



	width:auto;



	background:#FFF;



	font-size:22px;



	line-height:80px;



	color:#333;



	font-family:Arial, Helvetica, sans-serif;



	border-bottom:3px inset #666;



	padding:10px;







}







#logon



{



	width:200px;



	height:50px;



	background:none;



	float:right;



	padding-top:10px;



}



.res-table



{



	width:85%;



	background:#FFF;



	padding:10px;



	font-family: Arial, Helvetica, sans-serif;



	color:#666;



}











textarea



{



	background:#FFF;



	border:1px solid #CCC;



	height:100px;



	border-bottom-left-radius: 2px;



    border-top-left-radius: 2px;



    padding:5px;



}



.upload-banner



{



	width:380px;



	height:auto;



	padding:10px;



	border:1px solid #CCC;



	margin:10px;



	font-family:Arial, Helvetica, sans-serif;



	



}







.update-btn{



	background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);



	background-repeat: repeat-x;



    border-color: #CCC;



    color: #333;



    border-color: #3e8f3e;



	border:1px solid #CCC;



	display:inline-block;



	cursor:pointer;



	font-family:arial;



	font-size:12px;



	font-weight:bold;



	padding:7px 18px;



	text-decoration:none;



	border-radius:3px;



}



.update-btn:hover{



	background-image: linear-gradient(to bottom, #e0e0e0 0px, #FFF 100%);



	background-repeat: repeat-x;



    border-color: #CCC;



}











.button-add {

	background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);

    background-repeat: repeat-x;

    border-color: #2b669a;

    color: #fff;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:12px;

	font-weight:bold;

	padding:8px 12px;

	text-decoration:none;

	border-radius:3px



}

.logout-btn

{

	background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);

    background-repeat: repeat-x;

    border-color: #2b669a;

    color: #fff;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:12px;

	font-weight:bold;

	padding:8px 12px;

	text-decoration:none;

	border-radius:3px;

	width:80px;

	float:right;

	margin-top:20px;

}







.button-add:hover,.logout-btn:hover  {



	background-image: linear-gradient(to bottom, #2d6ca2 0px, #428bca 100%);

    background-repeat: repeat-x;

    border-color: #2b669a;



}







.save-btn {



	-moz-box-shadow:inset 0px 1px 0px 0px #D97E24;



	-webkit-box-shadow:inset 0px 1px 0px 0px #D97E24;



	box-shadow:inset 0px 1px 0px 0px #D97E24;



	background-color:#F57900;



	-moz-border-radius:3px;



	-webkit-border-radius:3px;



	border-radius:3px;



	border:1px solid #D97E24;



	display:inline-block;



	cursor:pointer;



	color:#FFF;



	font-family:Arial;



	font-size:13px;



	font-weight:bold;



	padding:6px 24px;



	text-decoration:none;



}



.save-btn:hover {



	background-color:#F99C1B;



}



.save-btn:active {



	position:relative;



	top:1px;



}



.cari_cus {



	-moz-box-shadow:inset 0px 1px 0px 0px #D97E24;



	-webkit-box-shadow:inset 0px 1px 0px 0px #D97E24;



	box-shadow:inset 0px 1px 0px 0px #D97E24;



	background-color:#F57900;



	-moz-border-radius:3px;



	-webkit-border-radius:3px;



	border-radius:3px;



	border:1px solid #D97E24;



	display:inline-block;



	cursor:pointer;



	color:#FFF;



	font-family:Arial;



	font-size:13px;



	font-weight:bold;



	padding:6px 24px;



	text-decoration:none;



}







.active-status

{

	background:#42970F;

	color:#FFF;

	padding:3px 5px;

	width:50px;

	font-size:11px;

}

.active-status:hover

{

	background:#2C7C36;

}







.pending

{

	background:#F00;

	color:#FFF;

	padding:3px 5px;

	width:70px;

	font-size:11px;

}



.pending:hover

{

	background:#900;

}

.suspend

{

	background:#FF8000;

	color:#FFF;

	padding:3px 5px;

	width:70px;

	font-size:11px;

}



.suspend:hover

{

	background:#BD711C;

}







.js-modal-close



{



	width:25px;



	height:25px;



	background:#900;



	color:#FFF;



	cursor:pointer;



	text-align:center;



	line-height:25px;



	top:10px;



	right:10px;



	border-radius:3px;



}



.cancel-btn {



	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;



	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;



	box-shadow:inset 0px 1px 0px 0px #cf866c;



	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));



	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);



	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);



	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);



	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);



	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);



	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);




	background-color:#d0451b;



	-moz-border-radius:3px;



	-webkit-border-radius:3px;



	border-radius:3px;



	border:1px solid #942911;



	display:inline-block;



	cursor:pointer;



	color:#ffffff;



	font-family:arial;



	font-size:13px;



	padding:6px 24px;



	text-decoration:none;



	text-shadow:0px 1px 0px #854629;



}



.cancel-btn:hover,.js-modal-close:hover {



	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));



	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);



	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);



	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);



	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);



	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);



	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);



	background-color:#bc3315;



}



.cancel-btn:active {



	position:relative;



	top:1px;



}







.reset-pass



{



	color:#800000;



	text-decoration:none



}







.tgl-reply



{



	font-size:10px;



	color:#036



}



.deletereply



{



	width:8px;



	height:8px; 



	background:#F76C70;



	padding:5px;



	line-height:4px;



	text-align:center;



	border-radius:50%;



	color:#FFF;



	font-family:Arial, Helvetica, sans-serif



}







/* Dropdown Button */



.dropbtn {



    color:#FFF;



    padding:5px 16px;



    font-size: 12px;



    border: none;



    cursor: pointer;



	border-radius:2px;



	background:none



}







/* Dropdown button on hover & focus */



.dropbtn:hover, .dropbtn:focus {



	color:#FFF;



}







/* The container <div> - needed to position the dropdown content */



.dropdown {



    position: relative;



    display: inline-block;



}







/* Dropdown Content (Hidden by Default) */



.dropdown-content {



    display: none;



    position: absolute;



    background-color: #f9f9f9;



    min-width: 160px;



    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);



	z-index:998



}







/* Links inside the dropdown */



.dropdown-content a {



    color: black;



    padding: 8px 16px;



    text-decoration: none;



    display: block;



	margin-top:10px;



	color:#666



}



.link

{

	color:#2768AF;

	text-decoration:none;

}

.link:hover

{

	color:#E17100

}







/* Change color of dropdown links on hover */



.dropdown-content a:hover {background-color: #EEE; color:#06C}







/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */



.show {display:block;}











.tabledata {



	margin:0px;padding:0px;



	width:100%;



	border:1px solid #cecece;





}.tabledata table{



    border-collapse: collapse;



    border-spacing: 0;



	width:100%;



	height:100%;



	margin:0px;padding:0px;



}.tabledata tr:last-child td:last-child {



	-moz-border-radius-bottomright:0px;



	-webkit-border-bottom-right-radius:0px;



	border-bottom-right-radius:0px;



}



.tabledata table tr:first-child td:first-child {



	-moz-border-radius-topleft:0px;



	-webkit-border-top-left-radius:0px;



	border-top-left-radius:0px;



}



.tabledata table tr:first-child td:last-child {



	-moz-border-radius-topright:0px;



	-webkit-border-top-right-radius:0px;



	border-top-right-radius:0px;



}.tabledata tr:last-child td:first-child{



	-moz-border-radius-bottomleft:0px;



	-webkit-border-bottom-left-radius:0px;



	border-bottom-left-radius:0px;



}



.tabledata tr:nth-child(odd){ background-color:#f7f7f7; }



.tabledata tr:nth-child(even)    { background-color:#ffffff; }.tabledata td{



	vertical-align:middle;



	border:1px solid #cecece;



	border-width:0px 1px 1px 0px;



	text-align:center;



	padding:10px;



	font-size:12px;



	font-family:Arial;



	font-weight:normal;



	color:#444444;



}.tabledata tr:last-child td{



	border-width:0px 1px 0px 0px;



}.tabledata tr td:last-child{



	border-width:0px 0px 1px 0px;



}.tabledata tr:last-child td:last-child{



	border-width:0px 0px 0px 0px;



}



.tabledata tr:first-child td{







	border:0px solid #cecece;



	text-align:center;



	border-width:0px 0px 1px 1px;



	font-size:12px;



	font-family:Arial;





	color:#444444;



}



.tabledata thead th{



	background-image: linear-gradient(to bottom, #F4F4F4 0px, #EEE 100%);



	background-repeat: repeat-x;



	border:0px solid #cecece;



	text-align:center;



	border-width:0px 0px 1px 1px;



	font-size:12px;



	font-family:Arial;



	font-weight:bold;



	color:#444444;



}







.tabledata tr:first-child td:first-child{



	border-width:0px 0px 1px 0px;



}



.tabledata tr:first-child td:last-child{



	border-width:0px 0px 1px 1px;



}



#popupin{

	min-height:200px;

	max-height:400px; 

	overflow:auto;

	

}



.boxin{

	position:relative; margin-top:0;

	width:500px;

}





	@media only screen and (max-width: 800px) {

		

	#popupin{

	min-height:200px;

	max-height:320px; 

	overflow:auto;

	

	}



	.boxin{

		position:relative;

		width:400px;

		

	}

		

		.tabledata thead th{



			background: #fff;

			border:0px solid #cecece;

			text-align:center;		

			font-size:12px;

			font-weight:bold;

			color:#444444;

		

		}



	

	/* Force table to not be like tables anymore */

	#no-more-tables table, 

	#no-more-tables thead, 

	#no-more-tables tbody, 

	#no-more-tables th, 

	#no-more-tables td, 

	#no-more-tables tr { 

		display: block; 

	}

 

	/* Hide table headers (but not display: none;, for accessibility) */

	#no-more-tables thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

 

	#no-more-tables tr { border: 1px solid #ccc; }

 

	#no-more-tables td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 50%; 

		white-space: normal;

		text-align:left;

	}

 

	#no-more-tables td:before { 

		/* Now like a table header */

		position: absolute;

		/* Top/left values mimic padding */

		top: 6px;

		left: 6px;

		width: 45%; 

		padding-right: 10px; 

		white-space: nowrap;

		text-align:left;

		font-weight: bold;

	}

 

	/*

	Label the data

	*/

	#no-more-tables td:before { content: attr(data-title); }

	

	

	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

	#flip-scroll * html .cf { zoom: 1; }

	#flip-scroll *:first-child+html .cf { zoom: 1; }

	

	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

 

	#flip-scroll th,

	#flip-scroll td { margin: 0; vertical-align: top; }

	#flip-scroll th { text-align: left; }

	

	#flip-scroll table { display: block; position: relative; width: 100%; }

	#flip-scroll thead { display: block; float: left; }

	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }

	#flip-scroll thead tr { display: block; }

	#flip-scroll th { display: block; text-align: right; }

	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }

	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }

 

 

	/* sort out borders */

 

	#flip-scroll th { border-bottom: 0; border-left: 0; }

	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }

	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }

	#flip-scroll th:last-child,

	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }

	

}











.boxsearch{



  width: 300px;



  height: 50px;



  float:right



}







.search { 



	padding:4px 15px 4px 30px;



	margin:3px; 



	background: url('./images/search.png') no-repeat 8px 6px; 



}







.rounded { 



	border-radius:15px; 



	-moz-border-radius:15px; 



	-webkit-border-radius:15px; 



}







.dark input[type=text]{



	border:1px solid #EEE;



	background-color:#FFF;



	color:#505358;



}



















.action



{



	width:200px;



	height:60px;



	background:none;



	padding-top:20px;



	margin-left:1px;



	clear:right;



	background:none;



	float:right



}



input, textarea {



	height:25px;



	border:1px solid #666;



	padding:1px 5px;



	margin-top:3px;



	font-size:0.9em;



	color:#3a3a3a;



	font-size:12px;



	-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;



}







textarea {



	height:213px;



	border:1px solid #666;



	background:#FFF;



}







input[type=text]:focus, textarea:focus,input[type=email]:focus {



  box-shadow: 0 0 5px rgba(81, 203, 238, 1);



    border: 1px solid rgba(81, 203, 238, 1);



}













input[type=radio]:not(old):checked + label > span > span{



  display          : block;



  width            : 0.5em;



  height           : 0.5em;



  margin           : 0.125em;



  border           : 0.0625em solid rgb(115,153,77);



  border-radius    : 0.125em;



  background       : rgb(153,204,102);



  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));



  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));



  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));



  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));



  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));



}







.form-control{



	background-color: #fff;



    background-image: none;



    border: 1px solid #c4c4c4;



    border-radius: 2px;



    color: #333;



    display: block;



    font-size: 13px;



    height: 25px;



    line-height: 1.42857;



    padding: 1px 5px;



    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;



    width: 100%;



}







.box {



	width: 300px;



	height: 300px;



	-webkit-transition: width 2s ease, height 2s ease;



	-moz-transition: width 2s ease, height 2s ease;



	-o-transition: width 2s ease, height 2s ease;



	transition: width 2s ease, height 2s ease;



	background:#666



}







.box-change {



	width: 80px;



}











.upload {



	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;



	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;



	box-shadow:inset 0px 1px 0px 0px #ffffff;



	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );



	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );



	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');



	background-color:#f9f9f9;



	-webkit-border-top-left-radius:3px;



	-moz-border-radius-topleft:3px;



	border-top-left-radius:3px;



	-webkit-border-top-right-radius:3px;



	-moz-border-radius-topright:3px;



	border-top-right-radius:3px;



	-webkit-border-bottom-right-radius:3px;



	-moz-border-radius-bottomright:3px;



	border-bottom-right-radius:3px;



	-webkit-border-bottom-left-radius:3px;



	-moz-border-radius-bottomleft:3px;



	border-bottom-left-radius:3px;



	text-indent:0;



	border:1px solid #dcdcdc;



	display:inline-block;



	color:#666666;



	font-family:Arial;



	font-size:15px;



	font-weight:bold;



	font-style:normal;



	height:50px;



	line-height:50px;



	width:150px;



	text-decoration:none;



	text-align:center;



	text-shadow:1px 1px 0px #ffffff;



	cursor:pointer



}



.upload:hover {



	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );



	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );



	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');



	background-color:#e9e9e9;



}.upload:active {



	position:relative;



	top:1px;



}



/* This button was generated using CSSButtonGenerator.com */











/* This css for modal boox*/







.modal-box {



  display: none;



  position: fixed;



  z-index: 998;



  width: 50%;



  background: white;



  border-bottom: 1px solid #aaa;



  border-radius: 4px;



  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);



  background-clip: padding-box;



  text-decoration:none;



  border-top-right-radius:5px;



	border-top-left-radius:5px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px



}







.modal-box header,



.modal-box .modal-header {



	padding: 1.2em 1.5em;



	border-bottom: 1px solid #3f627f;



	text-decoration:none;



	background: #4f85bb; /* Old browsers */



	background: -moz-linear-gradient(top, #4f85bb 0%, #3f627f 100%); /* FF3.6+ */



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f85bb), color-stop(100%,#3f627f)); /* Chrome,Safari4+ */



	background: -webkit-linear-gradient(top, #4f85bb 0%,#3f627f 100%); /* Chrome10+,Safari5.1+ */



	background: -o-linear-gradient(top, #4f85bb 0%,#3f627f 100%); /* Opera 11.10+ */



	background: -ms-linear-gradient(top, #4f85bb 0%,#3f627f 100%); /* IE10+ */



	background: linear-gradient(to bottom, #4f85bb 0%,#3f627f 100%); /* W3C */



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#3f627f',GradientType=0 ); /* IE6-9 */



	color:#FFF;



	text-shadow:1px 1px 1px #183C56;



	border-top-right-radius:5px;



	border-top-left-radius:5px;



}







.modal-box header h3,



.modal-box header h4,



.modal-box .modal-header h3,



.modal-box .modal-header h4 { margin: 0; }







.modal-box .modal-body { padding: 1em 1.5em; color:#333; font-weight:bold;}







.modal-box footer,



.modal-box .modal-footer {



  padding: 1em;



  border-top: 1px solid #ddd;



  background: rgba(0, 0, 0, 0.02);

 z-index:999; 

  text-align: right;



   text-decoration:none



}







.modal-overlay {



  opacity: 0;



  filter: alpha(opacity=0);



  position: fixed;



  top: 0;



  left: 0;



  z-index: 900;



  width: 100%;



  height: 100%;



  background: rgba(0, 0, 0, 0.3) !important;



}







a.close {



  line-height: 1;



  font-size: 1.5em;



  position: absolute;



  top: 5%;



  right: 2%;



  text-decoration: none;



  color: #bbb;



}







a.close:hover {



  color: #222;




  -webkit-transition: color 1s ease;



  -moz-transition: color 1s ease;



  transition: color 1s ease;



}







.tab



{



	font-weight:100;



	font-size:11px;



}



@media all and (max-width: 800px) {



  .modal-box { width: 90%;

  margin-top:0;

  }



  .main-content



	{



		height:auto;



		width:94%;



		margin:0 auto;



		background:#FFF;



		margin-top:0;



		padding:0;



		float:none;



		margin-left:10px;



	}



	#header

	{

		width:100%;

		height:80px;

		border-bottom:2px solid #999;

		position: relative;

		background: #1C2C46; /* Old browsers */

	}

	

	.logo



	{

	width:200px;



	padding:10px 20px;



	}







	.breadcrumb



	{



		height:25px;

		float:none;



		margin-left:10px;



	}







}



@media all and (max-width: 800px) {





	

	.logo



	{

	width:150px;

	margin-left:-15px;





	}







}







@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');



 



.isa_info, .isa_success, .isa_warning, .isa_error {



margin: 5px 0px;



padding:2px 12px;



}



.isa_info {



    color: #00529B;



    background-color: #BDE5F8;



}



.isa_success {



    color: #4F8A10;



    background-color: #DFF2BF;



}



.isa_warning {



    color: #9F6000;



    background-color: #FEEFB3;



}



.isa_error {



    color: #D8000C;



    background-color: #FFBABA;



}



.isa_info i, .isa_success i, .isa_warning i, .isa_error i {



    margin:10px 22px;



    font-size:2em;



    vertical-align:middle;



}











.status



{



	text-decoration:none;



	cursor:pointer;



	border:none;



	padding:8px;



	font-size:12px



	



}



.client-active



{



	background:#6AB13A;



	color:#FFF;



	padding:3px 10px;



	



}







.client-active:hover



{



	background:#42862B;



}







.client-pending



{



	



	background:#ED3F43;



	color:#FFF;



	padding:3px 10px;



	font-size:12px;



}









.client-pending:hover



{



	background:#E22C30;



}



.client-suspend



{



	background:#FC0;



	color:#009;



	padding:3px 10px;







}



.client-suspend:hover



{



	background:#BE8B2C



}







.box-action



{



	width:auto;



	height:auto;



	background:#F4F4F4;



	padding:5px 10px;



	border:1px solid #EEE;



	border-radius:5px;



	margin-top:10px;



}







.bs-callout-info {



    -moz-border-bottom-colors: none;



    -moz-border-left-colors: none;



    -moz-border-right-colors: none;



    -moz-border-top-colors: none;



    background-image: linear-gradient(to bottom, #fff 0px, #e5f3fa 100%);



    background-repeat: repeat-x;



    border-color: #4faede;



    border-image: none;



    border-style: solid;



    border-width: 1px 1px 1px 1px;



    display: block;



    margin: 20px 0;



    padding: 15px;



}











.publish



{



	color:#20B1C1;



}



.publish:hover



{



	color:#F60;



}











.unpublish



{



	color:#F00;



}



.unpublish:hover



{



	color:#090;



}







.tanggal {



  background: #3498db;



  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);



  background-image: -moz-linear-gradient(top, #3498db, #2980b9);



  background-image: -ms-linear-gradient(top, #3498db, #2980b9);



  background-image: -o-linear-gradient(top, #3498db, #2980b9);



  background-image: linear-gradient(to bottom, #3498db, #2980b9);



  border-radius:0;



  font-family: Arial;



  color: #ffffff;



  font-size: 14px;



  padding: 10px 20px 10px 20px;



  text-decoration: none;



  width:100px;



  display:inline;



}



.tanggal-active {



  background:#C7FECE;



  border-radius:0;



  font-family: Arial;



  color: #333;



  font-size: 14px;



  padding: 10px 20px 10px 20px;



  text-decoration: none;



  width:100px;



  display:inline;



}







.tanggal:hover {



  background: #3cb0fd;



  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);



  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);



  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);



  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);



  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);



  text-decoration: none;



}











/* Starter CSS for Flyout Menu */



#vertical-menu {



  padding: 0;



  margin: 0;



  border: 0;



}



#vertical-menu ul,



li {



  list-style: none;



  margin: 0;



  padding: 0;



}



#vertical-menu ul {



  position: relative;



  z-index: 597;



  float: left;



  



}



#vertical-menu ul li {



  float: left;



  min-height: 1px;



  line-height: 1em;



  vertical-align: middle;



  background:#EEE;



  border-bottom:1px solid #CCC;







}











#vertical-menu ul li.hover,



#vertical-menu ul li:hover {



  position: relative;



  z-index: 599;



  cursor: default;



  background:#FFF;



}



#vertical-menu ul ul {



  position: absolute;



  top: 100%;



  left: 0;



  z-index: 598;



  width: 100%;



}



#vertical-menu ul ul li {



  float: none;



}



#vertical-menu ul ul {



  top: 0;



  left: 100%;



}



#vertical-menu ul li {



  float: none;



}



/* Custom Stuff */



#vertical-menu {



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  -moz-background-clip: padding;



  -webkit-background-clip: padding-box;



  background-clip: padding-box;



  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);



  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);



  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);



  width: 200px;



}



#vertical-menu span,



#vertical-menu a {



  display: inline-block;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 12px;



  text-decoration: none;



}



#vertical-menu ul ul {



  position: absolute;



  top: 100%;



  left: 0;



  z-index: 598;



  width: 100%;



}







#vertical-menu:after,



#vertical-menu ul:after {



  content: '';



  display: block;



}



#vertical-menu > ul > li:first-child {



  -moz-border-radius: 5px 5px 0 0;



  -webkit-border-radius: 5px 5px 0 0;



  border-radius: 5px 5px 0 0;



  -moz-background-clip: padding;



  -webkit-background-clip: padding-box;



  background-clip: padding-box;



}



#vertical-menu > ul > li:last-child {



  -moz-border-radius: 0 0 5px 5px;



  -webkit-border-radius: 0 0 5px 5px;



  border-radius: 0 0 5px 5px;



  -moz-background-clip: padding;



  -webkit-background-clip: padding-box;



  background-clip: padding-box;



}



#vertical-menu > ul > li ul ul {



  -moz-border-radius: 0 6px 6px 0;



  -webkit-border-radius: 0 6px 6px 0;



  border-radius: 0 6px 6px 0;



  -moz-background-clip: padding;



  -webkit-background-clip: padding-box;



  background-clip: padding-box;



}



#vertical-menu > ul > li ul ul li:first-child {




  -moz-border-radius: 0 5px 0 0;



  -webkit-border-radius: 0 5px 0 0;



  border-radius: 0 5px 0 0;



  -moz-background-clip: padding;



  -webkit-background-clip: padding-box;



  background-clip: padding-box;



}



#vertical-menu > ul > li ul ul li:last-child {



  -moz-border-radius: 0 0 5px 0;



  -webkit-border-radius: 0 0 5px 0;



  border-radius: 0 0 5px 0;



  -moz-background-clip: padding;



  -webkit-background-clip: padding-box;



  background-clip: padding-box;



}



#vertical-menu ul,



#vertical-menu li {



  width: 100%;



}



#vertical-menu li {



  background: #dddddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAAUVBMVEX////MzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzNzc3l5eXg4ODZ2dnMzMzi4uLS0tLe3t7Q0NDV1dXj4+PW1tbk5OTc3NzPz8/R0dH0Zv5RAAAAC3RSTlMAM2YekAmlPHuEAwArv7wAAAA/SURBVHheY2Dl5mdigABGKV5BNnYok4dHQpKFGcrkEefj5gAzQUBABM7kFYQyRcX4mUBMkEpOLrA2IWGwfgYAn0UDZszv8IwAAAAASUVORK5CYII=) repeat-x;



  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #dddddd));



  background-image: -webkit-linear-gradient(top, #e5e5e5, #dddddd);



  background-image: -moz-linear-gradient(top, #e5e5e5, #dddddd);



  background-image: -ms-linear-gradient(top, #e5e5e5, #dddddd);



  background-image: -o-linear-gradient(top, #e5e5e5, #dddddd);



  background-image: linear-gradient(#e5e5e5, #dddddd);



}



#vertical-menu li:hover {



  background: #f6f6f6;



}



#vertical-menu a {



  color: #369;



  line-height: 160%;



  padding: 11px 28px 11px 28px;



  width: 144px;



}



#vertical-menu ul ul {



  width: 200px;



  border: 1px solid #dddddd;



  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);



  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);



  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);



}



#vertical-menu ul ul li {



  background: #f6f6f6;



}



#vertical-menu ul ul li:hover {



  background: #dddddd;



}



#vertical-menu ul ul li:hover a {



  color: #AE0001;



}



#vertical-menu ul ul li ul li {



  background: #dddddd;



}



#vertical-menu ul ul li ul li:hover {



  background: #b7b7b7;



}



#vertical-menu .has-sub {



  position: relative;



}



#vertical-menu .has-sub:after,



#vertical-menu .has-sub > ul > .has-sub:hover:after {



  content: '';



  display: block;



  width: 10px;



  height: 9px;



  position: absolute;



  right: 5px;



  top: 50%;



  margin-top: -5px;



  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAAUVBMVEX////MzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzNzc3l5eXg4ODZ2dnMzMzi4uLS0tLe3t7Q0NDV1dXj4+PW1tbk5OTc3NzPz8/R0dH0Zv5RAAAAC3RSTlMAM2YekAmlPHuEAwArv7wAAAA/SURBVHheY2Dl5mdigABGKV5BNnYok4dHQpKFGcrkEefj5gAzQUBABM7kFYQyRcX4mUBMkEpOLrA2IWGwfgYAn0UDZszv8IwAAAAASUVORK5CYII=);



  -moz-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -webkit-transform: rotate(360deg);



  transform: rotate(360deg);



}



#vertical-menu .has-sub > ul > .has-sub:after,



#vertical-menu .has-sub:hover:after {



  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAAUVBMVEX////d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3e3t729vbx8fHq6urd3d3z8/Pj4+Pv7+/h4eHm5ub09PTn5+f19fXt7e3g4ODi4uLUsVdlAAAAC3RSTlMAM2YekAmlPHuEAwArv7wAAAA/SURBVHheY2Dl5mdigABGKV5BNnYok4dHQpKFGcrkEefj5gAzQUBABM7kFYQyRcX4mUBMkEpOLrA2IWGwfgYAn0UDZszv8IwAAAAASUVORK5CYII=);



}







#content-right



{



	min-height:500px;



	width:79%;



	margin:0 10px;



	background:#FFF;



	border:1px solid #CCC;



	padding:5px 20px 20px 20px;



	float:left;



	z-index:0;



}







.tambah-hotel



{



	color:#666;



	cursor:pointer;



	padding:8px;



	background:#EEE;



	border-radius:3px;



	border:1px solid #CCC;



	



}



.edit-hotel, .tambah



{



	color:#62C2D2;



	cursor:pointer;



	padding:8px;



	



}



.edit

{

	color:#093;

	font-size:11px;

	cursor:pointer

}



.edit:hover

{

	color:#060

}



.delete{

	color:#F00;

	cursor:pointer;

	font-size:11px;

	padding:8px;

	text-decoration:none

}



.delete:hover

{

	color:#900

}















.tambah-hotel:hover,.edit-hotel:hover



{



	color:#069;



}















#footer



{



	width:100%;



	height:80px;



	background-image: linear-gradient(to bottom, #1C2C46 0px, #1C2C46 100%);



	margin-top:20px;



	



}



















.menu-icon



{



	background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);



	background-repeat: repeat-x;



    border-color: #CCC;



    color: #333;



    border-color: #3e8f3e;



	border:1px solid #CCC;



	display:inline-block;



	cursor:pointer;



	font-family:arial;



	font-size:12px;



	font-weight:bold;



	padding:50px 50px;



	text-decoration:none;



	border-radius:3px;



}



.menu-icon:hover



{



	background-image: linear-gradient(to bottom, #e0e0e0 0px, #FFF 100%);



	background-repeat: repeat-x;



    border-color: #CCC;



}











	/* style untuk link popup */



	a.popup-link {



		



	}



	a.popup-link:hover {



		background-color: #ff9900;



		box-shadow: 0 3px 0px 0px #eea900;



		-webkit-transition:all 1s;



		-moz-transition:all 1s;



		transition:all 1s;



	}



	/* end link popup*/







	/*style untuk popup */	



	#popupcss {



		visibility: hidden;



		opacity: 0;



		margin-top: -200px;



		position:absolute;



		font-family:Arial, Helvetica, sans-serif;



		font-size:12px



	}



	#popupcss:target {



		visibility:visible;



		opacity: 1;



		background-color: rgba(0,0,0,0.8);



		position: fixed;



		top:0;



		left:0;



		right:0;



		bottom:0;



		margin:0;



		z-index: 99999999999;



		-webkit-transition:all 1s;



		-moz-transition:all 1s;



		transition:all 1s;



	}







	@media (min-width: 768px){



		.popup-container {



			width:400px;



		}



	}



	@media (max-width: 767px){



		.popup-container {



			width:100%;



		}



	}



	.popup-container {



		position: relative;



		margin:7% auto;



		padding:20px 30px;



		background-color: #FFF;



		color:#333;



		border-radius: 3px;



	}







	a.popup-close {



		position: absolute;



		top:3px;



		right:3px;



		background-color: #F00;



		padding:5px 8px;



		font-size: 20px;



		text-decoration: none;



		line-height: 1;



		color:#fff;



	}







	/* style untuk isi popup */











	.popup-form {



		margin:10px auto;



	}



		.popup-form h2 {



			margin-bottom: 5px;



			font-size: 37px;



			text-transform: uppercase;



		}



		.popup-form .input-group {



			margin:10px auto;



		}



			.popup-form .input-group input {



				padding:8px 5px ;



				text-align: left;



				margin-bottom: 10px;



				border-radius:3px;



				font-size: 12px; 



				display: block;



				width: 100%;



			}



			.popup-form .input-group input:focus {



				outline-color:#FB8833; 



			}



			.popup-form .input-group input[type="text"] {



				border:0px;



				position: relative;



				border:1px solid #CCC;



			}



			.popup-form .input-group input[type="email"] {



				border:0px;



				position: relative;



				border:1px solid #CCC;



			}



			.popup-form .input-group input[type="password"] {



				border:0px;



				position: relative;



				border:1px solid #CCC;



			}



			.popup-form .input-group input[type="submit"] {



				background-color: #FB8833;



				color: #fff;



				border: 0;



				cursor: pointer;



				width:100px;



				text-align:center



			}



			.popup-form .input-group input[type="submit"]:focus {



				box-shadow: inset 0 3px 7px 3px #ea7722;



			}

			

			

			.checkbox {

  padding-left: 20px; }

  .checkbox label {

    display: inline-block;

    position: relative;

    padding-left: 5px; }

    .checkbox label::before {

      content: "";

      display: inline-block;

      position: absolute;

      width: 17px;

      height: 17px;

      left: 0;

      margin-left: -20px;

      border: 1px solid #cccccc;

      border-radius: 3px;

      background-color: #fff;

      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

    .checkbox label::after {

      display: inline-block;

      position: absolute;

      width: 16px;

      height: 16px;

      left: 0;

      top: 0;

      margin-left: -20px;

      padding-left: 3px;

      padding-top: 1px;

      font-size: 11px;

      color: #555555; }

  .checkbox input[type="checkbox"] {

    opacity: 0; }

    .checkbox input[type="checkbox"]:focus + label::before {

      outline: thin dotted;

      outline: 5px auto -webkit-focus-ring-color;

      outline-offset: -2px; }

    .checkbox input[type="checkbox"]:checked + label::after {

      font-family: 'FontAwesome';

      content: "\f00c"; }

    .checkbox input[type="checkbox"]:disabled + label {

      opacity: 0.65; }

      .checkbox input[type="checkbox"]:disabled + label::before {

        background-color: #eeeeee;

        cursor: not-allowed; }

  .checkbox.checkbox-circle label::before {

    border-radius: 50%; }

  .checkbox.checkbox-inline {

    margin-top: 0; }



.checkbox-primary input[type="checkbox"]:checked + label::before {

  background-color: #428bca;

  border-color: #428bca; }

.checkbox-primary input[type="checkbox"]:checked + label::after {

  color: #fff; }



.checkbox-danger input[type="checkbox"]:checked + label::before {

  background-color: #d9534f;

  border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:checked + label::after {

  color: #fff; }



.checkbox-info input[type="checkbox"]:checked + label::before {

  background-color: #5bc0de;

  border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:checked + label::after {

  color: #fff; }



.checkbox-warning input[type="checkbox"]:checked + label::before {

  background-color: #f0ad4e;

  border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:checked + label::after {

  color: #fff; }



.checkbox-success input[type="checkbox"]:checked + label::before {

  background-color: #5cb85c;

  border-color: #5cb85c; }

.checkbox-success input[type="checkbox"]:checked + label::after {

  color: #fff; }



.radio {

  padding-left: 20px; }

  .radio label {

    display: inline-block;

    position: relative;

    padding-left: 5px; }

    .radio label::before {

      content: "";

      display: inline-block;

      position: absolute;

      width: 17px;

      height: 17px;

      left: 0;

      margin-left: -20px;

      border: 1px solid #cccccc;

      border-radius: 50%;

      background-color: #fff;

      -webkit-transition: border 0.15s ease-in-out;

      -o-transition: border 0.15s ease-in-out;

      transition: border 0.15s ease-in-out; }

    .radio label::after {

      display: inline-block;

      position: absolute;

      content: " ";

      width: 11px;

      height: 11px;

      left: 3px;

      top: 3px;

      margin-left: -20px;

      border-radius: 50%;

      background-color: #555555;

      -webkit-transform: scale(0, 0);

      -ms-transform: scale(0, 0);

      -o-transform: scale(0, 0);

      transform: scale(0, 0);

      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

  .radio input[type="radio"] {

    opacity: 0; }

    .radio input[type="radio"]:focus + label::before {

      outline: thin dotted;

      outline: 5px auto -webkit-focus-ring-color;

      outline-offset: -2px; }

    .radio input[type="radio"]:checked + label::after {

      -webkit-transform: scale(1, 1);

      -ms-transform: scale(1, 1);

      -o-transform: scale(1, 1);

      transform: scale(1, 1); }

    .radio input[type="radio"]:disabled + label {

      opacity: 0.65; }

      .radio input[type="radio"]:disabled + label::before {

        cursor: not-allowed; }

  .radio.radio-inline {

    margin-top: 0; }



.radio-primary input[type="radio"] + label::after {

  background-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::before {

  border-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::after {

  background-color: #428bca; }



.radio-danger input[type="radio"] + label::after {

  background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before {

  border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after {

  background-color: #d9534f; }



.radio-info input[type="radio"] + label::after {

  background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before {

  border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after {

  background-color: #5bc0de; }



.radio-warning input[type="radio"] + label::after {

  background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before {

  border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after {

  background-color: #f0ad4e; }



.radio-success input[type="radio"] + label::after {

  background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before {

  border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after {

  background-color: #5cb85c; }