@import url('clearsansfonts.css');
#container-fix {
	/*min-width: 1360px;*/
    max-width: 1920px;
    margin-left: 0 !important;
}
html {
	margin: 0;
	padding: 0;
	height: 100%;
}
a {
    color: #009AD0;
    text-decoration: none;
}
body {
	font-family: 'Clear Sans Light', sans-serif;
	color: #111;
	margin: 0 auto; 
	padding: 0;
	height: 100%;
    font-size: 13px;
    overflow-x: auto;
}
.main-header {
    /*position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    transition: top 0.2s ease-in-out;*/
}
.main-header .logo .logo-lg img {
    width: 35px;
    margin-right: 20px;
    margin-top: 5px;
}
.navbar-inverse {
    background-color: #444;
    border-color: #444;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #111;
    background-color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
}
.navbar {
    border-radius: 0px;
}
/*NEW*/
.choose-app {
    width: 75px;
    height: 135px;
    text-align: center;
    padding: 5px 10px;
    float: left;
    margin-right: 20px;
    position: relative;
}
.choose-app img {
    width: 75px;
    filter: grayscale(100%);
}
.choose-app.selected img {
    filter: grayscale(0%);
}
.choose-app.selected p {
    color: #111;
}
.choose-app p {
    position: absolute;
    bottom: 0;
    width: 75px;
    text-align: center;
    font-size: 13px;
    color: #aaa;
}
.box-app-2 {
    width: 100px;
    height: 110px;
    text-align: center;
    margin-right: 20px;
    padding: 5px 10px;
    position: relative;
    float: left;
    margin-top: 50px;
}
.box-app-2 img {
    width: 70px;
}
.box-app-2 p {
    position: absolute;
    bottom: 0;
    width: 80px;
    text-align: center;
    font-size: 13px;
}
.box-app {
    width: 150px;
    height: 155px;
    text-align: center;
    margin-right: 20px;
    padding: 5px 10px;
    position: relative;
    float: left;
}
.box-app img {
    width: 100px;
}
.box-app p {
    position: absolute;
    bottom: 0;
    width: 130px;
    text-align: center;
    font-size: 13px;
}
.bold {
    font-family: 'Clear Sans Bold',sans-serif;
}
.side-box {
    width: 400px;
    min-height: 400px;
    /*position: fixed;
    right: 15px;
    top: 0px;*/
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    border-radius: 0px 0px 5px 5px;
    margin: 0 auto;
}
.side-box .title-box {
    height: 50px;
    background-color: #444;
    padding: 10px 20px;
}
.side-box .title-box a{
    color: #fff;
}
.side-box .title {
    font-size: 20px; 
    font-family: 'Clear Sans Medium',sans-serif;
    color: #fff;
}
.side-box .close-side-box {
    font-size: 17px;
    margin-top: 5px;
    color: #111;
}
.side-box .area-box {
    padding: 50px 30px;
}
.side-box .area-box .desc {
    color: #555;
}

