﻿ label{
    font-weight:normal;
}
.content
{
    margin-top:30px;
}
.content-header
{
    margin-top:45px;
}
.content-header > .breadcrumb
{
    float:left;
    right:initial;
    padding: 7px 25px;
}
.container
{
    width: 100% !important;
}
.row
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.btn
{
    border-radius:0px !important;
}
.chosen-container-single .chosen-single
{
    border-radius:0px !important;
    height:30px !important;
    line-height:30px !important;
}
.navbar-default .navbar-brand
{
    color:#fff;
}
.navbar-default .navbar-brand:hover
{
    color:#ffd800;
}
.navbar-default .navbar-nav > li > a
{
    color:#fff;
}
.navbar-default .navbar-nav > li > a:hover
{
    color:#ffd800;
}
.navbar-default
{
    background-color:#007acc;
}
hr
{
    border-color:#007acc !important;
    margin-top:0px !important;
    margin-bottom:5px !important;
}
.box
{
    border-top: 0 solid #fff !important;
    box-shadow:none !important;
    margin-bottom: 0px !important;
}
.IMSLoadingWrapper
{
    background: transparent;
    display: inline-block;    
    left: 0; 
    z-index: 999;
    cursor: wait;
    width:100%;
    text-align:center;
    position:absolute;
}
.IMSNotesWrapper
{ 
    left: 0;  
    z-index: 999;
    width:100%;
    text-align:center;
    border: 1px dotted #f39c12;
}
.dataTables_empty
{
    text-align:center;
}
.red_validate
{
    color:red;
    font-weight:normal;
}
.clear
{
    clear:both;
    min-height:10px;
}
thead
{
    background-color:#007acc;
    color:#fff;
}
.content-header > h1
{
    text-transform:none !important;
    font-size:16px !important;
    font-weight:bold;
}
#tbldata, #tblPublicdata, #tblPrivatedata, #tbldataStaff
{
    width:100% !important;
}

table .odd
{
    background-color:white;
}
table .even {
    background-color: white !important;
}
    table .even:hover {
        background-color: #00000013 !important;
    }
table .odd:hover {
    background-color: #00000013 !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th
{
    padding:3px 8px 3px 8px !important;
}
        
table.dataTable thead > tr > th
{
    padding-right:0px !important;
    text-align:center;
}
table.table-bordered.dataTable
{
    width: 100% !important;
}
.blue_validate
{
    color:#007acc;
    font-size:18px;
    font-weight:bold;
    float:left;
    width:100%;
    border-bottom: 2px solid #007acc;
}
.zoneListTitle
{
    width:100%;
}
.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 3px !important;
    border-color:#f5f5f5;
}
.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-color:#94acb2;
    vertical-align:middle !important;
    text-align:center;
}
.table-bordered
{
    border-color:#94acb2;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td
{
    border-bottom-width:0px !important;
}
.btn
{
    padding: 4px 12px;
}
.form-control
{
    height:29px !important
}
        
.chosen-container-multi .chosen-choices
{
    height:30px !important;
    line-height:30px !important;
}
.datepicker table tr td, .datepicker table tr th
{
    border:none !important;
}
.nav-tabs-custom > .nav-tabs > li
{
    background-color:#cdc9c9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.nav-tabs-custom > .nav-tabs > li > a
{
    color:#444;
}
.nav-tabs-custom > .nav-tabs > li > a:hover
{
    color:#007acc;
}
.nav-tabs-custom > .nav-tabs
{
    border-bottom: 2px solid #cdc9c9;
}
#tblRender
{
    height:40px;
}
#tblRenderWaitingCN
{
    height:40px;
}
#tblRenderAcceptExamType
{
    height:40px;
}
    #tblRender2
{
    height:40px;
}
#tblRenderWaitingCN2, #tblRenderWaitingIRTDN, #tblRenderStaff
{
    height:40px;
}

.page_navigation a{
    float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.page_navigation a:hover{
    text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}
.active_page{
    background: #bbbbbb !important; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}
.dt-body-left
{
    text-align:left !important;
}
.dt-body-center
{
    text-align:center !important;
}
.dt-body-right
{
    text-align:right !important;
}
.btn-info
{
    background-color: #007acc !important;
    border-color:#367fa9 !important;
}
.content-wrapper, .right-side, .main-footer
{
    margin-left: 0px !important;
}
b, strong
{
    font-weight: 200 !important;
}
.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion
{
    margin-right: 2px;
}
.dropdown-menu
{
    background-color:lemonchiffon;
}
/*START OF THE TABS*/
.tabs-left 
{
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left 
{
    border-right: 1px solid #ddd;
}
.tabs-left>li 
{
    float: none;
    margin-bottom: 2px;
}
.tabs-left>li 
{
    margin-right: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus 
{
    border-bottom-color: #ddd;
    border-right-color: transparent;
}
.tabs-left>li:last-child.active>a:hover,
.tabs-left>li:last-child.active>a:focus,
.tabs-left>li:last-child>a
{
    border-bottom:none;
}
.tab-next.active{
    border-bottom-color: #ddd;
    border-right-color: transparent;
}
.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display:block;
}
.tabs-left li:last-child{
    border-bottom:1px solid #ddd;
    margin-bottom:-1.5px;
}
/*END OF THE TABS*/
/*defined user*/
.fa-customer{
    font-size:16px !important;
    margin-left: 5px;
    font-weight:bold;
}
#DropTrangThai_chosen{
    min-width:200px !important;
    max-width:200px !important;
}
#DropTrangThaiEdit_chosen{
    min-width:200px !important;
    max-width:200px !important;
}
#DropTrangThaiChoDuyet_chosen{
    min-width:200px !important;
    max-width:200px !important;
}
#DropTrangThaiKhongDuyet_chosen{
    min-width:200px !important;
    max-width:200px !important;
}
#DropTrangThaiDangThucHien_chosen{
    min-width:200px !important;
    max-width:200px !important;
}
#DropTrangThaiNghiemThu_chosen{
    min-width:200px !important;
    max-width:200px !important;
}



