.form-login{
	margin:0 auto!important;
	width:400px;
	margin-top:10%!important;
	height:350px;
	padding:30px;
}

.nav-header nav{right:0px;width:85%}
.nav-sidebar {position:fixed;top:0px;left:0px;width:15%;height:100%;box-shadow: 0px 0px 10px #ccc;}
.nav-sidebar {background-color:#f6f6f6;}
.nav-header-list{margin-right:50px;}
.nav-header-list a{margin-top: 5px !important;height: 50px;width: 50px;text-align: center;padding: 0px;line-height: 50px;}

#history-button{left:inherit !important;right:65px;top:60px!important;width:300px !important; outline:none;}
#history-button a{width:100%;text-align:left;margin-top:0px!important}
#history-button .title{font-weight:bold;}
.dropdown-content li{height:50px;}

.logo-wrapper{background:#fff;}
.logo-wrapper a{text-decoration: none;display: block;height: 64px;text-align: center;font-size: 20px;line-height: 64px; color:#111;font-weight:bold;}
.logo-wrapper i{position: relative;top: 6px;color:#512da8;}

.header-search i{z-index: 2; position: absolute; color: #512da8; font-weight: bold; margin-top: 3px; margin-left: 55px;}
.header-search input{width: 50%!important; position: absolute; top: 12px; left: 2%; border: none!important; outline: none!important; background-color: white!important; border-radius: 3px!important; height: 35px!important; padding-left: 70px!important; z-index: 1; color:#ccc}
.header-search input:focus{color:#000; box-shadow: 0px 3px #ccc; border:none!important}

.sidebar-left-list,.sidebar-left-list li{margin:0px;padding:0px;}
.sidebar-left-list a{margin: 0px; padding: 5px 25px; height: 50px; background: #f6f6f6; box-shadow: none; border: none; text-align: left; display: block;}
.sidebar-left-list .active a{background:#1d7d74;}
.sidebar-left-list .active span{color:#fff;font-weight:bold;}
.sidebar-left-list .active i{color:#fff;}

.sidebar-left-list i{position: relative;top: 1px; color:#444}
.sidebar-left-list span{position: relative;top: -3px; color:#123;left:10px}


.main{width:85%;float:right;position:relative;padding:20px 30px;}
.main .card{margin:10px !important}
.main .card-title{font-size:20px;}
.main .center-align{font-size:30px;font-weight:bold;}
.main .center-align span{color:#009688;}

.main .card-table-contract{font-size:15px;}
.main .card-table-contract thead{font-weight:bold;text-transform:uppercase;}
.main .card-table-contract td{padding: 10px;border: 1px solid #ccc!important;text-align:center;}
.main .card-table-contract th{text-align:center;}

.main .pagination{margin:10px;}
.main .card-table-contract td i{background: #512da8;color: #fff;border-radius: 5px;padding: 5px;}
.main .card-item i{font-size:30px;}
.main .card-item span{top: -10px;left: 10px;position: relative;}

.main .item-search{margin: 0px 10px;}
.main .item-search input{width: 200px!important;position: relative;height: 36px!important;top: -1px;border-radius: 3px!important;color: #fff;padding: 0px 40px !important;padding-right: 10px !important;border: 1px solid !important;background:#26a69a!important}
.main .item-search i{color: #fff;position: relative;top: 6px;left: 37px;z-index: 3;}

.chip{outline:none;cursor:pointer;}
form i{top:8px!important;left:20px!important;}

.closetag{position: relative;left: -15px;background: #00BCD4;border-radius: 50%;cursor:pointer}
.closetag:hover{color:#fff}
.pac-container{z-index:10000!important;}
.pac-logo:after {display:none!important;}
.pac-item {height:40px!important;line-height:40px!important;}
.sidebar-left-list .tttg {background:#1d7d74}
.sidebar-left-list .tttg a{background:#65afa8}
#modal-addlaodong{max-height:85%!important}
#modal-addkhachhang{max-height:90%!important}