.success-signup {
    background-image: url("../images/bg/bg1.jpeg");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.success-signup-div {
    height: 100%;
    background: rgba(255,255,255,0.75);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0.75)), color-stop(46%, rgba(255,255,255,0.75)), color-stop(100%, rgba(176,169,176,0.75)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0a9b0', GradientType=1 );
    padding-top: 5%;
}
.success-signup-div h1 {
    font-size: 50px;
}
.success-signup-div .icon-ph {
    /*width: 75px;*/
    height: 45px;
}
.success-signup-div .txt {
    font-size: 19px;
    font-family: 'Clear Sans Regular',sans-serif;
}
.confirmed-account {
    background-image: url("../images/bg/bg2.jpeg");
    background-repeat: no-repeat;
    background-position: right top;
}
.confirmed-account-div {
    height: 100%;
    background: rgba(255,255,255,0.75);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0.75)), color-stop(46%, rgba(255,255,255,0.75)), color-stop(100%, rgba(176,169,176,0.75)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 46%, rgba(176,169,176,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0a9b0', GradientType=1 );
    padding-top: 5%;
}
.confirmed-account-div h1 {
    font-size: 50px;
}
.confirmed-account-div .icon-ph {
    width: 75px;
}
.confirmed-account-div .txt {
    font-size: 19px;
    font-family: 'Clear Sans Regular',sans-serif;
}
.btn-signin-2 {
    padding: 10px 40px;
    border: 1px #22A6A3 solid;
    font-size: 17px;
    color: #fff;
    background-color: #22A6A3;
    font-family: 'Clear Sans Medium',sans-serif;
}
.btn-signin-2:hover,
.btn-signin-2.hover,
.btn-signin-2:active,
.btn-signin-2.active,
.btn-signin-2:focus,
.btn-signin-2.focus,
.btn-signin-2:active:hover,
.btn-signin-2:active:focus,
.btn-signin-2:active.hover,
.btn-signin-2:active.focus,
.btn-signin-2.active:hover,
.btn-signin-2.active:focus,
.btn-signin-2.active.hover,
.btn-signin-2.active.focus,
.open > .dropdown-toggle.btn-signin-2,
.open > .dropdown-toggle.btn-signin-2:hover,
.open > .dropdown-toggle.btn-signin-2:focus,
.open > .dropdown-toggle.btn-signin-2.hover,
.open > .dropdown-toggle.btn-signin-2.focus {
    color: #fff;
    opacity: 0.90;
}
/*NEW*/

.nav-up {
    /*top: -110px;*/
}
.container-fluid {
    padding-right: 0 !important; 
    padding-left: 0 !important; 
}
@media (max-width: 1919px){
    .content-fix {
        max-width: 1920px;
    }
}
.wrapper {
    min-height: 100%;
    position: relative;
    padding-bottom: 100px;
}
.main-footer {
	background-color: #F5F6F6;
	border-top: 1px #DDDFE1 solid;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	position: absolute;
	width: 100%;
	bottom: 0;
}
.wrapper:before,
.wrapper:after {
    content: " ";
    display: table;
}
.wrapper:after {
    clear: both;
}
.content-wrapper {
    /*margin-top: 100px;*/
}
.content-header {
	position: relative;
    padding: 0px 20px 0 20px;
}
.content-header h1 {
	font-size: 30px;
    font-family: 'Clear Sans Bold',sans-serif;
}
.content {
	padding: 20px 20px 100px 20px;
	min-height: 100%;
}
.pointer {
    cursor: pointer;
}
.selected {
    color: #009AD0;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.btn-back {
	position: absolute;
	bottom: 50px;
	left: 20px;
}
.breadcrumb {
    padding: 5px 15px;
    list-style: none;
    background-color: transparent;
    border-bottom: 1px #F7F7F7 solid;
    border-radius: 0;
    margin: 0 -20px 50px -20px !important;
}
.breadcrumb > li + li::before {
    content: ">\00a0";
}
.breadcrumb li a,.breadcrumb li {
	font-size: 11px;
	color: #777 !important;
}
.btn-block {
    display: block;
    width: 100% !important;
}
.btn-grey {
    color: #fff;
    background-color: #dedede;
    border-color: #cdcdcd;
}
#btn-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
#btn-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
#btn-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-primary {
    color: #009AD0;
    background-color: transparent;
    border: 2px solid #009AD0;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
}
.btn-primary:hover {
    color: #fff;
    background-color: #009AD0;
    border-color: #009AD0;
}
.btn-primary.active, .btn-primary:active {
    color: #fff;
    background-color: #009AD0 !important;
    border-color: #009AD0 !important;
}
.btn-primary.focus, .btn-primary:focus {
    color: #009AD0;
    background-color: transparent;
    border: 2px solid #009AD0;
    outline: 0 !important;
}
.btn-primary.active.focus,
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #009AD0 !important;
    border-color: #009AD0 !important;
}
.btn-action2 {
    color: #ffffff;
    background-color: #009AD0;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
    border: 2px #009AD0 solid;
}
.btn-action2:hover {
    color: #fff;
    background-color: #008cbf;
}
.btn-action2.active, .btn-action2:active {
    color: #fff;
    background-color: #009AD0 !important;
}
.btn-action2.focus, .btn-action2:focus {
    color: #fff;
    background-color: #008cbf;
    outline: 0 !important;
}
.btn-action2.active.focus,
.btn-action2.active:focus, 
.btn-action2.active:hover, 
.btn-action2:active.focus, 
.btn-action2:active:focus, 
.btn-action2:active:hover, 
.open>.dropdown-toggle.btn-action2.focus, 
.open>.dropdown-toggle.btn-action2:focus, 
.open>.dropdown-toggle.btn-action2:hover {
    color: #fff;
    background-color: #008cbf !important;
}
.btn-action {
    color: #ffffff;
    background-color: #009AD0;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
    width: 200px;
    border: 2px #009AD0 solid;
}
.btn-action:hover {
    color: #fff;
    background-color: #008cbf;
}
.btn-action.active, .btn-action:active {
    color: #fff;
    background-color: #009AD0 !important;
}
.btn-action.focus, .btn-action:focus {
    color: #fff;
    background-color: #008cbf;
    outline: 0 !important;
}
.btn-action.active.focus,
.btn-action.active:focus, 
.btn-action.active:hover, 
.btn-action:active.focus, 
.btn-action:active:focus, 
.btn-action:active:hover, 
.open>.dropdown-toggle.btn-action.focus, 
.open>.dropdown-toggle.btn-action:focus, 
.open>.dropdown-toggle.btn-action:hover {
    color: #fff;
    background-color: #008cbf !important;
}
.btn-cancel {
    color: #ffffff;
    background-color: #aaaaaa;
    border: 2px #aaaaaa solid;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
    width: 200px;
}
.btn-cancel:hover {
    color: #fff;
    background-color: #9d9d9d;
}
.btn-cancel.active, .btn-cancel:active {
    color: #fff;
    background-color: #9d9d9d !important;
}
.btn-cancel.focus, .btn-cancel:focus {
    color: #fff;
    background-color: #9d9d9d;
    outline: 0 !important;
}
.btn-cancel.active.focus,
.btn-cancel.active:focus, 
.btn-cancel.active:hover, 
.btn-cancel:active.focus, 
.btn-cancel:active:focus, 
.btn-cancel:active:hover, 
.open>.dropdown-toggle.btn-cancel.focus, 
.open>.dropdown-toggle.btn-cancel:focus, 
.open>.dropdown-toggle.btn-cancel:hover {
    color: #fff;
    background-color: #9d9d9d !important;
}
.btn-delete {
    color: #ffffff;
    background-color: #D9534F;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
    width: 200px;
}
.btn-delete:hover {
    color: #fff;
    background-color: #D9534F;
}
.btn-delete.active, .btn-delete:active {
    color: #fff;
    background-color: #D9534F !important;
}
.btn-delete.focus, .btn-delete:focus {
    color: #fff;
    background-color: #D9534F;
    outline: 0 !important;
}
.btn-delete.active.focus,
.btn-delete.active:focus, 
.btn-delete.active:hover, 
.btn-delete:active.focus, 
.btn-delete:active:focus, 
.btn-delete:active:hover, 
.open>.dropdown-toggle.btn-delete.focus, 
.open>.dropdown-toggle.btn-delete:focus, 
.open>.dropdown-toggle.btn-delete:hover {
    color: #fff;
    background-color: #D9534F !important;
}
.btn-default {
    color: #777;
    background-color: transparent;
    border: 2px solid #777;
    border-radius: 0;
}
.btn-default:hover {
    color: #fff;
    background-color: #777;
    border-color: #777;
}
.btn-default.active, .btn-default:active {
    color: #fff;
    background-color: #777 !important;
    border-color: #777 !important;
}
.btn-default.focus, .btn-default:focus {
    color: #fff;
    background-color: #777 !important;
    border-color: #777 !important;
}
.btn-default.active.focus,
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active.focus, 
.btn-default:active:focus, 
.btn-default:active:hover, 
.open>.dropdown-toggle.btn-default.focus, 
.open>.dropdown-toggle.btn-default:focus, 
.open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #777 !important;
    border-color: #777 !important;
}
.btn-yellow {
    color: #FFFFFF;
    background-color: #F0AD4E;
    border: 2px solid #F0AD4E;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
}
.btn-yellow:hover {
    color: #FFFFFF;
    background-color: #efa339;
    border-color: #efa339;
}
.btn-yellow.active, .btn-yellow:active {
    color: #fff;
    background-color: #efa339 !important;
    border-color: #efa339 !important;
}
.btn-yellow.focus, .btn-yellow:focus {
    color: #FFFFFF;
    background-color: #efa339;
    border: 2px solid #efa339;
    outline: 0 !important;
}
.btn-yellow.active.focus,
.btn-yellow.active:focus, 
.btn-yellow.active:hover, 
.btn-yellow:active.focus, 
.btn-yellow:active:focus, 
.btn-yellow:active:hover, 
.open>.dropdown-toggle.btn-yellow.focus, 
.open>.dropdown-toggle.btn-yellow:focus, 
.open>.dropdown-toggle.btn-yellow:hover {
    color: #fff;
    background-color: #F0AD4E !important;
    border-color: #F0AD4E !important;
}
.btn-yellow-o {
    color: #F0AD4E;
    background-color: transparent;
    border: 2px solid #F0AD4E;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
}
.btn-yellow-o:hover {
    color: #fff;
    background-color: #F0AD4E;
    border-color: #F0AD4E;
}
.btn-yellow-o.active, .btn-yellow-o:active {
    color: #fff;
    background-color: #F0AD4E !important;
    border-color: #F0AD4E !important;
}
.btn-yellow-o.focus, .btn-yellow-o:focus {
    color: #F0AD4E;
    background-color: transparent;
    border: 2px solid #F0AD4E;
    outline: 0 !important;
}
.btn-yellow-o.active.focus,
.btn-yellow-o.active:focus, 
.btn-yellow-o.active:hover, 
.btn-yellow-o:active.focus, 
.btn-yellow-o:active:focus, 
.btn-yellow-o:active:hover, 
.open>.dropdown-toggle.btn-yellow-o.focus, 
.open>.dropdown-toggle.btn-yellow-o:focus, 
.open>.dropdown-toggle.btn-yellow-o:hover {
    color: #fff;
    background-color: #F0AD4E !important;
    border-color: #F0AD4E !important;
}
.btn-red {
    color: #D9534F;
    background-color: transparent;
    border: 2px solid #D9534F;
    border-radius: 0;
    font-family: 'Clear Sans Medium',sans-serif;
}
.btn-red:hover {
    color: #fff;
    background-color: #D9534F;
    border-color: #D9534F;
}
.btn-red.active, .btn-red:active {
    color: #fff;
    background-color: #D9534F !important;
    border-color: #D9534F !important;
}
.btn-red.focus, .btn-red:focus {
    color: #D9534F;
    background-color: transparent;
    border: 2px solid #D9534F;
    outline: 0 !important;
}
.btn-red.active.focus,
.btn-red.active:focus, 
.btn-red.active:hover, 
.btn-red:active.focus, 
.btn-red:active:focus, 
.btn-red:active:hover, 
.open>.dropdown-toggle.btn-red.focus, 
.open>.dropdown-toggle.btn-red:focus, 
.open>.dropdown-toggle.btn-red:hover {
    color: #fff;
    background-color: #D9534F !important;
    border-color: #D9534F !important;
}
.btn-right {
	margin-left: 5px;
}
.form-control {
	width: inherit;
	display: inline;
	height: auto;
	border: 1px solid #dedede;
	padding: 4px 12px;
	border-radius: 2px;
	box-shadow: none;
	color: #111;
}
.form-control:focus {
    box-shadow: none;
    border-color: #009AD0;
}
.form-box-title {
	padding-top: 3px;
	padding-bottom: 5px;
	border-top: 3px #B0BEC5 solid !important;
	border: 1px #B0BEC5 solid;
	background-color: #B0BEC5 !important;
}
.form-box {
	border-top: 3px #B0BEC5 solid !important;
	border: 1px #B0BEC5 solid;
	margin-bottom: 20px;
}
.form-box .table > tbody > tr > td {
	border-top: 1px solid #F4F4F4;
}
.form-control[readonly] {
    background-color: #fff;
}
.btn-save {
	/*width: 200px;*/
}
/* NEW */
.navbar {
	border-width: 0 0 1px;
	margin-bottom: 0px;
}
.navbar-nav {
    width: 100%;
    /*text-align: center;*/
}
.navbar-nav li {
	float: none;
    display: inline-block;
    margin-bottom: -1px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #F4F8FF;
    color: #006699;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
.nav-menu {
	background-color: #009AD0;
}
.nav-menu .menu-active a {
	color: #006699;
	font-weight: bold;
}
.nav-menu .menu-active:hover a{
	color: #006699;
}
.nav-menu li a {
	color: #ffffff;
}
.nav-submenu {
	background-color: #F4F8FF;
	display: none;
}
.display {
    display: block !important;
}
.nav-submenu li a {
	color: #006699;
}
.nav-submenu a:hover {
	text-decoration: underline !important;
}
.nav-submenu .submenu-active {
	/*background-color: #fff;*/
	/*text-decoration: underline;*/
	font-weight: bold;
}
.dropdown-menu > li > a {
	color: #111;
}
.navbar-nav > li > .dropdown-menu > li {
	width: 100%;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #F4F8FF;
}
.icon-red {
	color: #D9534F;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    padding: 5px 8px;
}
.table>thead>tr>th {
    border-bottom: 2px solid #B0BEC5;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #ddd;
}
.table-no-border,
.table-no-border tr,
.table-no-border tr td{
	border: 0px !important;
	padding: 3px !important;
}
.table-no-border tr th {
	border-top: 0 !important;
	border-bottom: 1px #ddd solid;
}
.table-no-border2,
.table-no-border2 tr,
.table-no-border2 tr td{
	border: 0px !important;
	/*padding: 3px !important;*/
}
.table-transparent,
.table-transparent tr,
.table-transparent tr td{
	background-color: transparent;	
}

.experience-list {
	margin-bottom: 10px;
}
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
/*.input-group {
	display: inline;
}*/
/*.input-group .form-control, .input-group-addon, .input-group-btn {
    display: inline;
}*/
.input-group .form-control {
	float:none;
}
.input-group-addon {
	background-color: #ffffff;
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #777;
}
.input-group .form-control {
	width: inherit;	
}
.btn_search {
	cursor: pointer;
    background-color: #009AD0;
    color: #fff;
    border: 1px solid #009AD0;
    border-radius: 0px 2px 2px 0px !important;
}
.btn_search:hover, .btn_search:focus {
	background-color: #009AD0;
    border-top: 1px solid #009AD0;
    border-right: 1px solid #009AD0;
    border-bottom: 1px solid #009AD0;
	color: #fff;
}
.search_result {
	border-bottom: 1px #B0BEC5 solid;
	padding:10px 0px;
}

.modal-header {
    font-size: 18px;
    font-family: 'Clear Sans Light',sans-serif;
    background-color: #ffffff;
    border-radius: 0px 0px 0 0;
    padding: 10px 15px;
    border-bottom: 1px #f5f5f5 solid;
    color: #333;
    border-top: 5px #009AD0 solid;
}
.modal-footer {
	padding: 10px 15px;
	background-color: #F5F6F6;
	border-radius: 0 0 0 0;
}
.modal-dialog {
    margin: 100px auto;
}
.table .item {
	cursor: pointer;
}
.table-total {
    border: 1px #009AD0 solid !important;
}
.table-total td {
    font-size: 15px;
}
.table-report {
    /*font-size: 15px;*/
}
.table-report table.fixed-header {
	/*border-collapse: separate !important;*/
	border-bottom: 1px #009AD0 solid;
	margin-bottom: 0px;
	border-top: 1px #009AD0 solid;
}
.table-report thead tr {
    height: 50px;
}
.table-report thead th {
	text-align: center;
	vertical-align: middle !important;
	border-bottom: 3px solid #009AD0 !important;
	border-top: 1px solid #009AD0 !important;
	font-weight: normal;
	font-size: 15px;
}
.table-report thead, table.fixed-header thead {
	background-color: #fff;
}
.table-report thead .center, .table-report tbody .center {
	text-align: center !important;
}
.table-report thead .right, .table-report tbody .right{
	text-align: right !important;
}
.table-report thead .left, .table-report tbody .left{
	text-align: left !important;
}
.table-report thead a {
	color: #009AD0;
	font-weight: normal;
	font-size: 15px;
}
.table-report tbody td {
    padding: 7px !important;
}
.table-report .footer-report-first td {
	border-top: 2px #009AD0 solid !important;
	font-size: 15px;
}
.table-report .footer-report td {
	font-size: 15px;
}
.table-report .table-border-bottom {
	border-bottom: 1px #009AD0 solid;
	font-family: 'Clear Sans Medium', sans-serif;
	font-size: 15px;
}
.table-report .table-border-bottom td{
	border-top: 2px #009AD0 solid !important;
	padding: 15px 5px !important;
}
.table-report .light-border {
	text-align: center;
	border-top: 1px #009AD0 solid !important;
	font-size: 15px;
	vertical-align: middle;
}
.table-report .light-border td{
	vertical-align: middle;
}
.text-medium {
	font-family: 'Clear Sans Medium', sans-serif;	
}
.report-full {
	width:1865px;
}
.filter-box {
	border: 1px #DDDDDD solid;
	border-bottom: 0;
	padding: 10px;
	/*margin-bottom: 10px;*/
	min-height: 150px;
}
.filter-box .filter-group {
	font-family: 'Clear Sans Medium', sans-serif;	
	padding-bottom: 10px !important;
}
.filter-box label {
	font-weight: normal;
	font-size: 15px;
}
.filter-footer {
	background-color: #F7F7F7;
	border:1px #DDDDDD solid;
	height: 60px;
	padding: 10px;
}
.fb-1300 {
	width: 1300px;
}
.fb-1050 {
	width: 1050px;
}
.fb-750 {
	width: 750px;
}
.fb-500 {
	width: 500px;
}
.filter-box .filter-right {
	border-left: 1px #DDDDDD solid;
}
.filter-box .filter-left {
	border-right: 1px #DDDDDD solid;
}
.box-export {
	margin-left: 10px;
	min-width: 260px;
}
.bold {
	font-weight: bold;
}
.export-container {
	padding: 0 20px;
	height: 100%;
	background-color:#F7F7F7;
	border: 1px #DDDDDD solid;
	text-align: center;	
}
.box-export .icon-export {
	font-size:36px;
	margin-bottom: 10px;
}
.box-export .no-export {
	width: 50%;
	border-color:#555;
}
.feeearner-header {
	padding: 10px;
	background-color:#ffffff;
	margin-top: 10px;
	font-size: 15px;
}
.txt-17 {
	font-size: 17px;
}
.txt-19 {
    font-size: 19px;
}
.txt-20 {
	font-size: 20px;
}
.txt-20-bold {
	font-size: 20px;	
	font-family: 'Clear Sans Medium',sans-serif;
}
.content-header h1 small {
    margin-left: 10px;
    font-size: 15px !important;
    font-family: 'Clear Sans Light',sans-serif;
}
.btn-primary .fa {
    margin-right: 10px;
}
.btn .fa {
    margin-right: 10px;
}
.alert {
    font-size: 16px;
}
.alert .fa {
    margin-right: 10px;
    font-size: 20px;
}
.fc-100 { width: 100%; }
.fc-90 { width: 90%; }
.fc-80 { width: 80%; }
.fc-75 { width: 75%; }
.fc-50 { width: 50%; }
.fc-48 { width: 48%; }
.fc-45 { width: 45%; }
.fc-40 { width: 40%; }
.fc-35 { width: 35%; }
.fc-30 { width: 30%; }
.fc-25 { width: 25%; }
.fc-20 { width: 20%; }
.fc-15 { width: 15%; }

.input-group .date {
	width: 110px;
}
.datepicker-container {
	float: left;
	width: 155px;
}
.datepicker-divider {
	width: 20px;
    float: left;
    padding-top: 5px;
}
.box-default {
	border: 1px #DDDDDD solid;
	background-color: #F7F7F7;
	padding: 10px;
}
.tableFloatingHeaderOriginal {
	/*margin-top: 100px !important;*/
	margin-top: -1px !important;
}
.alert-no-data {
	/*height: 300px;*/
	text-align: center;
	padding: 50px;
	border: 1px #dddddd solid;
	background-color: #F7F7F7;
	color: #555555;
}
.alert-no-data .fa{
	font-size: 50px;
	margin-bottom: 20px;
}
.alert-no-data h1{
	font-size: 30px;
}
.alert-no-data p{
	font-size: 16px;
}
.clearfix {
	height: 0px;
	clear: both;
}
/*EMPLOYEE*/
.rate-box {
    border: 1px #555 solid;
    border-radius: 3px;
    padding: 5px 10px;
}
.rate-box small {
    font-size: 11px;
    color: #333;
}
.rate-box hr {
    /*border-color: #eee;*/
    margin-bottom: 0 !important;
}
.rate-default {
    /*background-color: #009AD0;*/
    color: #F0AD4E;
    font-family: 'Clear Sans Medium', sans-serif;
    border: 2px #F0AD4E solid;
}
.client-detail .client-logo {
    max-height: 75px;
    max-width: 150px;
}
.client-card {
    width: 325px;
    border: 1px #555 solid;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    height: 350px;
    position: relative;
}
.client-card .client-header, .client-card .client-info, .client-card .client-footer {
    padding: 10px;
}
.client-card .client-header {
    border-bottom: 1px #eee solid;
}
.client-card .client-logo {
    max-height: 35px;
    max-width: 100px;
}
.client-card .client-name {
    width: 215px;
}
.client-card table {
}
.client-card table p {
    margin-bottom: 0px !important;
}
.client-card table .icon, .client-detail table .icon {
    padding: 0 20px 0 0;
    position: relative;
}
.client-card table .icon-info, .client-detail table .icon-info {
    padding-bottom: 5px;
    padding-left: 5px;
}
.client-card .client-info table i, .client-detail .client-info table i {
    font-size: 23px;
    position: absolute;
    top: -5px;
}
.client-card .client-info table td {
    margin-top: -20px;
}
.client-card .client-footer {
    position: absolute;
    bottom: 0;
    width: 323px;
    background: #f8f8f8;
    border-top: 1px #eee solid;
    margin-top: 10px;
    border-radius: 0 0 3px 3px;
}
.client-card .client-footer .thumb-img {
    width: 50px; 
    height: 50px; 
    object-fit: cover; 
    border-radius: 30px;
}
.client-card .client-footer span {
    font-size: 11px;
    color: #555;
}
.client-card .client-footer i {
    font-size: 27px;
}

.employee-card {
    width: 402px;
    border: 1px #555 solid;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
}
.employee-card:hover {
	background: #f9f9f9;
    cursor: pointer;
}
.employee-card.resigned {
    background: #f9f9f9;
    border: 1px #aaa solid;
    color: #777;
}
.employee-card.resigned img {
    filter: grayscale(100%);
}
.grayscale {
    filter: grayscale(100%);  
}
.employee-card .employee-stat {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 13px;
    font-weight: normal;
}
.card-photo {
    width: 150px;
    height: 150px;
    border-radius: 3px 0 0 3px;
    float: left;
}
.card-photo img {
    object-fit: cover;
    width: 150px;
    height: 150px;
    border-radius: 3px 0 0 3px;
}
.card-info {
    height: 150px;
    width: 245px; /*250px*/
    padding: 10px;
    float: left;
}
.card-info i {
    font-size: 20px;
}
.card-info-full {
    width: 400px;
}
.card-info h4 {
    font-family: 'Clear Sans Medium',sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}
.card-info p {
    font-size: 15px;
}
.card-info-full label {
    margin-right: 5px;
    color: #009AD0;
    margin-bottom: 0px;
}
/*.card-info .glyphicon {
    margin-right: 10px;
    color: #333;
}*/
.card-info .option-menu {
    font-size: 15px;
}
/*.card-info .option-menu .glyphicon {
    margin-right: -5px;
    color: #aaa;
}*/
.card-info .small {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0px;
}
.subtitle-content {
    border-left:2px #555 solid;
}
.subtitle-content small {
    font-family: 'Clear Sans Light', sans-serif;
    font-size: 15px;
    margin-left: 25px;
}
.subtitle-content h2 {
    font-size: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px #555 solid;
    border-collapse: collapse;
    font-family: "Clear Sans Medium",sans-serif;
    color: #555;
}
.subtitle-content.resigned {
    border-left:2px #aaa solid;
}
.subtitle-content.resigned h2 {
    color: #aaa;
    border-bottom: 1px #aaa solid;
}
.no-outline-section {
    /*padding:20px;*/
    margin-bottom: 20px;
}
.no-outline-section hr, .box-grey-section hr, .form-outline-section hr, .form-section hr {
    margin: 0 0 10px 0;
    border-color: #ddd;
}
.no-outline-section h5, .box-grey-section h5, .form-outline-section h5, .form-section h5 {
    margin-top: 0px;
    color: #333;
}
.box-grey-section {
    background-color:#fafafa;
    border: 1px #fafafa solid;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.form-outline-section {
    border: 1px #ddd solid;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.form-section {
    background: #fafafa;
    border: 1px #ddd solid;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.form-section h5 small{
    padding-left: 15px;
}
.form-section .btn {
    margin-bottom: 3px;
}
.box-checkbox {
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 7px;
}
.box-checkbox:hover {
	cursor: pointer;
}
.box-checkbox .icon-checkbox {
    position: absolute;
    top: -5px;
    left: 8px;
    font-size: 24px;
    color: #ccc;
    background-color: #fafafa;
}

.box-checkbox.removed {
    border: 1px #D9534F solid;
}
.box-checkbox.removed .icon-checkbox {
    border-radius: 25px;
    border: 1px #D9534F solid;
    background: #D9534F !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 3px 2px;
}
.box-checkbox.removed .icon-checkbox::before {
    content: "\f235";
}
.box-checkbox.checked {
    border: 1px #009AD0 solid;
}
.box-checkbox.checked .icon-checkbox {
    color: #009AD0;
}
.table-create-rate tr td{
	padding: 5px 10px 5px 0;
}
.side-photo {
    width: 200px;
    float: left;
    margin-right: 20px;
    /*padding: 15px;*/
    margin-bottom: 20px;
    border-radius:5px;
}
@media (max-width: 1800px){
    .dropzone{
        width: 200px; 
        height: 200px; 
    }
    .hidden-upload {
        height: 200px;
    }
    .text-upload {
        width: 200px;
    }
}
@media (min-width: 1800px){
    .dropzone{
        width: 200px; 
        height: 200px; 
    }
    .hidden-upload {
        width: 200px; 
        height: 200px; 
    }
    .text-upload{
        width: 200px;
        height: 200px; 
    }
}
.dropzone{
    position: absolute;
    /*top:37px;*/
    top: 230px;
    background: #32C6C7;
    opacity: 0;
    filter: alpha(opacity=60);
    cursor: pointer;
}
.hidden-upload {
    background: none;
    border: 1px #aaa dashed;
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;
}
.text-upload{
    position: absolute; 
    left: 20px;
    top: 230px;
    padding-top: 35px;
    font-size: 18px;
    font-family: 'Clear Sans Thin', sans-serif;
    font-weight: normal;
    font-style: italic;
}
.nama-file{
    font-size: 16px;
    font-style: normal;
    text-align: center;
    margin-top: 25px;
    overflow: hidden;
}
.img_upload.has-image {
	border: 1px #aaa dashed;
	padding: 10px;
	text-align: center;
}
.img_upload img {
	object-fit: cover;
	width: 177px;
	height: 177px;
}
.side1 {
    float: left;
    width: 1000px;
    padding-right: 10px;
    margin-right: 10px;
    /*border-right: 1px #ddd solid;*/
}
.side2 {
    float: left;
    width: 300px;
}
.icon-big {
    font-size: 45px;
}
.required-icon {
	font-size: 8px;
	/*border: 1px red solid;*/
	color: red;
	padding:2px 4px;
	border-radius: 100px;
}
.required-icon:hover {
	/*border: 1px red solid;*/
	/*background-color: red;*/
	color: red;
}
.red-border {
	border: 1px #F00 solid;
}
.error {
	color: #F00;
}
.clear-link {
	color: #111;
}
.clear-link:hover {
	color: #111;	
}
.default-icon{
    color: #ccc;
    font-size: 20px;
}
.default-icon:hover{
    cursor: pointer;
}
.default-icon.active{
    color: #FFC34C; 
}
.employeephoto {
    /*height: 200px;*/
    text-align: center;
    border: 1px #dedede solid;
    border-radius: 3px;
    position: relative;
}
.employeephoto #img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.employeedetail {
    border:1px #dedede solid;
    border-radius: 3px;
    padding: 10px 20px 20px;
    min-height: 200px;
    margin-bottom: 30px;
}
.employeedetail .label {
    padding: 5px 10px !important;
    font-size: 13px;
    font-weight: normal;
    margin: 5px -5px 0 0;
}
.employeedetail .label-outline-grey {
    line-height: 3;
}
.font-15 {
    font-size: 15px;
}
.txt-green {
    color: #5CB85C;
}
.padding-5 {
    padding: 5px;
}
.padding-2 {
    padding: 2px;
}
.contact-info i {
    font-size: 23px;
}
.rate-wrapper {
    /*margin-top: 30px;*/
}
.rate-container {
    padding-bottom:10px;
}
.rate-box h4 {
    margin-top:0px;
}
.box-grey h4 {
    margin-top: 0px;
}
.rate-note {
    text-align:right;
    position:absolute;
    bottom:40px;
    right:20px;
}
.label-outline-grey {
    border: 1px #777 solid;
    background-color: transparent;
    color: #111;
    margin: 5px 3px 0 0 !important;
    border-radius: 15px;
}
.label-info {
    background: #009AD0;
}
.employee-list-thumbnail {
    padding-top: 10px;
}
.list-thumbnail {
    margin-bottom: -5px;
}
.list-thumbnail .list-text {
    margin-top: 5px;
    margin-left: 10px;
}
.list-thumbnail .list-image {
    width: 30px; 
    height:30px; 
    object-fit: cover; 
    border-radius: 15px;
}
.employeenametext {
    font-size: 23px;
    font-family: 'Clear Sans Medium', sans-serif;
    color: #000;
}
.employeepositiontext {
    font-size: 19px;
    color: #000;
}
.padding-right-5{
    padding-right: 5px;
}
.header-form hr {
    margin: 0 0 10px 0;
    border-color: #ddd;
}
.header-form h4 {
    margin-top: 0px;
    color: #009AD0;
}
.project-card {
    width: 402px;
    border: 1px #555 solid;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 10px 20px 10px 20px;
}
.project-card:hover {
    background: #f9f9f9;
}
.project-card.box-checkbox .icon-checkbox {
    position: absolute;
    top: -8px;
    left: -8px;
    font-size: 24px;
    color: #ccc;
    background-color: #fafafa;
}
.project-card.box-checkbox.checked {
    border: 1px #009AD0 solid;
}
.project-card.box-checkbox.checked .icon-checkbox {
    color: #009AD0;
}
.project-card .projectnumber{
    font-family: 'Clear Sans Medium', serif;
    font-size: 17px;
}
.project-card .client { 
    font-family: 'Clear Sans Light', serif;
    font-size: 17px;
}
.project-card .taskname, .taskname {
    font-weight: normal;
    font-size: 13px;
}
.project-card .projectdate {
    font-size: 11px;
    color: #333;
}
.project-card .projectjoindate {
    font-size: 11px;
}
.project-card .projectjoindate .fa {
    color: #009AD0;
}

