@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,500italic,700,700italic);
h1{font-size:40px}
h2{font-size:38px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
h1,h2,h3,h4,h5,h6{line-height:1.4;margin-top:0;color:#222}
a{text-decoration:none}
a:hover{text-decoration:none}
a:hover,a:focus{outline:none;text-decoration:none}
body{font-family:'Roboto',sans-serif;font-size:13px;line-height:24px;color:#444;font-weight:400}
ul{margin:0;padding-left:0}
section{padding:70px 0}
::-moz-selection{background:#0098d1;color:#fff}
::selection{background:#0098d1;color:#fff}
::-moz-selection{background:#0098d1;color:#fff}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px 30px 2px 2px;border:none}
.custom-select{background:url(images/icon/down.png) no-repeat;background-position:-webkit-calc(100% - 15px) 17px;background-position:calc(100% - 15px) 17px;-webkit-background-size:10px auto;background-size:10px auto;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.custom-select:focus{border-color:#0098d1!important}
input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}

body{background:#f5f5f5;}
.logo_area{width:94%;max-width:1000px;margin:0 auto;display:table;padding-top:20px;}
.logo_area .logo_left, .logo_area .logo_right, .logout{display:table-cell;vertical-align:bottom;}
.logo_area .logo_left{width:108px;padding-right:15px;}
.logout{width:100px;text-align:right;}
.logout a{color:#0098d1;font-weight:700;font-size:16px;}
.logout a:hover{color:#00aebd;}
.main_content{width:94%;max-width:1000px;background:#fff;border:1px solid #ddd;border-radius:2px;margin:25px auto;padding:15px;}
.main_content h2{font-size:18px;font-weight:400;color:#444;margin:0;padding:0;}
.docs_container{padding:10px 0;display:block;}

.search_area{display:table;width:100%;}
.search_area .cell{display:table-cell;}
.cell input{width:100%;}
.cell input.search_input{border:1px solid #ccc;outline:0;padding:3px 10px;}
.cell input.search_button, .add_new{border:1px solid #00aebd;outline:0;padding:3px 10px;background:#00aebd;color:#fff;font-size:14px;}
.cell input.search_button:hover, .add_new:hover{border:1px solid #0098d1;outline:0;padding:3px 10px;background:#0098d1;color:#fff;}
.add_new, .delete{margin-top:0px;display:inline-block;float:left;}
.delete{width:30px;height:32px;border:1px solid #fff;text-align:center;margin-right:20px;}
.delete:hover{background:#eee;border:1px solid #ddd;}
.delete img{width:18px;vertical-align:top;margin:0 auto;padding-top:3px;}
.right{text-align:right !important;}

.row:after{clear:both;content:'';display:block;}
.header .col-md-3{padding:0 15px 10px 15px;}
.inner_folder{border:1px solid #ddd;background:#fafafa;text-align:center;margin-bottom:10px;}
.check{text-align:left;padding:8px;}
.col-md-3 .icon{padding:5px 5px 20px 5px;}
.col-md-3 .icon a{display:block;}
.col-md-3 .icon img{width:80px;}
.col-md-3 .docname{color:#58595b;font-size:14px;font-weight:500;display:block;padding:0 10px 10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.col-md-3 .docname a{color:#58595b;text-decoration:none;}
.inner_folder:hover{background:#fff;border:1px solid #0098d1;}

hr{border-top:1px solid #ddd;margin:0 !important;padding:0;}

.add_new_folder{display:table;width:100%;max-width:330px;padding:30px 0;margin:0 auto;}
.add_new_folder .add_new_text, .add_new_folder .add_btn{display:table-cell;vertical-align:top;}
.add_new_folder .add_btn{width:40px;padding-left:10px;}
.add_new_folder input[type=text]{border:1px solid #eee;border-bottom:3px solid #65be6d;outline:none;padding:8px 15px;width:100%;background:#eee;}
.add_new_folder input[type=text]:visited, .add_new_folder input[type=text]:focus{background:#f7f7f7;border:1px solid #ccc;border-bottom:3px solid #0098d1;}
.add_new_folder .add_btn input{background:#65be6d;border:1px solid #65be6d;color:#fff;font-size:16px;padding:9px 15px;outline:0;}
.add_new_folder .add_btn input:hover{background:#0098d1;border:1px solid #0098d1;}

.modal-content {border-radius:0 !important;}
.form-control{border-radius:0;}
.no_results{display:block;width:100%;text-align:center;font-size:15px;font-weight:400;padding:30px 0;}

/* Tables */
.table{margin-bottom:10px}
.table-striped > tbody > tr:nth-of-type(odd),.table-hover > tbody > tr:hover,.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th{background-color:#f4f8fb!important}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td,.table > thead > tr > th,.table-bordered{border-top:1px solid #ebeff2}
.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 #ddd}
.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ebeff2}
tbody{color:#797979}
th{color:#666;font-weight:600}
.table-bordered{border:1px solid #ebeff2}
.table-bordered a i{font-size:16px;color:#65be6d;padding:3px 5px;}
.fixed-table-container tbody .selected td{background-color:#F4F8FB}
.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:3px}
.fixed-table-pagination div.pagination{margin-top:6px}
.fixed-table-container{border:none!important}
.bootstrap-table .table > thead > tr > th{border-right:1px solid #bdbec0;border-bottom:1px solid #00aebd;background:#00aebd;border-left:1px solid #00aebd!important;border-top:1px solid #00aebd!important;padding:0 5px;color:#fff;font-size:13px}
.bootstrap-table .table > thead > tr > th:last-child{border-right:1px solid #00aebd!important}
.fixed-table-container thead th .th-inner{padding:3px 10px 3px 5px;color:#fff;font-weight:700}
.bootstrap-table .table,.bootstrap-table .table > tbody > tr > td,.bootstrap-table .table > tbody > tr > th,.bootstrap-table .table > tfoot > tr > td,.bootstrap-table .table > tfoot > tr > th,.bootstrap-table .table > thead > tr > td{padding:8px 10px 8px 5px !important;border-radius:0;font-size:12px;white-space:nowrap}
.bootstrap-table .table > tbody > tr > td .form-control{padding:5px;height:28px;line-height:28px;font-size:14px}
.bootstrap-table .table > tbody > tr:nth-child(2n) td{background:#eee}
.fixed-table-toolbar .bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{margin-top:0;margin-bottom:10px}
.fixed-table-toolbar .search .form-control{height:35px}
.table-responsive .fixed-column{position:absolute;display:inline-block;width:auto;padding:0!important;top:-1px;left:0;background:#fff;border-right:none!important;white-space:nowrap}
.table-responsive .fixed-column thead tr th,.table-responsive .fixed-column tbody tr td{border-right:none!important}
.table-responsive .fixed-column tbody tr td{border-right:1px solid #ddd!important}
.table-responsive .fixed-column tbody tr:last-child td{border-bottom:none!important}
.fixed-table-body-columns table{top:-1px!important}
.bootstrap-table .table-boot > thead > tr > th{padding:0 !important;}
.filterControl{margin:0 !important;padding:3px 5px;background:#eee;border-top:1px solid #999;}
.filterControl select, .filterControl input{height:24px;line-height:24px;padding:2px 3px;font-size:13px;font-weight:normal;color:#333;border-radius:0;}

.login{width:400px;}
.logo_area.login .logo_left{width:100%;text-align:center;padding:20px 0;}
.logo_area.login .logo_left, .logo_area.login .logo_right{display:block !important;width:100%;text-align:left;margin:0 auto;padding:15px;padding-left:0;}
.logo_area.login .logo_right{padding-top:0;}
.logo_area.login img .logo_left, .logo_area.login .logo_right img{max-width:320px;}
.login_content{width:100%;max-width:400px;margin:0px auto;}
.inner_login{background:#fff;padding:10px;border:1px solid #ddd;}
.login_content .form-control{border:1px solid #ccc;border-radius:0;padding:8px 10px;display:block;line-height:40px;height:40px;}
.login_content .btn{border-radius:0;padding:8px 15px;font-size:14px;}

.copied-alert{background:#65be6d;font-size:18px;font-weight:400;color:#fff;padding:15px 30px;display:none;width:120px;text-align:center;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;height:50px;}

@media(max-width:480px){
	.logo_area{padding:0;}
	.logo_area .logo_left, .logo_area .logo_right{display:block;padding:10px;}
	.logo_area .logo_left{padding-bottom:5px;padding-left:0;}
	.logo_area .logo_right{padding-top:0;padding-left:0;padding-bottom:5px;}
	.logo_area .logo_right img{width:100%;max-width:250px;padding-bottom:0px;}
	.main_content{margin:5px auto;width:95%;}
	.add_new_folder .add_new_text,.add_new_folder .add_btn{display:block;}
	.add_new_folder .add_new_text{border:1px solid #ccc;padding:3px}
	.add_new_folder .add_btn{padding:15px 0;}
	.main_content h2 {font-size:15px;font-weight:700;padding-top:5px;}
	.add_new, .delete{float:none;}
	.delete{margin-right:10px;}
	.inner_folder{margin-bottom:20px;}
	.col-md-3 .icon img{width:50px;}
	.check{padding-bottom:0;}
	.col-md-3 .icon {padding:0px 5px 10px 5px;}
	.logout{vertical-align:top;padding:10px;}
    .login{width:290px;}
    .logo_area.login .logo_left, .logo_area.login .logo_right{width:100%;padding-left:0;}
    .logo_area.login .logo_right{padding-bottom:10px;}
    .login_area{width:290px;margin:0 auto;}
    .login_content{margin-top:0;}
}