/* Định nghĩa lại bộ lọc */
#tbldata_filter label
{
    float: right !important;
}
#tbldataRender_filter label
{
    float: right !important;
}
#tbldata_filter .form-control
{
    border-color: #d2d6de !important;
    border: 1px solid #ccc !important;
}
#tbldataRender_filter .form-control
{
    border-color: #d2d6de !important;
    border: 1px solid #ccc !important;
}
#tbldata_length .form-control
{
    border-color: #d2d6de !important;
    border: 1px solid #ccc !important;
}
#tbldataRender_length .form-control
{
    border-color: #d2d6de !important;
    border: 1px solid #ccc !important;
}


/* Login style*/
.modal-dialog .form-control
{
    border-color: #d2d6de !important;
    border-width: 1px !important;
    border-style: solid !important;
}
/* ẩn biểu tượng lọc dữ liệu*/
table.dataTable thead .sorting_asc::after
{
    display:none;
}
table.dataTable thead .sorting::after
{
    display:none;
}
        /* mầu nền chung*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side
{
    background-color: #fff !important;
}

.wrapper .overlay, .overlay-wrapper .overlay {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    border-radius: 3px;
    z-index: 50;
}
.wrapper > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wrapper .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.wrapper .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

.modal-footer
{
    margin-top: 30px !important;
    border-top-color: #94acb2 !important;
}
/*Customer width-size of dropdowlist - commom*/
.DropVaiTro_chosen
{
    min-width:150px !important;
    max-width:150px !important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
    {
        padding: 0px;
    }
/*format fieldset*/
fieldset {
    border: 1px solid #cfd4d8;
    margin: 0;
    min-width: 0;
    padding: 3px;
}
legend{
    color:black;
    border: none !important;
    opacity: 0.8;
    padding-left:5px;
    margin-bottom:0px !important;
    font-size:16px !important;
}

.select2-container--default .select2-results__group
{
    font-weight: bold !important;
}
.select2-container--default .select2-results__option .select2-results__option
{
    padding-left: 15px !important;
}

/*change style [input]*/
.input-bg-change{
    background: #ffe7cd !important;
    background-color: #ffe7cd !important;
}
/*customize*/
label {
    font-weight: normal !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
}

.daterangepicker select.monthselect {
    color: black;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    color: black;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: none !important;
}

.daterangepicker .ranges input {
    font-size: 12px !important;
    height: auto !important;
    width: 70px !important;
    padding: 3px !important;
    margin-bottom: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #006dcc !important;
}

.daterangepicker {
    z-index: 9999 !important;
}

.dropdown a.active {
    background: rgba(0,0,0,0.1) !important;
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: auto !important;
    min-width: 250px;
}

    .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
        height: auto !important;
    }

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    margin: 0px 15px;
}
/* Template-specific stuff
         *
         * Customizations just for the template; these are not necessary for anything
         * with disabling the responsiveness.
         */

/* Account for fixed navbar */
body {
    padding-top: 70px;
    padding-bottom: 0px;
}

body,
.navbar-fixed-top,
.navbar-fixed-bottom {
    min-width: initial;
}

/* Don't let the lead text change font-size. */
.lead {
    font-size: 16px;
}

.content-header {
    margin-top: -22px !important;
}

    .content-header > .breadcrumb {
        padding: 7px 15px !important;
    }

.nav-tabs-custom {
    box-shadow: none !important;
    border-top: none !important;
}

.badge {
    white-space: normal !important;
    font-weight: normal !important;
}

table .odd {
    background-color: #fff !important;
}
/* Finesse the page header spacing */
.page-header {
    margin-bottom: 30px;
}

    .page-header .lead {
        margin-bottom: 10px;
    }


/* Non-responsive overrides
         *
         * ize the following CSS to disable the responsive-ness of the container,
         * grid system, and navbar.
         */

/* Reset the container */
.container {
    width: 1170px;
    max-width: none !important;
}

/* Demonstrate the grids */
.col-xs-4 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}

.container .navbar-header,
.container .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
    float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}

.navbar-toggle {
    display: none;
}

.navbar-collapse {
    border-top: 0;
}

.navbar-brand {
    margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
    float: left;
    margin: 0;
}

    .navbar-nav > li {
        float: left;
    }

        .navbar-nav > li > a {
            padding: 15px;
        }

    /* Redeclare since we override the float above */
    .navbar-nav.navbar-right {
        float: right;
    }

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}

.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff !important;
    background-color: #428bca !important;
}

.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #999 !important;
    background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
    float: left;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    /* Copy-pasted from forms.less since we mixin the .form-inline styles. */
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }

/* Undo inline form compaction on small screens */
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-inline .form-control-static {
    display: inline-block;
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group > .form-control {
        width: 100%;
    }

.form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

.form-inline .has-feedback .form-control-feedback {
    top: 0;
}
/*end customize*/
/*ipad*/
@media (max-width: 1024px) {
    #formMain
    {
        margin-top:130px;
    }
    #pieChartTS 
    {
        height: 140px !important;
    }
    #pieChartCT {
        height: 140px !important;
    }
}
/*end ipad*/