.year_selected, .year_all_selected {
    color: #009AD0;
}
.show_project .fa::before {
    content: "\f0d8";
}
.btn.pull-left {
    margin-right: 5px;
}
.dropdown ul{
    padding: 0 0 0 0px !important;
    min-width: 200px;
    margin: 0 !important;
}
.dropdown .btn {
    margin-bottom: 0px !important;
}
.dropdown-menu {
    border-radius: 0px !important;
}
.dropdown-menu > li {
    border-bottom: 1px solid rgba(0,0,0,.15);
}
.dropdown-menu > li > a {
    padding: 7px 20px;
}
.rate-option {
    margin-bottom: 15px;
    margin-right: 15px;
    width: 200px;
    float: left;
}
.rate-option .rate-box:hover {
    cursor: pointer;
    border: 1px #009AD0 solid;
}
.rate-option.active .rate-box {
    border: 1px #dedede solid;
}
.rate-option.selected .rate-box {
    border: 1px #009AD0 solid;
}
.rate-option.todelete .rate-box{
    position: relative;
}
.rate-option.delete .rate-box{
    border: 1px #D9534F solid;
}
.rate-option.todelete .rate-box:hover {
    border: 1px #D9534F solid;
}
.rate-option.todelete .rate-box .icon-checkbox {
    position: absolute;
    top: -8px;
    right: -7px;
    font-size: 17px;
    color: #D9534F;
    background-color: #fafafa;
}

.text-bold {
    font-family: 'Clear Sans Medium', sans-serif;
}
.text-small {
    font-size: 12px;
}
.text-thin {
    font-size: 17px;
}
.outline-section {
    border: 1px #dedede solid;
    border-radius: 3px;
    padding: 10px;
}
.arrow-icon {
    font-size: 27px;
    margin-left: 10px;
    margin-right: 10px;
}
.font-13 {
    font-size: 13px !important;
}
.callout {
    margin-bottom: 30px;
    border: 1px solid #dedede;
    border-left-width: 1px;
    border-left-color: #dedede;
    border-left-width: 3px;
    border-radius: 3px;
}
.callout .icon-side {
    padding: 10px 15px;
    width: 60px;
    font-size: 40px;
    color: #999999;
}
.callout .text-side {
    padding: 10px;
    font-size: 14px;
}
.callout-yellow {
    border-left-color: #FFC107 !important;
    border-top: 1px #FFC107 solid;
    border-bottom: 1px #FFC107 solid;
    border-right: 1px #FFC107 solid;
}
.callout-yellow .icon-side {
    color: #FFC107;
}
.callout-red {
    border-left-color: #DC3545 !important;
    border-top: 1px #DC3545 solid;
    border-bottom: 1px #DC3545 solid;
    border-right: 1px #DC3545 solid;
}
.callout-red .icon-side {
    color: #DC3545;
}
.callout-green {
    border-left-color: #5CB85C !important;
    border-top: 1px #5CB85C solid;
    border-bottom: 1px #5CB85C solid;
    border-right: 1px #5CB85C solid;
}
.callout-green .icon-side {
    color: #5CB85C;
}
.form-section .employee-card {
    margin: 0;
    background-color: #ffffff;
}
.upgrade-rate-value {
    min-width: 350px;
}
.upgrade-rate-value .fa {
    font-size: 20px;
}
@media (min-width: 1638px) {
    .upgrade-rate-value {
        float: right;
    }
}
@media (max-width: 1637px) {
    .upgrade-rate-value {
        float: left;
    }
}
.overflow-inherit {
    overflow: inherit !important;
}
.tab-container {
    border: 1px #009AD0 solid;
    padding: 20px;
    border-radius: 0 3px 3px 3px;
}
.notif-success {
    background-color: #5CB85C;
    border: 1px #499349 solid;
    color: #ffffff;
}
.notif-success .close-notif {
    color: #499349;
}
.notif-success .notif-icon {
    background: #499349;
    color: #64c964;
}
.notif-box {
    width: 400px;
    height: 125px;
    position: fixed;
    top: 40%; left: 40%;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3);
    border-radius: 3px;
}
.close-notif {
    padding: 10px;
    font-size: 17px;
    color: #C3C6CC;
}
.close-notif:hover {
    opacity: 0.5;
}
.notif-icon {
    width: 50px;
    float: left;
    height: 123px;
    text-align: center;
}
.notif-icon .fa {
    font-size: 24px;
    margin-top: 100%;
}
.notif-text {
    padding: 20px 75px;
    font-size: 17px;
}
.search-container {
    position: absolute;
    right: 10px;
    top: -44px;
    z-index: 99;
    width: 400px;
    padding: 20px 20px 20px 20px;
}
.search-box {
    background: #fbfbfb;
    border: 1px #dedede solid;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
}
.search-container .form-control {
    width: 100% !important;  
}
.floating-box {
    position: absolute;
    top: 45px;
    left: -405px;
    width: 400px;
    background: #fbfbfb;
    border: 1px #dedede solid;
    border-radius: 0 0 5px 0;
    padding: 20px 20px 20px 20px;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
}
.button-float {
    position: absolute;
    top: -1px;
    right: -46px;
    background: #F0AD4E;
    color: #fff;
    padding: 7px 15px;
    border-top: 1px #F0AD4E solid;
    border-right: 1px #F0AD4E solid;
    border-bottom: 1px #F0AD4E solid;
    z-index: 100;
}
.button-float:hover {
    cursor: pointer;
}
.button-float .fa {
    font-size: 16px;
}
#btn-advance {
    margin-top: 10px;
}
.advance-search .caret-up {
    position: absolute;
    width: 100%;
    text-align: center;
    /*bottom: 5px;*/
}
.fa-mars {
    color: #00ADEF;
}
.fa-venus {
    color: #ED008C;
}
.gender-icon.fa-mars {
    background: #00ADEF;
}
.gender-icon.fa-venus {
    background: #ED008C; 
}
.gender-icon {
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 7px;
    border-radius: 0px 0px 3px 0px;
}
.datetimeEntry-control {
    display: none !important;
}
time.icon {
    position: relative;
}
.change-date {
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.75);
    width: 145px;
    height: 145px;
    text-align: center;
    padding-top: 60px;
    font-family: 'Clear Sans Medium',sans-serif;
}
.billtext { padding: 5px 10px; font-size: 17px; font-weight: normal; }
.lbl {
  position: relative;
  display: block;
  height: 20px;
  width: 44px;
  background: #898989;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.lbl:after {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
  content: '';
  transition: all 0.3s ease;
}

.lbl:active:after { transform: scale(1.15, 0.85); }

.cbx:checked ~ label { background: #6fbeb5; }

.cbx:checked ~ label:after {
  left: 20px;
  background: #179588;
}

.cbx:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}

