body{background-color:#FFF !important ;}
.header{padding-top:17px; height:80px;}

.header .hor-menu ul.nav li a:hover{color:#fff !important;}
.header .hor-menu .dropdown-menu li:hover > a, .header .hor-menu ul.nav li.active > a, .header .hor-menu ul.nav li.active > a:hover{color:#fff !important;}
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  color: #fff;
  background: #999 !important; 
}
.header .navbar-brand{margin-top:-30px;}
.header .navbar-brand img{margin-left: 0px;}
.header{background-color:#f9f9f9 !important;}
.page-content{margin-left:0px; }
.portlet.box > .portlet-title > .tools > a.reload, .portlet.solid > .portlet-title > .tools > a.reload{background-image:url("../img/portlet-reload-icon-white.png");}
form .col-md-1{width:12.333%; line-height:30px;}
.tree .tree-folder .tree-folder-header:hover { background-color: transparent;}
.space_line{height:1%;width:100%}
.tree-folder-name{font-size:15px;font-weight:bold}
.tree.tree-plus-minus .tree-folder-header .fa-folder:before {height:25px;}
.tree .tree-plus-minus .tree-folder-header .fa-folder-open:before {height:25px;}
.control-label{ width:16%;}
.view .col-md-3 {padding-left:0px;}
.all{width:100%;text-align:center; padding:0px; margin:4% auto 2% auto;}
.date_head{float:right;font-weight:bold; font-size:14px;}
.date_head span{font-weight:normal;}
.header_print_right{width:100%; float:right; border:1px solid #000;border-bottom:0px none; margin-top:5%;}
.header_date{border-right:1px solid #000; border-bottom:1px solid #000; float:left;width:30%; padding:1%; font-weight:bold; color:#009; font-size:16px;}
.icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; /* border: 1px solid #ddd;*/ padding: 12px 0px 0px 0px; /*background-color: #fafafa !important;*/ background-image: none !important; filter:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;box-shadow: none !important; display:inline-block !important; color: #646464 !important; text-shadow: none !important; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
.header_info{border-bottom:1px solid #000;width:70%;float:left; padding:1%;font-size:16px;}
.page_print{padding:0px 20px 10px 20px;height: auto; margin: auto; width: 100%;}
.print_head{font-size:24px; text-align:center; width:100%; font-weight:bold;}
.print_box{ width:100%; float:left; margin:1% 0px;}

.print_title{font-size:14px; text-align:left;font-weight:600;float:left;line-height:30px;}
.print_title span{float:right; font-weight:bold;}
.print_info{font-size:14px; text-align:left;font-weight:normal; line-height:30px;}
tr th{border-top:1px solid #888 !important; }
.icon_header{width:20%;float:right;}
.footer{background-color:#3D3D3D;}
.portlet.box.blue{border:1px solid #CCC; margin:10px 0px 10px 0px;}

.tab-pane > p:last-child{margin-top:10px;}
.nav-tabs, .nav-pills{margin-bottom:0px;}
.tree.tree-plus-minus .tree-folder-header .fa-folder:before{height:22px !important;}
.tree.tree-plus-minus .tree-folder-header .fa-folder-open:before{height:22px !important;}
.invoice .invoice-logo p span{font-size:18px; margin-top:2%; float:left !important;}
.page_print .col-xs-3{width:20%;}
a.icon_view{float:left; color:#FFF; margin:-1px 2px 0px 0px}
.title_chart{background-color:#fff; box-shadow: 2px 1px 3px #888; border:1px solid #000;}
.header_icon{margin:auto;padding:60px 0px 0px 0px; text-align:center;} 
.icon-btn{margin:0px 15px;}

.icon-btn i{color:#81a1cf; font-size:24px}
.icon-btn:hover i{color: #888;}
.icon-btn div{margin-top:0px;}
.data_table{padding:10px; background-color:#fff; }
.money_bar{width:100%;background-color:#eee; height:40px; margin-top:20px; padding:10px 0px;color:#999; border:1px solid #ccc; border-left:0px none; border-right:0px none; }
#date{margin-top:2%; float:right;}
a.icon-btn div:hover{color:#888; }
.page_all{margin-top:0px; }
.form-horizontal .control-label{text-align:left;}
.red_star{color:#F00; font-size:9px; vertical-align:text-top;}
.btn_radius{border-radius:20px !important;}
.signature_title{font-size:14px; text-align:center;font-weight:600;float:left;line-height:30px;}
.top_date{float:left; padding-left:70px;}
.target_input{margin-left: 2%;}
.target_input .col-md-1{width:8%; text-align:center;}
.target_input .row{margin-bottom:10px;}
.center_td{text-align:center;}
.btn_color{color:#0081C6;}
.btn-xs{color: #0081C6;}
.btn-xs:hover .btn_color{color:#666;}
.margin_none{margin: 0px 5px 10px 5px;}
.margin_none .form-section{margin-top:0px !important;}
.collect{margin-bottom:25px;}
.btn_margin{margin:10px 10px 50px 0px;}
.top_print{font-size:18px; margin-top:2%; float:left; width:100%}
.top_print span{width:130px; float:left; font-weight:700;}
.head_top{float:left; padding-left:110px;}
.printable{display:none;}
.link_activity{margin-right:20px;}
.stage{background-color: #F5F5F5; float: left; height: auto; margin: 0 auto; min-height: 15px; padding: 3px 10px; width: 100%;}
.top_print2{font-size:22px; margin-top:15%; float:left; width:100%}
.top_print2 span{width:80px; float:left; font-weight:700;}
span.dots{float:left;width:10px; font-weight:bold;}
td.inall{padding:3px  !important; text-align:center; vertical-align:middle !important;}
th.inall{padding:3px  !important;}
.input-msmall{width:86px;}
.input-xxsmall{width:45px;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-left:0px !important;}
tbody tr:hover, tr.row_selected td{background-color:#eaeaea !important; cursor:pointer;}
.page-header-fixed .page-container{margin-top: 25px;}
.table thead tr th{text-align:center; font-weight:bold; color:#333;}
.header .hor-menu ul.nav li.open > a, .header .hor-menu ul.nav li > a:hover, .header .hor-menu ul.nav li > a:focus{background-color:#aaa !important;}
.header .navbar-nav .dropdown-toggle:hover, .header .navbar-nav .dropdown.open .dropdown-toggle{background-color:#aaa !important;}
.note_border{border: 1px solid #ddd;height: 240px; padding:5px}
.page-sidebar{background-color:#eee !important;}
ul.page-sidebar-menu > li > a{border-top:1px solid #ccc !important;}
ul.page-sidebar-menu > li > a{color:#666 !important;}
ul.page-sidebar-menu > li > a:hover{color:#fff !important;}
ul.page-sidebar-menu li > ul.sub-menu > li > a{color:#666;}
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a{background-color:#aaa}
.navbar-inverse .navbar-toggle{background-color:#aaa !important; padding:6px;}
.header .navbar-nav > li.dropdown.user .dropdown-toggle .username{color:#999;}
.header .navbar-nav > li.dropdown.user:hover .dropdown-toggle .username{color:#fff;}
.header .navbar-nav > li.dropdown.user:focus .dropdown-toggle .username{color:#fff;}

.form-control{padding: 3px;}

.text_table{font-weight:600;}
.footer_purchase{text-align:center; font-size:16px; padding-top: 20px; line-height:30px}
.footer_address{font-size:12px; width:100%; text-align:center; padding-top:10px; line-height:20px;}
.visible_print{display:none;}
.hidden_print{display:block;}

/* 26/11 */
.header{border-bottom:1px solid #ddd; box-shadow:1px 2px 2px #eee; padding-left:15px;}
.header .hor-menu .dropdown-menu{box-shadow:2px 2px 5px -1px #ddd;}
.portlet.box.light-grey > .portlet-title{background-color:#81a1cf;}
.page-content .page-breadcrumb.breadcrumb{background-color:#FFB848 !important;}
.page-content .page-breadcrumb.breadcrumb > li > a, .page-content .page-breadcrumb.breadcrumb > li > i, .page-content .page-breadcrumb.breadcrumb > li > span{color:#fff;}
.btn-sm > i, .btn-xs > i{font-size:14px !important;}
.portlet.box.light-grey{border:1px solid #81a1cf}


.tree .tree-folder .tree-folder-content{margin-left:0px;}

.portlet > .portlet-title > .tools > a.collapse {background-image: url("../img/minus.png"); background-repeat:no-repeat; background-position:center; margin-bottom: 2px; width: 14px; padding:8px; border:1px solid #666;}
.portlet > .portlet-title > .tools > a.expand {background-image: url("../img/plus.png"); background-repeat:no-repeat; background-position:center; margin-bottom: 2px; width: 14px; padding:8px; border:1px solid #666;}

.portlet > .portlet-title > .tools, .portlet > .portlet-title > .actions{float:left;}
.portlet > .title_sub > .caption{font-size:14px; font-weight:bold; line-height: 30px;}
.navbar-nav > li > a{padding-bottom:17px;}

.print_arabic ol{direction:rtl; text-align:right; font-size:14px;}

#spinner1{float:left;}
#spinner_1{float:left;}
#spinner_2{float:left;}
.tt{float:left}

/*  Wizard  */
.checkbox-inline{float:left; margin-right:5px;}
.radio-inline, .checkbox-inline{padding-left:0px !important;}
.form-wizard .step i.display_i{display:inline; font-size:18px; color:#ccc;}
.form-wizard .active .step i.display_i{color:#fff;}
.form-wizard .active .step .number{background-color: #fafafa !important; background-image: none !important; border: 1px solid #4d90fe; box-shadow: none !important; color: #4d90fe !important; cursor: pointer; display: inline-block !important; filter: none !important; height: 65px !important;  margin: 5px 5px 0 0; min-width: 65px !important; padding: 17px 0 0; position: relative; text-align: center; text-shadow: none !important;  transition: all 0.3s ease 0s !important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ text-align:center; background-color:#fff;}
 .form-wizard .step .number{ background-color: #fafafa !important; background-image: none !important; border: 1px solid #ccc; box-shadow: none !important; color: #ccc !important; cursor: pointer; display: inline-block !important; filter: none !important; height: 65px !important; margin: 5px 5px 0 0; min-width: 65px !important; padding: 17px 0 0; position: relative; text-align: center; text-shadow: none !important; transition: all 0.3s ease 0s !important; font-size:11px !important;}
.form-wizard .step .number .desc{font-size:11px !important; color:#999}
.form-wizard .active .step .number .desc{font-size:11px !important; color:#fff !important; }
.form-wizard .active .step .number{border-color:#f2ae43; background-color:#f2ae43 !important;}
.form-wizard .done .step .number{border-color:#4d90fe; color:#4d90fe !important; background-color:#fafafa !important}
/*.form-wizard .active .step{background-image: url(../images/arrow.png); background-repeat:no-repeat; background-position:right;padding-right:0px;}*/
.form-wizard .done .step .number .desc{color:#4d90fe !important; font-weight:300;}
.form-wizard .done .step .number i.display_i{color:#4d90fe !important;} 

.input_left{width:78%; float:left}

/* End Wizard Style */

.nav-justified > li{text-align:center;}
.has-success .help-inline, .has-success .help-block, .has-success .control-label{color:#000 !important;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline{color:#000 !important;}

/*.nav-justified > li{display:inline-block; width:16%; text-align:center;}*/
.help-block{margin:0px !important;}
.tabbable-custom .nav-tabs > li.active{border-top: 3px solid #4d90fe}
.fancybox-button{line-height:35px;}
.fancybox-button i{font-size:18px;}
.fancybox-nav{height:0px;} 
  
.portlet-tabs > .nav-tabs{width:50%;}

.survey{line-height:30px}

.sub_head{font-size:20px; text-align:center; width:100%;}

/* Timepicker */
.bootstrap-timepicker table td input{width:30px; border:1px solid #ccc}
.timepicker{width:45%; float:left;}
.time_to{float:left; height:34px; padding:9px 12px;}

.border_receive{border:1px solid #ccc; font-size:16px; padding:10px; padding-top:0px;}

/*follow time*/
.follow_label{float:left; font-size:12px; line-height:37px; margin-right:10px}
.follow_input{float:left; margin-right:25px; width:60px !important}
.follow_input_final{float:left; width:60px !important}

.small_table{display:none}

.login .content .input-icon{border-left: 2px solid #E28D5C !important}
.login .content .form-actions{border-color:#fff;}
.login .content{padding:45px 30px}


.border_service{border:1px dotted #4d90fe; padding:10px; background-color:#fafafa}
.check_width{width:24%}


.border_service{border:1px solid #ccc; padding:10px; background-color:#fafafa; margin-bottom: 10px !important}
ul.list li{display:inline-block; width:19%;}
.checkbox-list > label{width:19%}

@media print{
div {float: left; width: 100%;font-size:14px;}
thead{display: table-header-group;}
#header_page {position:fixed; bottom:0px; top:0px; right:0; float:left;} 
#collect{position:relative; top:230px; bottom:500px; margin-bottom:100px;width:100%; float:left;}
#footer_page { display: inline-block;bottom:10px; left:0; right:0;width:100%; float:left}   
h5.form-section {border-bottom: 1px solid #666; font-size: 18px; line-height:30px;}
.form-section{font-size:22px;}
.print_head{font-size:30px;}
.top_space{margin-top:0px;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border:1px solid #333 !important;}
.print_title{font-size:18px;}
.print_info{font-size:18px}
.table thead tr th{font-size:18px !important;}
.table tbody tr td{font-size:16px;}
.printable{display:block;}
.note_border{border: 1px solid #333;}
.visible_print{display:block;}
.hidden_print{display:none;}
#report .print_title{font-size:14px;}
#report .print_info{font-size:14px}
#report .table thead tr th{font-size:14px !important;}
#report .table tbody tr td{font-size:14px;}
.print_arabic ol{direction:rtl; text-align:right; font-size:18px;}
.border_receive{border:1px solid #000; font-size:18px; padding:10px; padding-top:0px}
.checkbox-list > label{width:19%}

}

@media (max-width: 1280px) { 
.input_left{width:75%; float:left}
.timepicker{width:43%;}

.form-wizard .step .desc{margin-top:0px}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:5px !important}

.checkbox-list div{margin-right:10px}

}

@media (min-width: 1200px) { 
.control-label{width:16.5%}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:10px}
.checkbox-list div{margin-right:10px}

}

@media (min-width: 992px) and (max-width: 1200px) { 
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0px}
.checkbox-inline{font-size:11px}
.input_left{width:70%; float:left}

.follow_input{width:35px !important; margin-right:10px}
.follow_input_final{width:35px !important}
}


@media (min-width: 992px) { 
.control-label{width:16.5%}

}

@media (max-width:991px) { 
.control-label{width:16.5%}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0px}
}

@media (min-width: 768px) and (max-width: 991px) { 
.control-label{width:16.5%}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0px}
}

@media (max-width: 767px) {
.control-label{width:100%} 
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0px}
}

@media (max-width: 480px) {
.control-label{width:100% }
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0px}
.checkbox-inline{font-size:12px}
.input_left{width:70%; float:left}
.timepicker{width:42%;}

.icon-btn{display:none !important;} 
.header_icon{display:none;} 

/*datatable*/
.dataTables_wrapper .dataTables_filter .form-control{width:110px !important}
div.dataTables_filter label{font-size:10px}
div.dataTables_length label{font-size:10px; line-height:35px}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username{display:none}
.header .navbar-brand img{width:140px !important; margin-top:14px}

.hidden_table{display:none;}
.small_table{display:block}

.follow_input{width:35px !important; margin-right:10px}
.follow_input_final{width:35px !important}

.form-group{margin-bottom:0px}

.form-wizard .steps{display: none}
.form-wizard .progress{display: none}
.btn-group{margin:10px 0px 0px 0px}

.page-content{min-height:540px}

.checkbox-list div{margin-top:13px; margin-right:10px}
.checkbox-list > label.checkbox-inline{margin-top:30px}
}

@media (max-width: 321px) {
.control-label{width:100% }
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0px}
.checkbox-inline{font-size:9px}
.input_left{width:65%; float:left}

.icon-btn{display:none !important;}
}

.welcome {
    width: 60%;
    font-size: 12px;
    font-style: italic;
    color: #626262;
    text-transform: capitalize;
    float: right;
}
.welcome span{	
width: auto;
font-size: 13px;
font-style: italic;
color: #626262;
text-transform: capitalize;
border-left: 2px solid #ddd;
padding: 5px 10px;
font-weight: bold;
line-height: 80px;
}
.welcome img{float:right;
width:65px;
height:65px;
border-radius: 65px !important;}	
.header .navbar-nav > li.dropdown.user .dropdown-toggle {
    padding: 0;
}