::-webkit-scrollbar{-webkit-appearance: none;}
::-webkit-scrollbar-track-piece{background-color:#e7e7e7}
::-webkit-scrollbar:horizontal{height:18px;}
::-webkit-scrollbar-thumb{background-color:#a8a8a8;border-radius:10px;border:2px solid #eeeeee;} 
::-webkit-scrollbar-button{width:16px;background-color:#a8a8a8;}
::-webkit-scrollbar-button:start:decrement:horizontal{
	width:16px;height:16px;background:#cacaca;
	background-repeat:no-repeat;background-position:center center;}
::-webkit-scrollbar-button:end:increment:horizontal{
	width:16px;height:16px;background:#cacaca;
	background-repeat:no-repeat;background-position:center center;
}

.main-header {min-height:50px;}
.main-header >.navbar {position:fixed;width:100%}
.main-header > .navbar_ay {position:fixed;width:100%;border-bottom:1px solid #268cc4;background-color:#fff !important}
.main-header > .navbar_ay .nav>li>a {padding:0px 15px !Important;line-height:60px !Important;}
.main-header > .navbar_ay .nav .open>a {background:#268cc4 !Important;color:#fff !Important}
.main-header > .navbar_hq {position:fixed;width:100%;border-bottom:1px solid #268cc4;background-color:#fff !important}
.main-header > .navbar_hq .nav>li>a {padding:0px 15px !Important;line-height:60px !Important;}
.main-header > .navbar_hq .nav .open>a {background:#268cc4 !Important;color:#fff !Important}

.skin-yellow .main-header .navbar .nav>li>a{color:#444}
.skin-yellow .main-header .navbar .dropdown-menu li a {color:#444 !Important}
.skin-yellow .main-header .navbar .dropdown-menu li a:hover {color:#fff !Important}
.skin-yellow .main-header .navbar .nav>li>a:hover{background:#268cc4 !Important;}
.navbar-nav .open .dropdown-menu > li > a {color:#444 !Important}
.navbar-nav .open .dropdown-menu > li > a:hover {color:#fff !Important}
.navbar-nav > li:hover {background:#268cc4 !Important;}
.navbar-nav > li:hover a{color:#fff !Important}
.navbar-nav > li:hover .dropdown-menu {display:block}
.navbar-nav > li > .dropdown-menu:hover .navbar-nav > li > a {color:#fff !Important;}

.skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active{background:#268cc4 !Important;color:#fff !Important;}
.navbar-nav > li .dropdown-menu > li > a {color:#444 !Important;}
.dropdown-menu > li > a:hover {background:#268cc4 !Important; color:#fff !Important}
.dropdown-menu > li > a:hover .navbar-nav > li a {color:#444 !Important}
.navbar-nav > li .dropdown-menu > li > a:hover {color:#fff !Important;}
.skin-yellow .main-header .navbar-collapse.pull-left + .navbar-custom-menu ul li a {line-height:60px !Important;}
.navbar-toggle{padding:20px 15px;color:#444}
.navbar-collapse.in{overflow:visible}
.navbar-brand_ay{margin-left:0 !Important;padding:0 15px !important;line-height:60px;font-size:20px}
.navbar-brand_hq{margin-left:0 !Important;padding:0 15px !important;line-height:60px;font-size:20px}
.content-wrapper > .container{padding:10px;width:99%;}
.content-wrapper, .right-side{background:#f5f5f5 !Important}
.content-wrapper_ay{background:#f5f5f5}
.content-wrapper_hq{background:#f5f5f5}
.content{width:100%;/*overflow:hidden*/}
.content-header > .breadcrumb {float:right !Important;background:transparent !important}
.content-header > h1{display:inline-block;font-size:20px;font-weight:bold}
.main-footer{padding:10px !Important;background:#424242 !Important;border-top:0 !Important;color:#fff !important}
.box{margin-bottom:10px;padding:20px 20px 20px 20px}
.box_sub{box-shadow:0px 8px 10px 3px grey !Important}
.box_ay{background:transparent;border-top:0;box-shadow:0 0 0}
.box-header_ay{padding:0}
.box-body_ay{padding:0}
.sub_box_ay {box-shadow:2px 6px 6px 2px grey}
.row_ay{margin-right:0;margin-left:0;padding:30px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.row_hq{margin-right:0;margin-left:0;padding:30px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.box_hq{background:transparent;border-top:0;box-shadow:0 0 0}
.box-header_hq{padding:0}
.box-body_hq{padding:0}
.box_os{background:transparent;border-top:transparent;box-shadow:0 0 0}
.small-box_ay {margin-bottom:0;box-shadow:2px 6px 6px 2px grey}
.small-box_ay:hover{opacity:.7}
.small-box_ay .icon{position:relative;top:0;left:0;right:0;text-align:center;font-size:76px;color:rgba(0, 0, 0, 0.3)}
.small-box_ay:hover .icon{font-size:76px}
.small-box_ay p {margin:20px;font-size:14px;min-height:40px;font-weight:bold;text-align:center}
.box-title_ay{display:inline-block;min-width:120px;padding:10px;margin:0;text-align:center;color:#fff;font-size:14px !Important;font-weight: bold} 
.bg_gray{margin:20px 0;padding:15px;background:#eee;border-radius:8px;}
.small-box_hq {margin-bottom:0;box-shadow:2px 6px 6px 2px grey}
.small-box_hq:hover{opacity:.7}
.small-box_hq .icon{position:relative;top:0;left:0;right:0;text-align:center;font-size:76px;color:rgba(0, 0, 0, 0.3)}
.small-box_hq:hover .icon{font-size:76px}
.small-box_hq p{margin:20px;font-size:14px;min-height:40px;font-weight:bold;text-align:center}
.box-title_hq{display:inline-block;min-width:120px;padding:10px;margin:0;text-align:center;color:#fff;font-size:14px !Important;font-weight:bold} 
.box-title{font-weight:bold}
.box-title-bg-aqua{background:#336666}
.box-title-bg-green{background:#00a65a}
.box-title-bg-yellow{background:#f39c12}
.box-title-bg-red{background:#dd4b39}
.box-title-bg-gray{background:#777}
.box-title-bg-teal{background:#39cccc}
.mailbox-read-info{border-bottom:1px solid #e2e2e2}
textarea{border-color:#ccc;border-radius:6px}
.form-control{border-color:#ccc}
.form-horizontal .control-label_hd{font-size:16px;font-weight:bold;color:#333}
.form-horizontal .control-label_nm{font-size:14px;font-weight:normal;color:#565656}
.table_scroll{padding-bottom:20px}
.label-default{display:inline-block;min-width:60px;padding:8px;color:#444 !important;font-size:12px}
.label-danger, .label-success, .label-primary, .label-info, .label-warning{display:inline-block;min-width:60px;margin:4px;padding:8px;color:#fff !important;font-size:12px}
.btn-group > .btn{float:none}
.box-body_scroll{overflow:visible;overflow-x:visible;overflow-y:visible}
.row{margin-left:0 !Important; margin-right:0 !important}
.col-lg-2{width:12.5%;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align:middle !Important}
.table-bordered{border:0 !Important;margin-bottom:0}
/*.table-bordered th, .table-bordered td { border:0 !Important}*/
.main-board-table > tbody > tr > td,.main-board-table > tbody > tr > th {text-align: center; border-top:1px solid #ddd !Important;border-bottom:1px solid #ddd !Important;}
#agency_list > tbody > tr > td, #agency_list > tbody > tr > th , #agency_list > thead > tr > td, #agency_list > thead > tr > th {text-align:center;vertical-align:middle;border-top:1px solid #ddd !Important; border-bottom:1px solid #ddd !Important}
#agency_list > thead > tr > th,#customer_list > thead > tr > th{background:#bbb}
#agency_list > tbody > tr > th, #agency_list > thead > tr > th {font-size:14px}
#agency_list > tbody > tr > td, #agency_list > thead > tr > td {font-size:12px}
#customer_list > tbody > tr > td,#customer_list > thead > tr > th{text-align: center; border-top:1px solid #ddd !Important; border-bottom:1px solid #ddd !Important; font-size:12px}
.main-board-table > tbody > tr > th{background:#ccc;font-weight:bold}
.main-board-table a{color:#444}
.form-horizontal .form-group{margin-left:0;margin-right:0}
.sel_def {height:34px;padding:6px 12px;border:1px solid #ccc;border-radius:6px;font-size:12px;font-weight:400}
.pagination > li > a{font-size:12px}
textarea{border-color:#ccc;border-radius:6px}
.form-control{border-color:#ccc}
.form-horizontal .control-label_hd{font-size:16px;font-weight:bold;color:#333}
.form-horizontal .control-label_nm{font-size:14px;font-weight:normal;color:#565656}
.report_th{background:#bbb;text-align:center;vertical-align:middle !important;font-size:16px;font-weight:bold}
.report_td{text-align:center;vertical-align:middle !important;font-size:16px;font-weight:normal}
.form-control{border-radius:6px;}
.box-header.with-border{border-bottom:1px solid #e9e9e9}
.box-footer{border-top:1px solid #e9e9e9}
.pull-right {float:none !Important}
.content-header > .breadcrumb{font-size:14px}
.box.box-info{border-top-color:transparent;border-top:2px solid #268cc4}
.dataTables_length{padding-bottom:6px}
#agency_list_filter{padding-bottom:6px}
.blank{display:none}
.scenario_acp_td{padding:5px;text-align:left;font-size:12px;font-weight:normal;color:#555;background:#fff}
.scenario_td {text-align:center;background-color:#fff;font-size:12px;color:#555;}
.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 #eee !Important;}
.login-box-wrap{position:absolute;width:80%;top:50%;left:10%;margin-top:-216px;}
.login-box-body-wrap{width:500px;margin:0 auto;background:#eee;border-radius:12px;border:1px solid #d2d2d2;}

@media (min-width:1921px) {	
	.col-lg-2{width:16.66666667%;padding-bottom:30px}
	.row_ay{padding-bottom:0}
}

@media (min-width:1601px) and (max-width:1920px){	
	.col-lg-2{width:16.66666667%;padding-bottom:30px}
	.row_ay{padding-bottom:0}
}

@media (min-width:1401px) and (max-width:1600px){
	
	.col-lg-2{width:20%;padding-bottom:30px}
	.row_ay{padding-bottom:0}
	.box_resize{width:20%}
}

@media (min-width:1024px) and (max-width:1400px){
	
	.col-lg-2{width:25%; padding-bottom:30px}
	.row_ay{padding-bottom:0}
	.box_resize{width:25%}
}

@media (max-width:1105px){
	.table_scroll{width:2000px !Important;}
	.box-body_scroll{overflow:hidden;overflow-x:auto;overflow-y:auto}
	.pagination{width:1000px}
	.box_resize{width:100%}
/*	#agency_list_wrapper .row .col-sm-6{float:none}*/
}

@media (min-width:810px) and (max-width:1023px){
	
	.col-lg-2{width:33.3%;padding-bottom:30px}
	.row_ay{padding-bottom:0}
	.blank{display:block}
	.box_resize{width:49.5%}
}

@media (min-width:481px) and (max-width:809px){
	
	.col-lg-2{width:49.5%; padding-bottom:30px}
	.row_ay{padding-bottom:0}
	.blank{display:block}
	
}
@media (max-width:767px){
	
	.dropdown-menu {position:sticky;width:100%;}
	.main-header > .navbar_ay .nav > .dropdown-menu > a{line-height:40px !Important}
	.main-header > .navbar_hq .nav > .dropdown-menu > a{line-height:40px !Important}
	.box_os{overflow:hidden;overflow-x:scroll;overflow-y:scroll}
  .box-body_os{width:1000px}
	.small-box_ay:hover{opacity:1}
	.navbar-nav > li:hover .dropdown-menu{display:block}
	.blank{display:block}
	.small-box_ay p{margin:10px 4px;font-size:12px}
	.row_ay{padding:20px}
	.skin-yellow .main-header .navbar .nav>li>a{line-height:40px !Important;}
}

@media (max-width:630px){
	
	.login-box-body-wrap{width:auto;}
	.login-logo, .register-logo{font-size:30px !Important;}
	.login-box-wrap{margin-top:-216px;}
}

@media (min-width:320px) and (max-width:480px){
	.main-header .navbar-brand_hq{display:none}
	.main-header .navbar-brand_ay{display:none}
	.col-lg-2{width:100%;padding-bottom:30px}
	.row_ay{padding-bottom:0}
	.box{padding:10px}
	.content-wrapper > .container{padding:30px 10px 10px 10px}
}