.cbx:disabled ~ label:after { background: #bcbdbc; }
time.icon {
    font-size: 1em;
    display: block;
    position: relative;
    width: 145px;
    height: 145px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
    cursor: pointer;
}
time.icon * {
    display: block;
    width: 100%;
    font-style: normal;
    text-align: center;
}
time.icon strong {
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #D9534F;
    border-bottom: 1px dashed #dedede;
    box-shadow: 0 2px 0 #D9534F;
    font-size: 15px;
}
time.icon em {
    position: absolute;
    bottom: 0.3em;
    color: #333333;
    font-size: 16px;
}
time.icon span {
    width: 100%;
    font-size: 60px;
    letter-spacing: -0.05em;
    padding-top: 35px;
    color: #2f2f2f;
}
.lock-icon .fa-lock {
    width: 15px;
    color: #777;
}
.locked .fa-lock {
    color: #F0AD4E; 
    font-size: 12px;
}
.unlocked .fa-lock {
    color: #777; 
    font-size: 12px;
}
.locked .fa-lock::before {
    content: "\f023";
}
.unlocked .fa-lock::before {
    content: "\f13e";
}
.timesheet-box {
    min-height: 250px;
}
.timesheet-box .ts-date {
    width:200px;
}
.timesheet-box .ts-type  {
    position: relative;
}
.timesheet-box .ts-type .create-bill {
    margin-left: 20px;
}
.timesheet-box .ts-type .lock-icon {
    position: absolute;
    left: 0;
    top: 10px;
}
.timesheet-box .ts-hour .form-control {
    width: 95px;
    font-size: 23px;
}
.timesheet-employee-box {
    margin-right: 10px;
    width: 450px;
    height: 250px;
}
@media (max-width: 1604px){
    .timesheet-box {
        width:850px;
    }
    .timesheet-box.single {
	    width: 1110px;
	}
	.timesheet-box .ts-input {
	    width: 608px;
	}
	.timesheet-box.single .ts-input {
	    width: 860px;
	}
	.lastcreated-section .list-ts .employee {
		width: 180px;
	}
    .list-ts-section .list-ts .employee {
        width: 180px;
    }
}
@media (min-width: 1605px){
    .timesheet-box {
        width: 900px;
    }
    .timesheet-box.single {
        width: 1110px;
	}
	.timesheet-box .ts-input {
	    width: 650px;
	}
	.timesheet-box.single .ts-input {
	    width: 860px;
	}
    .lastcreated-section .list-ts .employee {
        width: 220px;
    }
    .list-ts-section .list-ts .employee {
        width: 180px;
    }
}

.lastcreated-section .list-ts .left {
    width: 915px;
    margin-right: 20px;
    float: left;
}
.lastcreated-section .list-ts .right {
    float: right;
    margin-top: -5px;
    width: 175px;
    padding-right: 10px;
}
.list-ts-section .list-ts .left {
    width: 550px;
    margin-right: 20px;
    float: left;
}
.list-ts-section .list-ts .right {
    float: right;
    margin-top: -5px;
    width: 200px;
    padding-right: 10px;
}
.list-ts-section .list-ts .select-ts {
    width: 30px;
}
.list-ts-section .list-ts {
    width: 1010px;
}
.list-ts-modal .list-ts {
    /*width: 950px;*/
    width: 100%;
}
.list-ts-modal .list-ts .employee {
    width: 140px;
}
.list-ts-modal .list-ts .left {
    width: 550px;
    margin-right: 20px;
    float: left;
}
.list-ts-modal .list-ts .right {
    margin: 5px;
    float: right;
    padding-right: 10px;
}
.list-ts {
    border-bottom: 1px #dedede solid;
    padding-top: 10px;
    padding-bottom: 25px;
    position: relative;
    padding-left: 10px;
}
.list-ts.first {
    border-top: 1px #dedede solid;
}
.list-ts.even {
    background-color: #fcfcfc;
}
.list-ts .employee {
    float: left;
    margin-right: 20px;
    /*display: none;*/
}
.list-ts .employee .text1 {
    font-size: 17px;
}
.list-ts .employee .text2 {
    font-size: 13px;
}
.list-ts .id-ts {
	font-size: 11px;
	position: absolute;
	/*bottom: -10px;*/ /*barcode*/
    bottom: 2px;
	left: 10px;
    font-size: 11px;  
    color: #aaaaaa;
    text-shadow: 0 1px 0 rgba(119, 119, 119, 1.0);
    font-family: 'Clear Sans Medium',sans-serif;
}
.list-ts .id-ts i {
	font-size: 25px;
}
.list-ts .id-ts.showid {
	bottom: 0px;
} 
.list-ts .description-ts {
    font-size:15px;
    color: #333;
}
.list-ts .workcode-ts {
    font-size: 15px;
    color: #111;
}
.list-ts .project-ts {
    font-size: 17px;
    font-family: 'Clear Sans Medium', sans-serif;
}
.list-ts .hour-ts {
    border: 2px #F0AD4E solid;
    color: #F0AD4E;
    padding: 5px;
    font-size: 19px;
    width: 85px;
    text-align: center;
    margin-top: -5px;
}
.list-ts .time-ts {
    margin-bottom: 20px;
    margin-top: 3px;
    margin-right: 20px;
}
.list-ts .hour-ts.bill {
    border: 1px #5CB85C solid;
    color: #5CB85C;
}
.list-ts .hour-ts.nonbill {
    border: 1px #999 solid;
    color: #999;
}

.list-ts .modify-ts {
    color: #009AD0;
    font-size: 15px;
    margin-right: 5px;
    border: 1px #fff solid;
    padding: 0px 4px;
}
.list-ts .modify-ts:hover {
    border: 1px #009AD0 solid;
}

.icon-action {
    color: #009AD0;
    font-size: 15px;
    margin-right: 5px;
    border: 1px #fff solid;
    padding: 0px 4px;
}
.icon-action:hover {
    border: 1px #009AD0 solid;
}

.list-ts .delete-ts {
    color: #D9534F !important;
    font-size: 15px;
}

.list-ts .amount-ts {
    padding: 5px;
    font-size: 19px;
    width: 180px;
    text-align: right;
    margin-top: 5px;
}
.list-ts .amount-ts.bill {
    background-color: #5CB85C;
    color: #ffffff;
    border: 1px #5CB85C solid;
}
.list-ts .amount-ts.nonbill {
    background-color: #eee;
    color: #999;
    border: 1px #999 solid;
}
.list-ts .date-ts {
    font-size: 13px;
}
.icon-more {
    margin-top: -10px;
    font-size: 30px;
    float: right;
}
.red {
    color: #D9534F !important;
}
.sub-title {
    padding-bottom: 10px;
    font-size: 19px;
}
.w600 {
    width: 600px; /*fee earner dropdown*/
}
.section-blur {
    filter: grayscale(100%);
    opacity: 0.5;
    pointer-events:none;
}
.section-blur * {
    pointer-events:none;
}
.section-blur:hover, .section-blur *:hover {
    cursor: not-allowed;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.filter-section .keyword{
    width: 100% !important;
}
.disable-billable {
    position: absolute;
    left: 20px;
    width: 190px;
    height: 35px;
    z-index: 100;
}
.disable-hour {
    position: absolute;
    left: 33px;
    width: 100px;
    height: 45px;
    z-index: 100;
}
.bulk-action-group {
    padding: 20px;
    background: #fafafa;
    border: 1px #dedede solid;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 800px;
}
.bulk-action-group a {
    width:155px;
}
.box-dark {
    border: 1px #555 solid;
    border-radius: 3px;
    padding :10px;
}
.box-dark:hover {
    cursor: pointer;
}
.box-dark.selected {
    border: 1px #009AD0 solid;
    color: #111;
}
.box-dark.selected .label-box-dark {
    color: #009AD0;
}
/*switch apps*/
.switcher {
    width: 250px;
    height: 100%;
    z-index: 1000;
    background-color: #E3E3E3;
    float:left;
    position: fixed;
    -webkit-box-shadow: 9px 0px 7px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 9px 0px 7px -10px rgba(0,0,0,0.5);
    box-shadow: 9px 0px 7px -10px rgba(0,0,0,0.5);
}
.switcher .sw-header {
    background-color: #071019;
    color: #fff;
    height: 50px;
    position: relative;
    padding: 15px;
}
.switcher .sw-header i {
    font-size: 50px;
    color: #1b3b59;
    position: absolute;
    top: 0px;
    right: 0;
}
.switcher .sw-body {
    padding: 20px 10px;
}
.switcher .sw-body .sw-apps {
    padding: 10px;
    background: #fafafa;
    margin-bottom: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
}
.switcher .sw-body .sw-apps.dark {
    background: #333;
}
.btn-switcher:hover, .btn-switcher-close:hover {
    cursor: pointer;
}
/*switch apps*/
.merge-img {
    position: absolute;
    top: 35px;
    left: 175px;
}
.w-300 { width: 300px; }
.w-400 { width: 400px; }

/*TIMER*/
.timer-box {
    position: fixed;
    bottom: -1px;
    right: 25px;
    z-index: 1000;
    width: 450px;
    border: 1px #dedede solid;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
}
.timer-box .timer-header {
    background: #009AD0;
    padding: 13px;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    height: 45px;
}
.timer-box .timer-header:hover {
    cursor: pointer;
}
.timer-box .timer-header .timer-minimize {
    font-size: 17px;
}
.timer-box .timer-body {
    height: 200px;
    background: #fafafa;
    padding: 20px;
}
.timer-box .timer-body .timer-maximize {
    font-size: 35px;
}
.timer-box .timer-body .billable-label.bill {
    background-color: #5CB85C;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 17px;
}
.timer-box .timer-body .billable-label.nonbill {
    background-color: #fff;
    color: #111;
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 17px;
}
.timer-box .timer-body .project-label {
    font-size: 15px;
    font-family: 'Clear Sans Regular',sans-serif;
}
.timer-box .timer-btn:hover {
    cursor: pointer;
}
.timer-box .pause-btn i::before {
    content: "\f04c";
}
.timer-box .resume-btn i::before {
    content: "\f04b";
}
.blur {
    filter: blur(2px);
    pointer-events:none;
}
.blur * {
    pointer-events:none;
}
.blur:hover, .blur *:hover {
    cursor: not-allowed;
}
.focusdiv {
    -webkit-box-shadow: 0px 0px 5px -1px rgba(188,188,188,0.5);
    -moz-box-shadow: 0px 0px 5px -1px rgba(188,188,188,0.5);
    box-shadow: 0px 0px 5px -1px rgba(188,188,188,0.5);
    border: 1px #ccc solid;
}
.icon-timer {
    top:-10px;
    right: 0;
    font-size: 19px;
}
.table-wo-timesheet .delete-col {
    width: 35px;
}
.table-wo-timesheet .header-group {
    font-size: 15px;
    border-bottom: 1px #dedede solid !important;
    
    font-family: 'Clear Sans Regular',sans-serif;
    padding: 10px 0 !important;
}
.table-wo-timesheet .total-group {
    font-family: 'Clear Sans Medium',sans-serif;
    border-top: 1px #dedede solid !important;
}
.table-wo-timesheet .total-group td {
    padding-bottom: 20px !important;
}
#filter-wo-timesheet {
    height: 390px;
    width: 800px;
    margin-right: 15px;
}
#forminput-wo-timesheet {
    height: 390px;
    width: 300px
}
#forminput-wo-timesheet .conversion-group {
    margin-bottom: 10px;
}
.list_timesheet_wo {
    width: 1110px;
}
.alphabet-shortcut.floating {
    position: fixed;
    bottom: 50px;
}
.alphabet-shortcut {
    position: absolute;
    bottom: 50px;
    left: 27%;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    border: 1px #009AD0 solid;
    color: #009AD0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.3);
}
.alphabet-shortcut:hover {
    opacity: 1;
    background: #009AD0;
    color: #fff;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
.alphabet-shortcut span {
    text-align: center;
    margin-bottom: 15px;
    font-size: 13px;
    font-family: 'Clear Sans Light',sans-serif;
    font-weight: normal;
    margin-right: 20px;
}
.alphabet-shortcut span:hover {
    cursor: pointer;
    /*font-size: 19px;
    font-family: 'Clear Sans Regular',sans-serif;*/
}
.loading-bar {
    background-color: rgb(255, 255, 255, 0.75);
    width: 500px;
    border: 1px #ccc solid;
    border-radius: 100px;
    text-align: center;
    position: fixed;
    top: 75px;
    right: 75px;
    -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.3);
    font-size: 15px;
    height: 25px;
}
.loading-text {
    z-index: 1000;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.loading-progress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    border-radius: 100px;
    background: #5CB85C;
    height: 100%;
}

/* NEW */

/**************************** TABLE *****************************/

table.b1234 { 
	border-width: 1px;
	border-left: 1px solid rgb(96, 96, 96); 
	border-top: 1px solid rgb(96, 96, 96);					
	border-right: 1px solid rgb(96, 96, 96);					
	border-bottom: 1px solid rgb(96, 96, 96);					
}

/*table.laporanlist { 
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-top: 1px solid rgb(178, 178, 178);					
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);
	background-color:#E8F1FF;
}
*/

td.b1234 { 
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-top: 1px solid rgb(178, 178, 178);					
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);					
}

td.b134 { 
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);					
}

td.b124 { 
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-top: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);					
}

td.b13 { 
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178);					
	border-right: 1px solid rgb(178, 178, 178);					
}

td.b14 { 
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);					
}

td.b24 { 
	border-width: 1px;
	border-top: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);					
}

td.b34 { 
	border-width: 1px;			
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);					
}

td.b3 { 
	border-width: 1px;			
	border-right: 1px solid rgb(178, 178, 178);					
}

td.b4 { 
	border-width: 1px;			
	border-bottom: 1px dashed rgb(128, 128, 128);					
}

td.s4 { 
	border-width: 1px;			
	border-bottom: 1px solid rgb(178, 178, 178);
}

td.accline { 
	border-width: 1px;			
	border-bottom: 1px solid rgb(72, 72, 72);					
}

td.accdoubleline { 
	style=border-width: 4px;			
	border-bottom: 4px double rgb(72, 72, 72);					
}

tr.formheader
{
	 background: #EFEFEF;
  	 border: 1px solid #03476F;
	 padding: 5px;
}

tr.tableheader
{
	 background: #EFEFEF;
  	 border: 1px solid #03476F;
	 padding: 5px;
}

/**************************** FORM *****************************/

.altTextField {
/*font-family: Verdana, Arial;*/
font-size: 8pt;
padding : 2px;
	clear: both;
	margin: 0;
	border: 1px solid #97a490;
	color: #070707;
	background-color: #FFFF88;

}


.altTextFieldDis {
/*font-family: Verdana, Arial;*/
font-size: 8pt;
padding : 2px;
	clear: both;
	margin: 0;
	border: 1px solid #97a490;
	color: #FFFFFF;
	background-color: #888888;

}

.altLoginField {
/*font-family: Verdana, Arial;*/
font-size: 8pt;
padding : 2px;
	clear: both;
	margin: 0;
	border: 1px solid #97a490;
	color: #070707;
	background-color: #ffffff;

}

.altSearchField {
/*font-family: Verdana, Arial;*/
font-size: 8pt;
color: #990000;
border : 1px solid #990000;
padding : 2px;
background : #fafafa;
width:150px;
height:15px;
}

.altTextArea {
	clear: both;
	margin: 0;
	border: 1px solid #97a490;
	/*font-family: Verdana, Arial;*/
	font-size: 8pt;
	background : #FFFF88;
	padding : 2px;
}


.altButton {  
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 11px; color: #000000;
background-color: #efefef;
border-style: ridge;
padding: 3px;
}

.alSearchtButton {  
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 10px; color: #000000;
background-color: #efefef;
border-style: ridge;
padding: 1px;
}

.altClosingButton {  
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 10px; color: #fff;
background-color: #F00;
border-style: dotted;
border-color: #900;
padding-top: 5px;
padding-bottom: 5px;
}



/*********************** TYPOGRAPHY ****************************/
.topheadertext {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #ffffff;

}

.pagetitle {

	/*font-family: Arial, Verdana;*/

	font-size: 15px;

	font-weight: bold;

	color: #111111;

}

.tableheadertext {

	/*font-family: Arial, Verdana;*/

	font-size: 12px;

	font-weight: bold;

	color: #111111;

}

.tabletext {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #111111;

}

.acctext {

	/*font-family: Verdana, Arial;*/

	font-size: 12px;

	font-weight: normal;

	color: #111111;

}

.acctotaltext {

	/*font-family: Verdana, Arial;*/

	font-size: 12px;

	font-weight: bold;

	color: #111111;

}


.tabletextwarning {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: bold;

	color: #FF0000;

}

.formheadertitletext {

	/*font-family: Arial, Verdana;*/

	font-size: 13px;

	font-weight: bold;

	color: #111111;

}

.formtitletext {
	/*font-family: Arial, Verdana;*/
	font-size: 12px;
	font-weight: bold;
	color: #111111;
}

.forminformationtext {
	/*font-family: Verdana,Geneva,Arial,Helvetica,sans-serif*/
	color: #0089B3;;
	font-size: 12px;
}

.angka_keuangan{
	/*font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;*/

	font-size: 22px;

	font-weight: normal;

	color: #333;
}

.angka{
	text-align: right;	
}


.money{
	text-align: right;	
}

.text_keuangan{
	/*font-family: Arial, Verdana, sans-serif;*/

	font-size: 18px;

	font-weight: normal;

	color: #111;
}

.text_deposit_in {
	/*font-family: Arial, Verdana, sans-serif;*/

	font-size: 12px;

	font-weight: normal;

	color: #098;
}

.text_deposit_out {
	/*font-family: Arial, Verdana, sans-serif;*/

	font-size: 12px;

	font-weight: normal;

	color: #F00;
}

.formrequired {

	/*font-family: Verdana, Arial;*/

	font-size: 10px;

	font-weight: normal;

	color: #FF0000;

}

.formtext {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #111111;

}

.formdescriptiontext {

	/*font-family: Arial, Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #333;

}

.footertext {

	/*font-family: Tahoma, Arial, Verdana;*/

	font-size: 11px;

	font-weight: normal;

	color: #333;

}

.datetext1 {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #000066;

}

.datetext2 {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #111;

}

.totaltext1 {

	/*font-family: Verdana, Arial;*/

	font-size: 15px;

	font-weight: bold;

	color: #ffffff;

}

.totaltext2 {

	/*font-family: Verdana, Arial;*/

	font-size: 15px;

	font-weight: bold;

	color: #111;

}


.totaltext2red {

	/*font-family: Verdana, Arial;*/

	font-size: 15px;

	font-weight: bold;

	color: #900;

}


.notificationtext {

	/*font-family: Verdana, Arial;*/

	font-size: 12px;

	font-weight: normal;

	color: green;

}

.errortext {

	/*font-family: Verdana, Arial;*/

	font-size: 12px;

	font-weight: normal;

	color: red;

}


.errortext2 {

	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: red;

}



.reporttitletext {

	/*font-family: Arial, Verdana;*/

	font-size: 13px;

	font-weight: bold;

	color: #FFF;
	
	padding-top: 0px;
	
	padding-left: 5px;

}

.textblur{
	color:#999;	
}

/************************ LINK **************************/

a.footer:active {
	/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	font-weight:normal;
	color: #333;
	background:transparent;
	text-decoration: none;
}

a.footer:link {
	/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	font-weight:normal;
	color: #333;
	background:transparent;
	text-decoration: inherit;
}

a.footer:visited {
	/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	font-weight:normal;
	color: #333;
	background:transparent;
	text-decoration: inherit;
}

a.footer:hover {
	/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	font-weight:normal;
	color: #333;
	background:transparent;
	text-decoration: underline;
}


a.icontext:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:13px;
	font-weight:normal;
	color: #222;
	background:transparent;
	text-decoration: none;
}

a.icontext:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:13px;
	font-weight:normal;
	color: #222;
	background:transparent;
	text-decoration: inherit;
}

a.icontext:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:13px;
	font-weight:normal;
	color: #222;
	background:transparent;
	text-decoration: inherit;
}

a.icontext:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:13px;
	font-weight:normal;
	color: #222;
	background:transparent;
	text-decoration: underline;
}



a.white:active {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#ffffff; 
	background:transparent;
	text-decoration: none;
}

a.white:link {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#ffffff; 
	background:transparent;
	text-decoration: none;
}

a.white:visited {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#ffffff; 
	background:transparent;
	text-decoration: none;
}

a.white:hover {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#ffffff; 
	background:transparent;
	text-decoration: none;
}



a.addcompany:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #009900;
	background:transparent;
	text-decoration: none;
}

a.addcompany:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #009900;
	background:transparent;
	text-decoration: none;
}
	
a.addcompany:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#009900; 
	background:transparent;
	text-decoration: none;
}

a.addcompany:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#009900; 
	background:transparent;
	text-decoration: underline;
}


a.removecompany:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #CC0000;
	background:transparent;
	text-decoration: none;
}

a.removecompany:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #CC0000;
	background:transparent;
	text-decoration: none;
}
	
a.removecompany:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#CC0000; 
	background:transparent;
	text-decoration: none;
}

a.removecompany:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#CC0000; 
	background:transparent;
	text-decoration: underline;
}



a.removerate:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #F00;
	background:transparent;
	text-decoration: none;
}

a.removerate:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #F00;
	background:transparent;
	text-decoration: none;
}
	
a.removerate:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#F00; 
	background:transparent;
	text-decoration: none;
}

a.removerate:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#F00; 
	background:transparent;
	text-decoration: underline;
}



/*a:active {
	color: #006699;
	background:transparent;
	text-decoration: none;
}

a:link {
	color: #006699;
	background:transparent;
	text-decoration: none;
}
	
a:visited {
	color:#006699; 
	background:transparent;
	text-decoration: none;
}

a:hover {
	color:#006699; 
	background:transparent;
	text-decoration: underline;
}*/



/*.logo
{
	background-color: transparent;
	width: 1000px;
	padding: 0;
	margin: 0 auto;
}*/

/* Button With image */

span.tombol
{
	background:  url(../img/navigation/gradients-menu.png) no-repeat 0 -120px;
	float: left;
	height: 29px;
	border: 0;
	overflow: hidden;
}

span.close_tombol
{
	background: url(../img/navigation/gradients-menu.png) no-repeat 100% -298px;
	width: 6px;
	margin: 0;
	padding: 0;
	float: right;
	height: 29px;
	border: 0;
}
a.button
{
	display:block;
	color:#0089B3;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
}

a:hover.button
{
	//color: #0089B3;
	cursor: pointer;
	text-decoration: none;
}


.buttonadd
{
	background: transparent url(../img/navigation/add-icon.png) no-repeat 10px 7px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}

.buttonmin
{
	background: transparent url(../img/navigation/min-icon.png) no-repeat 15px 11px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
        padding-top: 2px;
}

.buttonadd_gray
{
	background: transparent url(../img/navigation/add-icon-gray.png) no-repeat 10px 7px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}


.buttondelete
{
	background: transparent url(../img/navigation/delete-icon.png) no-repeat 10px 7px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}
.buttonmanage
{
	background: transparent url(../img/navigation/manage-icon.png) no-repeat 10px 7px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}

.buttonedit
{
	background: transparent url(../img/navigation/edit-icon.png) no-repeat 10px 7px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}

.buttonhistory
{
	background: transparent url(../img/content/history.png) no-repeat 10px 7px;
	height: 24px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}


.buttonprint
{
	background: transparent url(../img/navigation/print-icon.png) no-repeat 10px 7px;
	height: 20px;
	text-indent:30px;
	display:block;
	cursor: pointer;
	overflow: hidden;
}

.archive {
	background: transparent url(../img/navigation/archive.png) no-repeat 10px 5px;
	height: 40px;
	text-indent:34px;
	display:block;
	cursor: pointer;
	z-index:1000;
}
.next_step {
	background: transparent url(../img/navigation/next.png) no-repeat 75px 7px;
	height: 40px;
	text-indent:10px;
	display:block;
	cursor: pointer;
	z-index:1000;
	width:100px;
}

.lock
{
	background: transparent url(../img/navigation/lock.png) no-repeat 10px 5px;
	height: 20px;
	text-indent:30px;
	display:block;
	cursor: pointer;

	z-index:1000;
}

.unlock
{
	background: transparent url(../img/navigation/unlock.png) no-repeat 10px 5px;
	height: 20px;
	text-indent:30px;
	display:block;
	cursor: pointer;

	z-index:1000;
}


.locktimesheet
{
	background: transparent url(../img/navigation/lock.png) no-repeat 0px 0px;
	position:relative;
	height: 20px;
	width:20px;
	z-index:1000;
	visibility:visible;
	margin-left:2px;
}

.historytimesheet
{
	background: transparent url(../img/content/history.png) no-repeat 0px 0px;
	position:relative;
	height: 20px;
	width:20px;
	z-index:1000;
	visibility:visible;
	margin-left:2px;
}

.pendingtimesheet
{
	background: transparent url(../img/navigation/pending.png) no-repeat 0px 0px;
	position:relative;
	height: 20px;
	width:20px;
	z-index:1000;
	visibility:visible;
	margin-left:2px;
}

.archivetimesheet
{
	background: transparent url(../img/navigation/archive.png) no-repeat 0px 0px;
	position:relative;
	height: 20px;
	width:20px;
	z-index:1000;
	visibility:visible;
	margin-left:2px;
}

.turn_off
{
	background: transparent url(../img/navigation/turn_off.png) no-repeat 10px 5px;
	height: 40px;
	text-indent:34px;
	display:block;
	cursor: pointer;
	z-index:1000;
}


hr.line_dark
{
	size: 1;
	color: #555555;
}

tr.formlineone {
	background-color: #FBFBFB;
}

tr.formlinetwo {
	background-color: #FFFFFF;
}

tr.formlinebottom{
	background-color: #EFEFEF;
	padding-top: 5px;
	padding-bottom: 5px;
	/*font-family: Verdana, Arial;*/
	font-size: 11px;
	font-weight: bold;
	color: #111111;
}

.formtextunedit {
	/*font-family: Verdana, Arial;*/
	font-size: 10px;
	font-weight: bold;
	color: #111111;
	border: none;
}



.removeentry {
	/*font-family: Verdana, Arial;*/
	font-size: 12px;
	font-weight: normal;
	color: red;
}

.addentry {
	/*font-family: Verdana, Arial;*/
	font-size: 12px;
	font-weight: normal;
	color: green;
}

.info {
	/*font-family: Verdana, Arial;*/
	font-size: 12px;
	font-weight: normal;
	color: #008000;
}

img.icon {
	width: 21px;
	height: 21px;
	border: none;
}

img.plusicon {
	width: 16px;
	height: 16px;
	border: none;
}

select {
	clear: both;
	margin: 0;
	border: 1px solid #97a490;
	color: #070707;
	background-color: #FFFF88;
	max-width:500px;
}
option {
	max-width:450px;
}

select{
	/*font-family: Verdana, Arial;*/
	font-size: 8pt;
	color: #333333;
}
div.purchase
{
	width:800px;
	background-color:#CDCDCD;
	padding:5px;
	border: 1px solid #777777;
	clear: both;
}

font.italickecil{
	font-size:10px;
	font-style:italic;
}

input.gray{
	background-color: #DDDDDD;
}

select.gray{
	background-color: #DDDDDD;
}


.imagebutton {
    border: none;
    background: url(../img/navigation/neoGo.png) no-repeat top left;
    padding: 0px 0px;
	 height: 22px; /* sesuaikan dengan tinggi gambar */
	 width: 35px; /* sesuaikan dengan tinggi gambar */
	 text-align: left;
}

.right_column{
	float: right;
	width: 600px;
	position: relative;
	border-left: 1px dashed #555555;
	padding-left: 5px;
}

.left_column{
	float: left;
	width: 360px;
	margin-right: 10px;
	
}


.rounded-corner
{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	/*margin: 45px;*/
	text-align: left;
	border-collapse: collapse;
	margin-left: 0;
	margin-bottom: 10px;
	border: 1px solid rgb(204, 204, 204);
}

.rounded-corner th{
	
}

.rounded-corner tfoot td{
  background: transparent;
  text-decoration: none;
  color: #363636;
  border: 1px solid rgb(204, 204, 204);
}

/*.rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
.rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}*/
.rounded-corner th
{
	padding: 8px;
	font-weight: bold;
	font-size: 11px;
	color: #111111;
	/*background: #2695FF url(../img/navigation/menu-highlight_background.gif) repeat;*/
	background: #EFEFEF;
	text-align: center;
	border: 1px solid rgb(204, 204, 204);
}

.rounded-corner tbody td {
  background: transparent;
  text-decoration: none;
  color: #363636;
  border: 1px solid rgb(204, 204, 204);
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size: 11px;
  }

tr.odd{
	background-color: #FFFFFF;
}
tr.even{
  
  background-color: #FBFBFB;
  }
tr.void{
	background-color: #FF1F00;
}
  
tr.even_draft{
	background:#CCF; 
}

tr.even_pendding{
	background:#FF9; 
}

tr.writeoff{
  /*background-color: #E26C6C;*/
  /*background-color: #FFF;*/
  color: red;
  }


.rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}

.rounded-corner .writeoff td
{
	color: #F00;
}

/*.rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}*/
.rounded-corner tbody tr:hover td
{
	background: #FF3;
	/*background: #F6FBA3;*/
	cursor: pointer;
}

.rounded-corner tbody tr.formlinebottom:hover td{
                        background: #EFEFEF;
                        cursor: default;
                  }

/******************* NO HIGHLIGHT ********************/

.no-rounded-corner tbody tr:hover td
{
                cursor: default;
}


.no-rounded-corner
{
                /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
                font-size: 12px;
                text-align: left;
                border-collapse: collapse;
                margin-left: 0;
                margin-bottom: 10px;
                border: 1px solid rgb(204, 204, 204);
}


.no-rounded-corner th
{
    padding: 8px;
    font-weight: bold;
    font-size: 11px;
    color: #111111;
    background: #EFEFEF;
    text-align: center;
    border: 1px solid rgb(204, 204, 204);
	/*font-family: Arial, Verdana;*/
}

.no-rounded-corner tbody td {
  background: transparent;
  text-decoration: none;
  color: #363636;
  border: 1px solid rgb(204, 204, 204);
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size: 11px;
  }


.no-rounded-corner td
{
                padding: 8px;
                background: #e8edff;
                border-top: 1px solid #fff;
                color: #669;
}

.table_default
{
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
                font-size: 12px;
                text-align: left;
}

.table_default th
{
                font-weight: bold;
                font-size: 11px;
                color: #111111;
                background: #EFEFEF;
                text-align: center;
}

.table_default tbody td {
  background: transparent;
  text-decoration: none;
  color: #363636;
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size: 11px;
  }
  
.table_default td
{
                background: #e8edff;
                color: #669;
}


.verdana_black_small{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #000000;
}

.verdana_black_small_bold{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.verdana_med_grey{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.verdana_navy_small{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #6495ED;
}



h1.separator{
	border-bottom: 1px dashed #000000;
	margin-bottom: 10px;
	margin-top: 2px;
	font-size: 11px;
}

.view
{
	visibility: visible;
}

.hide{
	float:none;
}



.progress{
    width:100px;
    height: 20px;
    /*position: relative;*/
    width: 100px;
	 /*text-align: center;*/
    background:url(../img/content/ajax-loader.gif) no-repeat center transparent;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    /*border:1px solid #666;*/
	 border: none;
    z-index:100;
	 float: left;
}

.progress2{
    height: 5px;
    /*position: relative;*/
    width: 5px;
	 /*text-align: center;*/
    background:url(../img/content/ajax-loader2.gif) no-repeat center transparent;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    /*border:1px solid #666;*/
	 border: none;
    z-index:100;
	 float: left;
}

.accept{
    height: 5px;
    /*position: relative;*/
    width: 5px;
	 /*text-align: center;*/
    background:url(../img/content/icon-32-apply.png) no-repeat center transparent;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    /*border:1px solid #666;*/
	 border: none;
    z-index:100;
	 float: left;
}

.deny{
    height: 5px;
    /*position: relative;*/
    width: 5px;
	 /*text-align: center;*/
    background:url(../img/content/icon-32-cancel.png) no-repeat center transparent;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    /*border:1px solid #666;*/
	 border: none;
    z-index:100;
	 float: left;
}

#wait{
	position: relative;
	z-index: 100;
	float: left;
}

.file{
	height: auto;
	width:  670px;
	float: left;
	margin-top: -1em;
	position: relative;
	margin-left: 0;
}

.file h1{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #000000;
	margin: 0;
	margin-bottom: -10px;
	padding: 0;
	padding-bottom: 2px;
	border-bottom: 1px dashed #000000;
}
.file ul{
	list-style: none;
	padding-left:0; 
	float: left;
}

.file li{
	margin-bottom: 3px;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #4169E1;
	width: 300px;
	margin-top: 0;
	float: left;
}

h1.kecil{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #000000;
	margin: 0;
	margin-bottom: -10px;
	padding: 0;
	padding-bottom: 2px;
	border-bottom: 1px dashed #000000;
}
a.black{
	font-weight: bold;
}
a.black:active {
	color: #000;
	background:transparent;
	text-decoration: none;
	
}

a.black:link {
	color: #000;
	background:transparent;
	text-decoration: none;
}
	
a.black:visited {
	color:#000;
	background:transparent;
	text-decoration: none;
}

a.black:hover {
	color:#222;
	background:transparent;
	text-decoration: underline;
}

a.black_small{
	font-weight: normal;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #000000;
}

a.navy_small{
	font-weight: normal;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #597DE1;
}

#paging{
	padding:5px;
	padding-left: 0;
	font-family: 'Clear Sans Medium', sans-serif;
	font-size:13px;
	color:#2E6AB1;
}

#paging a{
	padding:2px 5px 2px 5px;
	margin:0px 2px 0px 2px;
	border:1px solid #2E6AB1;
	background:#FFFFFF;
	color:#2E6AB1;
	text-decoration:none;
}

#paging a:hover{
	border:1px solid #2E6AB1;
	background:#2E6AB1;
	color:#FFFFFF;
	text-decoration:none;
}

#paging_search{
	padding:5px;
	padding-left: 0;
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	font-size:11px;
	color:#2E6AB1;
	font-weight:bold;
}

#paging_search a{
	padding:2px 5px 2px 5px;
	margin:0px 2px 0px 2px;
	border:1px solid #2E6AB1;
	background:#FFFFFF;
	color:#2E6AB1;
	text-decoration:none;
}

#paging_search a:hover{
	border:1px solid #2E6AB1;
	background:#2E6AB1;
	color:#FFFFFF;
	text-decoration:none;
}

#pagination{border:0; margin:0; padding:0;margin-bottom: 3em;}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
}
#pagination a{
	border:solid 1px #DDDDDD;
	margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
#pagination .active{
	color:#ff0084;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
	color:#0063e3;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination a:hover{
	border:solid 1px #666666;
}

		/*label, input { display:block; }*/
		
		
		
.input_text_error {border: 1px solid #cd0a0a;}

a.green:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #009900;
	background:transparent;
	text-decoration: none;
}

a.green:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #009900;
	background:transparent;
	text-decoration: none;
}
	
a.green:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#009900; 
	background:transparent;
	text-decoration: none;
}

a.green:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#009900; 
	background:transparent;
	text-decoration: underline;
}
a.blue_experience:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #006699;
	background:transparent;
	text-decoration: none;
}

a.blue_experience:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #006699;
	background:transparent;
	text-decoration: none;
}
	
a.blue_experience:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#006699; 
	background:transparent;
	text-decoration: none;
}

a.blue_experience:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#006699; 
	background:transparent;
	text-decoration: underline;
}

a.blue_education:active {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #006699;
	background:transparent;
	text-decoration: none;
}

a.blue_education:link {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color: #006699;
	background:transparent;
	text-decoration: none;
}
	
a.blue_education:visited {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#006699; 
	background:transparent;
	text-decoration: none;
}

a.blue_education:hover {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#006699; 
	background:transparent;
	text-decoration: underline;
}

.box_project_detail{
	background-image: url(../img/layout/grad_ktk.png);
	background-repeat: repeat-x;
	background-color: #fff;
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-top: 1px solid rgb(178, 178, 178);					
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);		
}

.box_view_detail{
	background-image: url(../img/layout/grad_ktk_soft.png);
	background-repeat: repeat-x;
	background-color: #fff;
	border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-top: 1px solid rgb(178, 178, 178);					
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);		
}


a.judul_file{
	font-weight: normal;
}
a.judul_file:active {
	color: #597DE1;
	background:transparent;
	text-decoration: none;
}

a.judul_file:link {
	color: #597DE1;
	background:transparent;
	text-decoration: none;
}
	
a.judul_file:visited {
	color:#597DE1;
	background:transparent;
	text-decoration: none;
}



a.file:active {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color: #111;
	background:transparent;
	text-decoration: underline;
	font-weight: bold;
}

a.file:link {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color: #111;
	background:transparent;
	text-decoration: underline;
	font-weight: bold;
}
	
a.file:visited {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#111; 
	background:transparent;
	text-decoration: underline;
	font-weight: bold;
}

a.file:hover {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#111; 
	background:transparent;
	text-decoration: underline;
	font-weight: bold;
}




/** USE FOR REPORTS *******************************************************************************************/


@charset "utf-8";
/* CSS Document */

.header {
	width: 1000px;
}

.container {
	float: left;
	width: 480px;
	min-height:200px;
	padding-bottom: 25px;
}

.title {
	height: 32px;
	width: 480px;
	font-family: 'Clear Sans Medium', sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 5px;
	padding-left: 10px;
	letter-spacing: 0px;
}

.batas {
	width: 25px;
	float: left;
}

.detail_title {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #333;
	font-weight: normal;
	padding-left: 15px;
}

.list_nav_report {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #0099CC;
	font-size: 12px;
	list-style-position: inside;
	list-style-image: url(../img/content/report-document.png);
	list-style-type: disc;
	clip: rect(auto,auto,auto,auto);
	width:425px;
}

.list_nav_chart {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #0099CC;
	font-size: 12px;
	list-style-position: inside;
	list-style-image: url(../img/content/report-chart.png);
	list-style-type: disc;
	clip: rect(auto,auto,auto,auto);
	width:425px;
}

.list_nav_setting {
  /*font-family: 'Fira Sans', sans-serif;*/
  color: #979797;
  font-size: 12px;
  list-style-position: inside;
  list-style-type: none;
  clip: rect(auto,auto,auto,auto);
  width:275px;
}

.list_nav_setting li a {
  /*font-family:'Fira Sans', sans-serif !important;*/
}

/*.nav {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 25px;
}
.nav a {
	text-decoration: none;
	color: #0099CC;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}
.nav a:hover {
	margin-top: 5px;
	text-decoration: none;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}*/
.bg_left_title {
	background-image: url(../img/content/kiri.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 3px;
}
.bg_right_title {
	background-image: url(../img/content/kanan.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 32px;
	width: 3px;
}
.bg_center_title {
	background-repeat: repeat-x;
	float: left;
	background-image: url(../img/content/tengah.jpg);
	height: 32px;
	padding-top: 5px;
	padding-left: 5px;
	width: 450px;
}
/************ Table Chart *********************************/
.chart_table {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 10px;
	color: #000;
	text-align: left;
	margin-left: 60px;
	width: 690px;
	border: 1px solid #CCC;
}
.chart_table thead {
	background-color: #C4E1FF;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCC;
}
.chart_table tbody td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}




/************************** Sorting *******************************/

.sort_asc:after {
	color:#000;
	font-size:12px;
	content: "▲";
}
.sort_desc:after {
	color:#000;
	font-size:12px;
	content: "▼";
}
.sort_desc a
{
				color:#006699;                                                                   
}
.sort_asc a
{
				color:#006699;
}



/***************************** Inteface Searching Result *****************************/
.uicari	{				
	color: #FFF;
	width: 985px;
	font-weight: normal;
	padding: 8px 13px 8px 13px; 	
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	/* position: relative; */
	/* text-align:left; */
	
}
				
.uicari-success { background-color: #C7E76C; border: 1px solid #A0CE4E; }


	



/* interface kotak Cari */

.searchform .searchfield {
	border:1px solid #369a18;
	height:20px;
	padding:3px;
	-moz-box-sizing:content-box;
	background:#fff;color:#000;
	font:14px arial,sans-serif;	
	vertical-align:top;width:250px;
}
.searchbutton 
{	
	
	/* padding:0px 6px; */
	border:1px solid #3b6e22;
	height:27px;
	padding:3px 8px 5px 5px;
	
	color:#FFFFFF;
	background:#369a18;
	font-size:14px;
	font-weight:bold;
	
	display:inline-block;
	text-decoration:none;
}


/**************** INVOICE INFORMATION ***********************/
#invoice-info
{
	
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	font-weight: bold;

	color: #111111;
	margin: 5px;
	width: 400px;
	text-align: left;	
	border-collapse: collapse;
}
#invoice-info th
{
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	font-weight: bold;

	color: #111111;
	padding: 5px 5px;
	border-right:1px solid #bbdbe0;
	border-left:1px solid #bbdbe0;
	vertical-align:middle;
	
}
#invoice-info tbody td
{
	padding: 3px 3px;
	/*
	border-right: 1px solid #0888c3;
	border-left: 1px solid #0888c3;
	*/
	border-right:1px solid #bbdbe0;
	border-left:1px solid #bbdbe0;
	/*font-family: Arial, Verdana;		*/
	font-size:11px;
	font-weight:normal;
	color: #111111;
}

#invoice-info tfoot td
{
	color: #111111;
	padding: 3px 3px;	
	font-size:11px;
	/*border-top: 1px solid #bbdbe0;*/
}

.kanan{
	width:450px;
	display:block;
}

.invoice-info
{
	border: 1px solid #bbdbe0;
	background: #ecf9ff;
	color: #e3302c;
	width:420px;
	margin: 5px 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

#invoice-info .td-kanan
{
	border-right:none;
}

#invoice-info .td-kiri
{
	border-left:none;
}

.info-header
{
	width:391px;
	padding: 10px 15px 10px 15px;
	margin: 0 50px;	
	overflow: hidden;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	
	/*border: 1px solid #bbdbe0;*/
	background: #ecf9ff url(../img/reminder/boxheader.gif);
	/*color: #0888c3;*/
	color: #111111;
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	font-weight: bold;
}

.info-hutang
{
	width:391px;
	padding: 10px 15px 10px 15px;
	margin: 0 50px;	
	overflow: hidden;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	
	border: 1px solid #bbdbe0;
	background: #ecf9ff;
	/*color: #0888c3;*/
	color: #111111;
	/*font-family: Arial, Verdana;*/
	font-size: 14px;
	font-weight: bold;
	text-align:right;
}

.info-hutang.hkanan
{
	
}


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


/********************** TOOLTIPS **************************/
#tooltip{

                position: absolute;
                z-index: 3000;
                border: 1px solid #222;
                background-color: #222;
                padding: 7px;
                opacity: 1;
                /*font-family: Helvetica, Arial, sans-serif;*/
                font-size:11px;
                color: #fff;
                font-weight:normal;
                
                border-radius: 3px;
                -webkit-border-radius:3px;
                -moz-border-radius: 3px;
                
}

#tooltip h3, #tooltip div { margin: 0; }
/**********************************************************/


/***************************** Reminder *******************************/

.box-header {
	border:1px solid #9d9d9d;
	font-weight:bold;
	font-size:12px;
	background:#cdcdcd url('../img/reminder/boxheader.gif') repeat-x top;
	padding:7px 7px;
	color:#333333;
	-moz-border-radius-topleft :3px;
	-moz-border-radius-topright :3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	text-shadow: 1px 1px 1px #fff;
}


/*.box {
	background:#fff;
	border:1px solid #9d9d9d;
	margin-bottom:15px;
	padding:15px;
	border-top:0;
	-moz-border-radius-bottomleft :3px;
	-moz-border-radius-bottomright :3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}*/
/* Forms */
.frm_reminder label {
	padding-top:3px;
	margin-right: 8px;
	display: block;
	color:#454545;
	font-size:12px;
	font-weight:bold;
	float:left;
}

.frm_reminder div.row {
	clear:both;
	padding:4px 0;
	margin-bottom:8px;
}
.frm_reminder .row label {
	width:150px;
}

/*
.message {
	padding: 10px 15px 10px 40px;
	margin: 10px 0;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.message p {
	padding: 0;
	width: 93%;
	float: left;
	}

.message.info {
	border: 1px solid #bbdbe0;
	background: #ecf9ff url(../img/reminder/info.gif) 12px 12px no-repeat;
	color: #0888c3;
	}
*/
.rounded-corner .noborder
{
	border-bottom:none;
	border-top:none;
	background:#FFF;
}


/* Invoice */

#m2 
{
	visibility:hidden;
}


.time-keeper tbody tr:hover td
{
                cursor: default;
}


.time-keeper
{
                /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
                font-size: 12px;
                text-align: left;
                border-collapse: collapse;
                margin-left: 0;
                margin-bottom: 10px;
              /*  border: 1px solid rgb(204, 204, 204); */
}


.time-keeper thead th
{
                padding: 8px;
                font-weight: bold;
                font-size: 11px;
                color: #111111;
                background: #EFEFEF;
                /*text-align: center;*/
                border-bottom: 1px solid rgb(204, 204, 204);
				border-top: 1px solid rgb(204, 204, 204);
				
}



.time-keeper tbody td {
  background: transparent;
  text-decoration: none;
  color: #363636;
  /*border: 1px solid rgb(204, 204, 204);*/
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size: 11px;
  }


.time-keeper td
{
                padding: 8px;
                background: #e8edff;
               /* border-top: 1px solid #fff;*/
                color: #669;
}


.time-keeper tfoot th.top-border
{
                padding: 8px;
                font-weight: bold;
                font-size: 11px;
                color: #111111;
               /* background: #EFEFEF; */
				border-top-style:double;
				border-bottom-style:double;
				
				
                
}



.konten
{
	max-width:1000px;
	margin:auto auto;
	
	border:none;

	
}


.header-koten
{	
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	
}

.footer-konten
{
	margin-top:10px;
}

.title-konten
{
	/*font-family: Arial, Verdana;*/

	font-size: 15px;

	font-weight: bold;

	color: #111111;
	margin-top:22px;
}
.warna-editor
{
	/*font-family: Verdana, Arial;*/
	font-size: 8pt;
}

.frm_berita label
{
	/*font-family: Arial, Verdana;*/

	font-size: 12px;

	font-weight: bold;

	color: #111111;
}

.clearfix {

	clear:both;

}

.error-margin
{
	margin-top:100px;
}

.isi-konten
{
	margin-top:15px;
}

.text-right
{
	text-align:right;
}
.filter_periode
{
    background-color: #FFFFFF;
    background-image: url("../img/layout/grad_ktk_soft.png");
    background-repeat: repeat-x;
    border-color: #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-style: solid;
    border-width: 1px;
}





.content-report-wip
{
	width:980px;	
}

.report-wip-head-summary {
    padding: 8px;
	font-weight: bold;
	font-size: 11px;
	color: #111111;
	border-bottom:2px solid rgb(72, 72, 72);
	height:30px;
}

.report-wip-body-summary {
  padding: 10px;
	height:30px;
}

.report-wip-total{
	
	font-weight: bold;
	font-size: 11px;		
	border-top:1px solid rgb(72, 72, 72);
	height:30px;
}



/* Penambahan Legend baru untuk Deposit */

fieldset.deposit {
	border:1px outset #CCC;
	/*background:url(../img/content/bg_accounting.png);*/
	}

legend.deposit {
	/*background:url(../img/content/bg_accounting.png);*/
	/*border:1px outset #CCC;*/
	border:1px solid #CCCCCC;
	padding: 0.2em 0.9em;
	border:1px outset #CCC;
	text-align:left;
	/*font-family: Arial, Verdana;*/
	font-size: 12px;
	font-weight: normal;
	
}
.deposit_table{
	/*background:url(../img/content/bg_accounting.png);*/
}
.deposit_tr{
	background:url(../img/content/bg_accounting_tr.png);
	height:30px;
}



/* Form Berita */

.konten
{
	max-width:1000px;
	margin:auto auto;
	
	border:none;

	
}

.frm_berita
{
	/*font-family: Verdana, Arial;*/

	font-size: 11px;

	font-weight: normal;

	color: #111111;

}


/*********** Kalender **********/

.calendar 
{
	/*font-family: Arial; */
	font-size: 12px;
}
table.calendar {
	margin: auto; border-collapse: collapse;
}
.calendar .days td {
	width: 80px; height: 80px; padding: 4px;
	border: 1px solid #999;
	vertical-align: top;
	background-color: #DEF;
}
.calendar .days td:hover {
	background-color: #FFF;
}
.calendar .highlight {
	font-weight: bold; color: #00F;
}





#rate_report{
	position:relative;
	width:130px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	
	
}
/* EMPLOYEE VIEW */

.formshadowtext {

	/*font-family: Arial, Verdana;*/

	font-size: 11px;

	font-weight: normal;

	color: #FFF;

}
.formshadowtext a {

	/*font-family: Arial, Verdana;*/

	font-size: 11px;

	font-weight: normal;

	color: #555;
	text-decoration:none;

}



/* EMPLOYEE DETAIL */


td.sidebox
{
	 background: #f7f7f7;
  	 border: 1px solid #ccc;
	 padding: 5px;
}

td.multipleinformationbox
{
	 background: #ECEFF5;
  	 border-top: 1px solid #94A3C4;
	 padding: 5px;
}


.singleinformationtext {

	/*font-family: Tahoma, Verdana, Arial;*/

	font-size: 11px;

	font-weight: bold;

	color: #222;

}

/***** Table Rate Employee **********/
.table_rate_view { 
	padding: 5px;
    border-color: #B2B2B2;
    border-width: 1px;
	border-left: 1px solid rgb(178, 178, 178); 
	border-top: 1px solid rgb(178, 178, 178);					
	border-right: 1px solid rgb(178, 178, 178);					
	border-bottom: 1px solid rgb(178, 178, 178);	
    border-style: solid;
	background: #f7f7f7;
}

.fontmoneybig{
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 15px;
	color: #111;
	font-weight: normal;
}


#reload_timesheet,#reload_expense{
	cursor:pointer;
}

/*.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}*/

.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}

.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}

.alert-message, .btn{border-radius:0 \0;}

.btn.active,.btn:active{
	-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
}


.btn.primary{
	color:#ffffff;
	background-color:#0064cd;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image:-moz-linear-gradient(top, #049cdb, #0064cd);
	background-image:-ms-linear-gradient(top, #049cdb, #0064cd);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image:-o-linear-gradient(top, #049cdb, #0064cd);
	background-image:linear-gradient(top, #049cdb, #0064cd);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color:#0064cd #0064cd #003f81;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/*.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}*/

.btn.success,.alert-message.success{
	background-color:#57a957;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image:-moz-linear-gradient(top, #62c462, #57a957);
	background-image:-ms-linear-gradient(top, #62c462, #57a957);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image:-webkit-linear-gradient(top, #62c462, #57a957);
	background-image:-o-linear-gradient(top, #62c462, #57a957);
	background-image:linear-gradient(top, #62c462, #57a957);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color:#57a957 #57a957 #3d773d;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*****Bulk confirmation delete timesheet******/
/* Penambahan Legend baru untuk Deposit */

fieldset.bulk_delete_confirm {
	border:1px outset #F00;
	}

legend.bulk_delete_confirm {
	padding: 0.2em 0.9em;
	border:1px outset #F00;
	text-align:left;
	/*font-family: Arial, Verdana;*/
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
fieldset.bulk_delete_confirm  table tr td{
	padding-bottom: 7px;
	padding-right: 5px;
	vertical-align: top;
	padding-top: 7px;
	padding-left: 5px;
	border-bottom-width: 1pt;
	border-bottom-style:dashed;
	border-bottom-color:#999;
}
/**end bulk*/
/*Autocomplete textbox icon*/
.autocompleteIconTimesheet{
	background:url(../img/content/autocomplete.png);
	background-repeat:no-repeat;
	background-color:#E3FAFF;
	background-position:right;
}

.autocompleteIconTextfield{
	background:url(../img/content/autocomplete.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFFF88;
}

input[disabled],select[disabled],textarea[disabled]{
	background-color:#f5f5f5;
	border-color:#ddd;
	cursor:not-allowed;
}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize{
    cursor:pointer;
    background: #EEE url(../img/navigation/bg_header_sortable.png) no-repeat;
    padding: 8px 12px 4px 16px;
}

th.forwardSort{
    background:#EEE url(../img/navigation/bg_header_down.png) no-repeat 0 0;
	content: "▼";
}

th.reverseSort{
    background:#EEE url(../img/navigation/bg_header_up.png) no-repeat 0 0;
	content: "▲";
}

th.forwardSort a, th.reverseSort a {
    color:#000;
    outline:0 none;
}

/*CSS WIZARD FORM*/
#main { width:960px; margin: 0px auto; border:solid 1px #b2b3b5; -moz-border-radius:10px; padding:20px; background-color:#f6f6f6;}
fieldset.wizard { border:none; width:940px;/*font-family:Arial, Helvetica, sans-serif;*/}
legend.wizard { font-size:14px; margin:0px; padding:10px 0px; color:#b0232a; /*font-family:Arial, Helvetica, sans-serif;*/}
label.wizard { display:block; margin:5px 0 5px;font: Arial, Helvetica, sans-serif;}
select.wizard, input.wizard[type=text], input.wizard[type=password] { width:300px; padding:5px; border:solid 1px #999;/*font-family:Arial, Helvetica, sans-serif;*/}

#stepPrev, #stepNext { background-color:#b0232a; padding:7px 15px; font-size: 13px; font-weight:bold; /*font-family:Arial, Helvetica, sans-serif;*/ color:#fff; text-decoration:none; border:none;}
#stepPrev:hover, #stepNext:hover { background-color:#000; text-decoration:none;}
#stepPrev { float:left;}
#stepNext { float:right;}
.wizard-rounded-corner{
	width:98%;
    box-shadow:0 2px 3px 1px #c0c0c0;
	-moz-box-shadow:0 2px 3px 1px #c0c0c0;
	-webkit-box-shadow:0 2px 2px 1px #c0c0c0;
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size:13px; 
	color:#000;
	border-collapse: collapse;
	border: 1px solid rgb(204, 204, 204);
	min-height:100px;
	margin-bottom:10px;
	padding:10px;	
}
/**Invoice list CSS*/
.list-rounded-corner{
	width:100%;
    box-shadow:0 2px 3px 1px #c0c0c0;
	-moz-box-shadow:0 2px 3px 1px #c0c0c0;
	-webkit-box-shadow:0 2px 2px 1px #c0c0c0;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:13px; 
	color:#000;
	border-collapse: collapse;
	border: 1px solid rgb(204, 204, 204);
	max-height:271px;
	height:271px;
}
.voidInvoice{
	background:url(../img/content/void.png);
	background-repeat:no-repeat;
	background-position:center;
}
.archiveInvoice{
	background:url(../img/content/archiveInvoice.png);
	background-repeat:no-repeat;
	background-position:center;
}
.titleInvoice{
	color:#000;
	font-size: 20px;
	font-weight:bold;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.draftInvoice{
	color:#F00;
	font-size: 12px;
	font-weight:bold;
	font-style:italic;
}
.subtitleInvoice{
	color:#06C;
	font-size: 12px;
	font-weight:bold;
}
.typeInvoice{
	color:#000;
	font-size: 13px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.destinationInvoice{
	color:#000;
	font-size: 10px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.matterInvoice{
	color:#0089B3;
	font-size: 11px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.clientInvoice{
	color:#000;
	font-weight:bold;
	font-size: 11px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.taskInvoice{
	color:#000;
	font-size: 11px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.bottomListInvoice{
	border:thin #CCC solid; 
	width:100%;
	padding-bottom:30px;
	padding-top:5px;
}
.totalInvoice{
	background-color:#000;
	color:#FFF;
	font-size:18px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	padding-left:15px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:5px;
}
.totalPay{
	color:#666;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
#DateInvoice{
	background-image:url(../img/content/tanggal.png);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	position:absolute;
	z-index:1000;
	margin-top:-15px;
}
.headerDateInvoice{
	padding-left:15px;
	padding-top:8px;
	color:#FFF;
	font-weight:bold;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:7px;
}
.contentDateInvoice{
	padding-left:12px;
	color:#000;
	font-weight:bold;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:15px;
}
.footerDateInvoice{
	padding-left:14px;
	color:#000;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:8px;
}
.amountDetailInvoice{
	border:dashed thin #000;
	color:#000;
	font-weight:bold;
	font-size: 10px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.warning, .warning:hover{
	background-image:url(../img/content/warning.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding-top:1px;
	cursor:pointer;
}
.split, .split:hover{
	background-image:url(../img/content/split.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding-top:1px;
}
.outstandingName{
	color:#900;
	font-size: 8px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.outstandingValue{
	color:#900;
	font-weight:bold;
	font-size: 12px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.overflow{
	overflow:auto;
	height:100px;
	width:100%;
}
/*** END CSS INVOICE LIST ***/

.detail_payment{
	width: 100%;	
}

.list-account{
	border-collapse: collapse;
	border: 1px solid #AAAAAA;
	padding: 5px;
	/*background-color: none repeat scroll 0 0 #EFEFEF;*/
	margin-top: 5px;
}

.corner-shadow{
	/*box-shadow:0 2px 3px 1px #c0c0c0;
	-moz-box-shadow:0 2px 3px 1px #c0c0c0;
	-webkit-box-shadow:0 2px 2px 1px #c0c0c0;
	border-radius:5px;
	-moz-border-radius:5px;		
	-webkit-border-radius:5px;	*/	
}

.background-white{
	background-color: #FFF;	
}


.no-rounded-corner-expense
{
                /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
                font-size: 12px;
                text-align: left;
                border-collapse: collapse;
                margin-left: 0;
                margin-bottom: 10px;
                border: 1px solid rgb(204, 204, 204);
}


.no-rounded-corner-expense th
{
    padding: 8px;
    font-weight: bold;
    font-size: 11px;
    color: #111111;
    background: #EFEFEF;
    text-align: center;
    border: 1px solid rgb(204, 204, 204);
	/*font-family: Arial, Verdana;*/
}

.no-rounded-corner-expense tbody td {
  background: transparent;
  text-decoration: none;
  color: #363636;
  border: 1px solid rgb(204, 204, 204);
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size: 11px;
}


.no-rounded-corner-expense td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}

/* UNTUK LIST EXPENSE */
.no_list_expense{
	width: 20px;
}

.date_list_expense{
	width: 130px;
	text-align:center;
	padding-left: 10px;
}

.date_list_expense_report{
	width: 130px;
	text-align:center;
	padding-left: 10px;
}

.employee_list_expense{
	width: 140px;
	text-align: left;	
	/*padding-left: 40px;*/
}

.total_list_expense{
	width: 120px;
	text-align: right;	
}
.total_list_expense_2{
	width: 110px;
	text-align: right;	
	padding-left: 30px;
}

.type_list_expense{
	width: 150px;	
	padding-left: 30px;	
}

.voucher_list_expense{
	width: 80px;
	text-align:center;	
}

.status_list_expense{
}

#expense-left{
	float: left;	
}

#expense-right{
	float: right;
}

#disabledButton{
    cursor: not-allowed;
	color:#CCC;
}	

.unpaid_account{
	width: 1405px;
	overflow:auto;
	border: 1px solid #000;
	max-height:500px;
}

.paid_account{
	display: inline-block;
	/*max-height: 500px;*/
	/*border: 1px solid #FFC234;*/
	/*padding: 20px 20px 20px 20px;*/
	/*overflow-y: auto;    */
  /*overflow-x: hidden;  */
	/*box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.9);*/
}

.report_paging{
	padding:5px;
	padding-left: 0;
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	font-size:11px;
	color:#2E6AB1;
	font-weight:bold;
}

.report_paging a{
	padding:2px 5px 2px 5px;
	margin:0px 2px 0px 2px;
	border:1px solid #2E6AB1;
	background:#FFFFFF;
	color:#2E6AB1;
	text-decoration:none;
}

.report_paging a:hover{
	border:1px solid #2E6AB1;
	background:#2E6AB1;
	color:#FFFFFF;
	text-decoration:none;
}
#link{
	color:#009AD0;
	text-decoration:underline;
}


#total_amount_akhir, #total_Samount, #total_Gamount, #total_pph_amount{
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size:16px;
	font-weight:bold;
	color:#000000;	
	text-align:center;
}

.total_amount_akhir, .total_Samount, .total_Gamount, .total_pph_amount{
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size:16px;
	font-weight:bold;
	color:#000000;	
	text-align:center;
}

.disabled_background{
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(149,149,149,1) 0%, rgba(149,149,149,1) 6%, rgba(27,27,27,1) 13%, rgba(149,149,149,1) 19%, rgba(27,27,27,1) 27%, rgba(149,149,149,1) 34%, rgba(27,27,27,1) 42%, rgba(149,149,149,1) 49%, rgba(27,27,27,1) 56%, rgba(149,149,149,1) 63%, rgba(27,27,27,1) 71%, rgba(149,149,149,1) 77%, rgba(27,27,27,1) 84%, rgba(149,149,149,1) 92%, rgba(27,27,27,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(6%,rgba(149,149,149,1)), color-stop(13%,rgba(27,27,27,1)), color-stop(19%,rgba(149,149,149,1)), color-stop(27%,rgba(27,27,27,1)), color-stop(34%,rgba(149,149,149,1)), color-stop(42%,rgba(27,27,27,1)), color-stop(49%,rgba(149,149,149,1)), color-stop(56%,rgba(27,27,27,1)), color-stop(63%,rgba(149,149,149,1)), color-stop(71%,rgba(27,27,27,1)), color-stop(77%,rgba(149,149,149,1)), color-stop(84%,rgba(27,27,27,1)), color-stop(92%,rgba(149,149,149,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(149,149,149,1) 0%,rgba(149,149,149,1) 6%,rgba(27,27,27,1) 13%,rgba(149,149,149,1) 19%,rgba(27,27,27,1) 27%,rgba(149,149,149,1) 34%,rgba(27,27,27,1) 42%,rgba(149,149,149,1) 49%,rgba(27,27,27,1) 56%,rgba(149,149,149,1) 63%,rgba(27,27,27,1) 71%,rgba(149,149,149,1) 77%,rgba(27,27,27,1) 84%,rgba(149,149,149,1) 92%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(149,149,149,1) 0%,rgba(149,149,149,1) 6%,rgba(27,27,27,1) 13%,rgba(149,149,149,1) 19%,rgba(27,27,27,1) 27%,rgba(149,149,149,1) 34%,rgba(27,27,27,1) 42%,rgba(149,149,149,1) 49%,rgba(27,27,27,1) 56%,rgba(149,149,149,1) 63%,rgba(27,27,27,1) 71%,rgba(149,149,149,1) 77%,rgba(27,27,27,1) 84%,rgba(149,149,149,1) 92%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(149,149,149,1) 0%,rgba(149,149,149,1) 6%,rgba(27,27,27,1) 13%,rgba(149,149,149,1) 19%,rgba(27,27,27,1) 27%,rgba(149,149,149,1) 34%,rgba(27,27,27,1) 42%,rgba(149,149,149,1) 49%,rgba(27,27,27,1) 56%,rgba(149,149,149,1) 63%,rgba(27,27,27,1) 71%,rgba(149,149,149,1) 77%,rgba(27,27,27,1) 84%,rgba(149,149,149,1) 92%,rgba(27,27,27,1) 100%); /* IE10+ */
background: linear-gradient(-45deg, rgba(149,149,149,1) 0%,rgba(149,149,149,1) 6%,rgba(27,27,27,1) 13%,rgba(149,149,149,1) 19%,rgba(27,27,27,1) 27%,rgba(149,149,149,1) 34%,rgba(27,27,27,1) 42%,rgba(149,149,149,1) 49%,rgba(27,27,27,1) 56%,rgba(149,149,149,1) 63%,rgba(27,27,27,1) 71%,rgba(149,149,149,1) 77%,rgba(27,27,27,1) 84%,rgba(149,149,149,1) 92%,rgba(27,27,27,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color:#C2B8BA;
color:#FFF;
}

.fontbig{
	font-size:16px;
	font-weight:bold;	
}

.list_relation{
 margin : 2px 0px -7px 3px;
 padding: 4px;	
}

ul.none{
	margin:5px;
	list-style-type:none;
}
li.main{
	font-weight:bold;
	padding-top:10px;
	border-bottom:#000000 groove 1px;
	
}

.errorblock{
	background:#900;
	display:block;
	color:#FFF;
	border-radius:2px;
	padding:2px;
}




/*dipakai di tabel dashboard*/
.table_dashboard caption + thead tr:first-child th, .table_dashboard caption + thead tr:first-child td, .table_dashboard colgroup + thead tr:first-child th, .table_dashboard colgroup + thead tr:first-child td, .table_dashboard thead:first-child tr:first-child th, .table_dashboard thead:first-child tr:first-child td {
    border-top: 0 none;
}
.table_dashboard thead th {
    vertical-align: bottom;
}
.table_dashboard th {
    border-top: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    vertical-align: top;
	/*font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;*/
	font-size:11px;
	color:#333;
    font-weight: bold;
}
.table_dashboard td {
    border-top: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    vertical-align: top;
    /*color: #333333;*/
    /*font: 11px/15px Tahoma,sans-serif;*/
}
.table_dashboard {
    border-collapse: collapse;
    border-spacing: 0;
}



.table_dashboard a:link, .table_dashboard a:visited, .table_dashboard a:active, .table_dashboard a:hover {
    color: #0089B3;
    display: inline;
    float: none;
    font-weight: 700;
}




/*.alert {
    border-radius: 0;
}*/
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
/*.alert {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}*/



/******************* NO HIGHLIGHT ********************/

.report_collected tbody tr:hover td
{
	cursor: default;
}


.report_collected
{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	/*font-size: 12px;*/
	/*text-align: center;*/
	border-collapse: collapse;
	margin-left: 0;
	/*border: 1px solid rgb(204, 204, 204);*/
}

/*
.report_collected th
{
	padding: 8px;
	font-weight: bold;
	font-size: 11px;
	color: #111111;
	background: #EFEFEF;
	text-align: center;
	border: 1px solid rgb(204, 204, 204);
	font-family: Arial, Verdana; 
}  */

/*
.report_collected tbody td {
	background: transparent;
	text-decoration: none;
	color: #363636;
	border: 1px solid rgb(204, 204, 204);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;   
}*/


.report_collected td
{
	/*padding: 8px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
	border: 1px solid #CCCCCC;
	color: #363636;
	font-size:11px;*/
	border-top: 1px solid #ddd !important;
	padding: 5px 8px;
}

.disable{
    background-color: #F5F5F5;
    border-color: #97A490;
    cursor: not-allowed;
	color:#97A490;
}



/*  FIXED TABLE SCROLLING   */
 /*   td {
      border-bottom: 1px solid #ccc;
      padding: 5px;
      text-align: left; /* IE */
/*    }*/
 /*   td + td {
      border-left: 1px solid #ccc;
    }
    th {
      padding: 0 5px;
      text-align: left; /* IE */
 /*   }*/
    .header-background {
      border-bottom: 1px solid #CCC;
    }
    
    /* above this is decorative, not part of the test */
    
    .fixed-table-container {
      width: 1405px;
      height: auto;
      border: 1px solid #CCC;
      /*margin: 10px auto;*/
      background-color: white;
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      /*padding-top: 30px; *//* height of header */
    }

    .fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }
     
    .header-background {
      background-color: #CCC;
      height: 0px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
  /*	  
    table {
      background-color: white;
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
    }   */

    .th-inner {
      position: absolute;
      top: 0;
      line-height: 30px; /* height of header */
      text-align: left;
      border-left: 1px solid black;
      margin-left: -2px;
	  padding-left: 8px;
	  background:#FFF;
    }
    .first .th-inner {
        border-left: none;
        padding-left: 6px;
      }
		
		/* extra-wrap */
		
		.extrawrap th {
			text-align: center;
		}
		
		.extra-wrap {
			width: 100%;
		}
		

    
    /* for complex headers */
    
    .complex.fixed-table-container {
      padding-top: 60px; /* height of header */
      overflow-x: hidden; /* for border */
    }
    
    .complex .header-background {
      height: 60px;
	 
    }
    
    .complex-top .th-inner {
	  background:#EFEFEF;
      border-bottom: 1px solid #CCC;
	  border-left: 1px solid #CCC;
      width: 100%;
    }
    
    .complex-bottom .th-inner {
	  background:#EFEFEF;
	  border-left: 1px solid #CCC;
	  border-top: 1px solid #CCC;
      top: 30px;
      width: 100%;
    }
    
    .complex-top .third .th-inner { /* double row cell */
      height: 60px;
      border-bottom: 1px solid #CCC;
      background-color: #EFEFEF	;
	  
    }
	
	
/*  Apple style Scrollbar  */

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/* Invoice style */
.invoice-box {
	width:auto;
	margin-bottom:5px;
	border:#666 solid 1px;
	background-color:#FFF;
	/*font-family:"Verdana", Geneva, sans-serif;*/
}

.invoice-box-title {
	width:auto;
	padding:8px;
	background-color:#666;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	border-bottom:#666 solid 1px;
}
.invoice-box-title a {
	color:#fff;
	text-decoration:none;
}
.invoice-box-title a:visited {
	color:#fff;
	text-decoration:none;
}
.invoice-box-title a:link {
	color:#fff;
	text-decoration:none;
}
.invoice-box-title a:hover {
	color:#000;
	text-decoration:none;
}
.invoice-box-title-btn {
	float:right;
	margin-top:-8px;
	padding:8px;
	background-color:#000;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	border-left:#FFF solid 1px;
	text-decoration:none;
}
.invoice-box-title-btn:hover{
	background-color:#ededed;
	color:#000;
}
.invoice-form {
	border-collapse: collapse;
	border: 1px solid #ededed;
	/*font-family:"Verdana", Geneva, sans-serif;*/
	font-size:11px;
}
.invoice-form th, .invoice-form td {
	border: 1px solid #ccc;
	padding:5px 8px;	
}
.invoice-form-label {
	background-color:#ededed;
}
.invoice-form-input {
	background-color:#fff;
}
.invoice-form-total {
	background-color:#009AD0;
}

.inv-info-title {
	width:auto;
	padding:5px;
	font-weight:bold;
}

/*.checkbox:not(old),
.radio:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

.checkbox:not(old) + label,
.radio:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

.checkbox:not(old) + label > span,
.radio:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.25em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image : -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

.checkbox:not(old):checked + label > span,
.radio:not(old):checked + label > span{
  background-image : -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

.checkbox:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(33,32,255);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(53,49,127);
  font-weight : bold;
}

.radio:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(53,49,127);
  border-radius    : 0.125em;
  background       : rgb(33,32,255);
  background-image : -moz-linear-gradient(rgb(108,168,255),rgb(33,32,255));
  background-image : -ms-linear-gradient(rgb(108,168,255),rgb(33,32,255));
  background-image : -o-linear-gradient(rgb(108,168,255),rgb(33,32,255));
  background-image : -webkit-linear-gradient(rgb(108,168,255),rgb(33,32,255));
  background-image : linear-gradient(rgb(108,168,255),rgb(33,32,255));
}*/

/*setting group*/
.setting_group_title{
  color:#979797;
  /*font-family: 'Fira Sans', sans-serif !important;*/
}
.setting_group_desc{
  text-align:right;
  font-size:12px;
  /*font-family: 'Fira Sans', sans-serif !important;*/
  font-weight: normal;
  color:#979797;
}
.setting_group .icon {
  font-size: 60px;color:#979797;
}
.setting_group .search-box {
  clear:left;
  width:150px;
  height: 15px;
  padding:0.4em;
  font-size:1em;
  border:1px #990000 solid;
  color:#990000;
  margin-bottom:20px;
}
.setting_group .fa-search {
  font-size:16px;
  color:#990000 !important;
}
.setting_group .hiding {
  opacity:0;
}
.setting_group .hidden {
  display:none;
}
.modal-body {
	max-height: 600px;
	overflow: auto;
}