/* General */
html { position: relative; min-height: 100%; overflow-x: hidden; overflow-y: hidden; box-sizing: border-box; }

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	background: #ffffff;
	padding: 0;
	margin: 0;
	color: #494d55;
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: 100%;
	box-sizing: border-box;
}

*, *:before, *:after { box-sizing: border-box; }
a, button { transition: all 0.2s ease; text-decoration: none; }
a { color: #34495e; font-weight: 700; }
a:hover { color: #2574a9; cursor: pointer; }
a:hover, a:focus, button:hover, button:focus, input:hover, input:focus, *:focus, *:hover { text-decoration: none; outline: 0 !important; -webkit-outline: 0 !important; -moz-outline: 0 !important; }
a.disabled, a.disabled:hover { cursor: not-allowed; color: #bababa !important; }
a.black { color: #494d55; }
a.black:hover { color: #34495e; }
a.imglink { display: block; position: relative; width: 100%; height: 100%; }
input.form-control, textarea, .bootstrap-tagsinput { background: #f5f8fa !important; border: 1px solid #cbd6e2; padding: 9px 10px; font-size: 14px; color: #33475b; height: 40px; line-height: 22px; vertical-align: middle; border-radius: 3px; display: block; }
input.disabled, input[disabled], textarea.disabled, textarea[disabled] { background-color: #eeeeee !important; border-color: #cccccc !important; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 0.5; }
input:focus { box-shadow: none !important; border-color: rgba(51, 110, 123, 0.75) !important; outline: 0; }
.bgcover { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.form-control.has-error { border-color: #f64747; color: #f64747; }
.bgcovertop { background-position: center top !important; }
.bgwhite { background-color: #ffffff !important; }
.list-select { position: relative; display: block; width: 100%; vertical-align: bottom; }
.list-select:before { content: '\f107'; font-family: 'Font Awesome 5 Pro'; pointer-events: none; color: #a4acb2; position: absolute; right: 10px; top: 12px; }
.list-select select { background: #f5f8fa; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; color: #494d55; border-color: #cbd6e2; height: 40px; }
.list-select select:focus, .form-control:focus { border-color: rgba(0,208,228,.5); box-shadow: none; }
.panel { padding: 10px 20px; margin-top: 10px; border: 1px solid #e4e7ed; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.modal { padding-right: 0 !important; }
.modal-dialog { margin-top: 75px; }
.modal-content { box-shadow: none !important; border-radius: 0 !important; border: none !important; }
.table { margin-bottom: 0; }
.table tbody tr td { vertical-align: middle; border-color: #e4e7ed; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: relative; }
form { position: relative; }
.formloading { position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,.5); width: 100%; height: 100%; text-align: center; display: flex; align-content: center; justify-content: center; flex-flow: column wrap; z-index: 9; }
.formloader { background-color: #ffffff; box-shadow: 0 0px 2px 0px rgba(0,0,0,.25); -webkit-box-shadow: 0 0px 2px 0px rgba(0,0,0,.25); -moz-box-shadow: 0 0px 2px 0px rgba(0,0,0,.25); padding: 10px 20px; height: 40px; width: 250px; }

#loadingFormData { position: absolute; display: block; left: 0; top: 0; z-index: 99; background-color: rgba(255,255,255,.75); text-align: center; height: 100%; width: 100%; font-size: 3rem; padding-top: 15%; line-height: 3rem; font-weight: bold; }

.success { color: #2ecc71; }
.danger { color: #f64747; }
.warning { color: #f9b42d; }
.info { color: #00b5cc; }
.table tbody tr.info td { background-color: #f5f7f9; }
.table tbody tr.info td:not(.grey) { color: #31404b; }
.note { font-weight: 400; font-size: 12px; font-style: italic; }
.white { color: #ffffff !important; }
.uppercase { text-transform: uppercase !important; }
.underline { border-bottom: dotted 1px #333333; }

.carousel-control { width: 5%; }
.vertical-center { position: relative; }
.vertical-center > div { margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0; }

.btn { padding: 10px 20px; transition: all ease 0.3s; }
.btn-lg { padding: 16px 21px; font-size: 15px; }
.btn-xs { padding: 5px 10px; }
.btn-sm { padding: 7px 14px; font-size: 13px; }
.btn-primary { background-color: #34495e; border-color: #222f3d; }
.btn-info { background-color: #17a2b8; border-color: #17a2b8; }
.btn-info:hover { background-color: #138496; border-color: #117a8b; }
.btn-info-border { background: transparent; border-color: #38a9ff; color: #38a9ff; }
.btn-info-border:hover { background: #38a9ff; color: #ffffff; }
.btn-success, .btn-success.disabled:hover  { background-color: #1abc9c; border-color: #1abc9c; }
.btn-success:hover { background-color: #21a086; border-color: #21a086; }
.btn-success-border { background: transparent; border-color: #1abc9c; color: #1abc9c; }
.btn-success-border:hover { background: #1abc9c; color: #ffffff; }
.btn-danger { background: #e74c3c; color: white; }
.btn-danger:hover { background: #b93a2c; border-color: #b93a2c; }
.btn-default { background-color: #dadfe1; border-color: #bdc3c7; }
.btn-default:hover { background-color: #bdc3c7; }
.btn-warning { color: #333333; }
.row.hr { border-bottom: 1px solid #e4e7ed; position: relative; top: 0; padding-bottom: 10px; }
.btn-expand { position: absolute; border-radius: 100%; border: 1px solid #e4e7ed; padding: 8px; line-height: 15px; height: 30px; width: 30px; text-align: center; background: #ffffff; margin-left: -15px; left: 50%; top: -15px; }
.btn-white-border { background: transparent; border-color: white; color: white; }
.btn-white-border:hover { background: rgba(255,255,255,.35); color: white; }
.btn-light { background-color: #ecf0f1; border-color: #dadfe1; color: #6c7a89; }
.btn-light:hover { background-color: #dadfe1; border-color: #bdc3c7; color: #2e3131; }

.badge-success, .label-success { background-color: #1abc9c; }
.label-info { background-color: #00b5cc; }
.badge-light-default { background-color: #ecf0f1; font-weight: 400; color: #22313f; font-size: 9px; }
.badge.small { font-size: 10px; font-weight: 500; }

.alert-default { background: #d6d8d9; border-color: #c6c8ca; color: #1b1e21; }
.alert-danger { background: #f8d7da; border-color: #f5c6cb; color: #721c24; }
.alert-info { background: #d1ecf1; border-color: #bee5eb; color: #0c5460; }
.alert-warning { background: #fff3cd; border-color: #ffeeba; color: #856404; }
.alert-success { background: #d4edda; border-color: #c3e6cb; color: #155724; }
.alert-light { background-color: #e8ecf1; border-color: #dadfe1; color: #2e3131; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.black { color: #333333; }
.margin0 { margin-left: 0; margin-right: 0; }
.marginb0 { margin-bottom: 0 !important; }
.pad0 { padding: 0 !important; }
.pull-right { float: right !important; clear: both !important; }
.grey { color: #9a9da2; }
.help-block { font-style: italic; font-size: 11px; color: #b1b1b1; line-height: 14px; padding-top: 5px; }
.small { line-height: 150%; }

.panel-color i { font-size: 20px; }
.panel-color p { margin-bottom: 0; }
.panel-success { border-color: #34495e; }
.panel-danger { border-color: #ec644b; }
.panel-warning { border-color: #ffcb05; }
.panel-info { border-color: #22a7f0; }

.tooltip > .tooltip-inner { background-color: rgba(20,20,20,1); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(20,20,20,1); }
.tooltip.top .tooltip-arrow { border-top-color: rgba(20,20,20,1); }
.tooltip.right .tooltip-arrow { border-right-color: rgba(20,20,20,1); }
.tooltip.left .tooltip-arrow { border-left-color: rgba(20,20,20,1); }

input[type='checkbox'] { margin: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; width: 15px; height: 15px; border-radius: 2px; display: inline-block; }
input[type='checkbox']:checked { background: #fff; position: relative; display: inline-block; border-color: rgba(84, 89, 115, 1); }
input[type='checkbox']:checked:before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; color: #34495e; font-size: 20px; position: absolute; left: 2px; top: -5px; width: 100%; height: 100%; box-sizing: border-box; }
input[type='checkbox']:focus, input[type='radio']:focus { box-shadow: none; }

input[type='radio'] { margin: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: radio; background: #fff; width: 15px; height: 15px; display: inline-block; border-radius: 100px; border: solid 1px #ccc; }
input[type='radio']:checked { background: #fff; position: relative; display: inline-block; border-color: rgba(84, 89, 115, 1); }
input[type='radio']:checked:before { content: ''; background: #34495e; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 20px; padding: 0; border: solid 2px #fff; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #31404b; }
h5 { font-size: 15px; }

.pad5 { padding-top: 5px; }
.pad10 { padding-top: 10px; }
.pad15 { padding-top: 15px; }
.pad25 { padding-top: 25px; }
.pad35 { padding-top: 35px; }
.pad45 { padding-top: 45px; }
.pad55 { padding-top: 55px; }
.pad65 { padding-top: 65px; }

.container { max-width: 1500px !important; position: relative; margin: 0 auto; width: 100%; }
.container-sm { max-width: 950px !important; position: relative; margin: 0 auto; width: 100%; }
.container-fluid { max-width: 1200px; }

/* PRELOADER ANIMATIONS */
@keyframes "preload-show-1"{from{transform:rotateZ(60deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-hide-1"{to{transform:rotateZ(60deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-cycle-1"{5%{transform:rotateZ(60deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}10%,75%{transform:rotateZ(60deg) rotateY(0) rotateX(0deg);border-left-color:#00a6eb;}80%,100%{transform:rotateZ(60deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-show-2"{from{transform:rotateZ(120deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-hide-2"{to{transform:rotateZ(120deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-cycle-2"{10%{transform:rotateZ(120deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}15%,70%{transform:rotateZ(120deg) rotateY(0) rotateX(0deg);border-left-color:#00a6eb;}75%,100%{transform:rotateZ(120deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-show-3"{from{transform:rotateZ(180deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-hide-3"{to{transform:rotateZ(180deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-cycle-3"{15%{transform:rotateZ(180deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}20%,65%{transform:rotateZ(180deg) rotateY(0) rotateX(0deg);border-left-color:#00a6eb;}70%,100%{transform:rotateZ(180deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-show-4"{from{transform:rotateZ(240deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-hide-4"{to{transform:rotateZ(240deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-cycle-4"{20%{transform:rotateZ(240deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}25%,60%{transform:rotateZ(240deg) rotateY(0) rotateX(0deg);border-left-color:#00a6eb;}65%,100%{transform:rotateZ(240deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-show-5"{from{transform:rotateZ(300deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-hide-5"{to{transform:rotateZ(300deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-cycle-5"{25%{transform:rotateZ(300deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}30%,55%{transform:rotateZ(300deg) rotateY(0) rotateX(0deg);border-left-color:#00a6eb;}60%,100%{transform:rotateZ(300deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-show-6"{from{transform:rotateZ(360deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-hide-6"{to{transform:rotateZ(360deg) rotateY(-90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-cycle-6"{30%{transform:rotateZ(360deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}35%,50%{transform:rotateZ(360deg) rotateY(0) rotateX(0deg);border-left-color:#00a6eb;}55%,100%{transform:rotateZ(360deg) rotateY(90deg) rotateX(0deg);border-left-color:#00a6eb;}}@keyframes "preload-flip"{0%{transform:rotateY(0deg) rotateZ(-60deg);}100%{transform:rotateY(360deg) rotateZ(-60deg);}}.preloader{position:absolute;top:50%;left:50%;font-size:20px;display:block;width:3.75em;height:4.25em;margin-left:-1.875em;margin-top:-2.125em;transform-origin:center center;transform:rotateY(180deg) rotateZ(-60deg)}.preloader .slice{border-top:1.125em solid transparent;border-right:none;border-bottom:1em solid transparent;border-left:1.875em solid #00a6eb;position:absolute;top:0px;left:50%;transform-origin:left bottom;border-radius:3px 3px 0 0}.preloader .slice:nth-child(1){transform:rotateZ(60deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.82s preload-hide-1 both 1}.preloader .slice:nth-child(2){transform:rotateZ(120deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.74s preload-hide-2 both 1}.preloader .slice:nth-child(3){transform:rotateZ(180deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.66s preload-hide-3 both 1}.preloader .slice:nth-child(4){transform:rotateZ(240deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.58s preload-hide-4 both 1}.preloader .slice:nth-child(5){transform:rotateZ(300deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.5s preload-hide-5 both 1}.preloader .slice:nth-child(6){transform:rotateZ(360deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.42s preload-hide-6 both 1}.preloader.loading{animation:2s preload-flip steps(2) infinite both}.preloader.loading .slice:nth-child(1){transform:rotateZ(60deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-1 linear infinite both}.preloader.loading .slice:nth-child(2){transform:rotateZ(120deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-2 linear infinite both}.preloader.loading .slice:nth-child(3){transform:rotateZ(180deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-3 linear infinite both}.preloader.loading .slice:nth-child(4){transform:rotateZ(240deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-4 linear infinite both}.preloader.loading .slice:nth-child(5){transform:rotateZ(300deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-5 linear infinite both}.preloader.loading .slice:nth-child(6){transform:rotateZ(360deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-6 linear infinite both}.preloading{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999999}.preloader{z-index:9999998}.arrow-up{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #eee;position:absolute;z-index:9;top:-7px;left:50px}.arrow-down{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #333;position:relative}


.overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.5); }
.fullscreen-element { min-height: 100vh; position: relative; overflow: hidden; }
.greybg { background: #f5f6f6; }
ul.reset { list-style: none; padding: 0; margin: 0; }
ul.flex { display: flex; justify-content: space-around; align-content: space-between; flex-wrap: wrap; }
ul.flex li { flex-grow: 1; flex-basis: 0; }
ul.inline li { display: inline-block; margin: 0 5px; }
ul.inline li:first-child { margin-left: 0; }
ul.inline li:last-child { margin-right: 0; }

::selection { background: rgba(0, 144, 228, 0.35); }
::-moz-selection { background: rgba(0, 144, 228, 0.35); }

main { margin: 50px 0 65px 0; }
main section { padding: 55px 0 75px 0; }



/* ERROR 404 */
#error404 .ghost404 img { max-width: 100%; width: 300px; }
#error404 ul.reset.inline li { margin: 0 5px; }




/* HEADER & FOOTER */
header { padding: 0; color: white; position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background-color:transparent; transition: all ease-in-out 0.2s; }
header ul li { padding: 10px 0; }
header .nav > li:last-child { margin-left: 16px; }
header ul li a { color: white; }

header nav.navbar { background: transparent; margin: 0; border: none; transition: all ease-in-out 0.2s; }
header .navbar-brand { height: auto; width: auto; position: absolute; top: 0; padding: 9px 15px; margin: 0; z-index: 99; }
header .navbar-brand img { display: inline-block; }

.navbar-default .navbar-toggle { border-color: #bdc3c7; margin-top: 14px; float: left; }
.navbar-default .navbar-toggle .icon-bar { background-color: #bdc3c7; }

header .nav > li > a { padding: 0 16px; font-weight: 400; line-height: 27px; font-size: 13px; white-space: nowrap; vertical-align: middle; display: inline-block; height: 28px; min-width: 64px; }
header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover { background: transparent; }

header .navbar-right li.dropdown { margin-left: 0; }
header .navbar-right li.dropdown a.dropdown-toggle { border: none; }
header .navbar-right li.dropdown a.dropdown-toggle:hover, header .navbar-right li.dropdown a.dropdown-toggle:active, header .navbar-right li.dropdown a.dropdown-toggle:focus { background: transparent; }
header .navbar-right li.dropdown ul.dropdown-menu { background-color: #ffffff; border-radius: 4px; font-size: small; }
header .navbar-right li.dropdown ul.dropdown-menu li { padding: 0; }
header .navbar-right li.dropdown ul.dropdown-menu li a { padding: 8px 20px; }
header .navbar-right li.dropdown ul.dropdown-menu li a:hover { background-color: #eeeeee; }
header .navbar-right li.dropdown ul.dropdown-menu li a .badge { font-size: 9px; margin-left: 5px; }
header .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, header .dropdown-menu>.active>a:hover, header .navbar-right li.dropdown ul.dropdown-menu li a:hover { background-color: #34495e; color: #333333; }


footer { background-color: #1f2125 !important; position: relative; width: 100%; padding: 15px 25px 40px 25px; }
footer * { color: #a9a9ab; }
footer p { margin-bottom: 3px; }
footer a { font-weight: 400; padding-bottom: 2px; border-bottom: 1px dotted #a9a9ab; margin-bottom: 6px; display: inline-block; position: relative; }






/* LOGIN, SIGNUP */
#login { min-height: 90vh; margin-bottom: 0; }
#login > section { padding-top: 80px; padding-bottom: 0; }

#login #padlock { display: inline-block; background-color: #2c3e50; padding: 25px; border-radius: 100%; }




/* DASHBOARD */
#modals { display: none; }
.modal form { position: relative; display: block; }

#dashboard { margin-bottom: 0; }
#dashboard > .row > .hidden-xs { padding-left: 0; }

#dashboard #sidebar { background-color: #34495e; color: #a8aeb6; padding: 25px 5px; min-height: 90vh; overflow-x: hidden; }
#dashboard #sidebar h4 { color: #a8aeb6; font-weight: 300; }
#dashboard #sidebar hr { border-color: #526980; margin: 10px; }
#dashboard #sidebar ul li { padding: 7px 15px; }
#dashboard #sidebar ul li.active { background-color: #4c6177; border-radius: 4px; }
#dashboard #sidebar ul li a { color: #a8aeb6; font-weight: 400; }
#dashboard #sidebar ul li a:hover { color: white; }
#dashboard #sidebar ul li .badge { background-color: #013243; font-weight: 400; color: #eeeeee; }

#dashboard #mainsection { padding-top: 0; max-height: 90vh; }
#dashboard #mainsection #vaultsList { background-color: white; text-align: left; min-height: 90vh; }
#dashboard #mainsection #vaultsList > .row.pad15 { max-height: calc(90vh - 65px); overflow-x: hidden; overflow-y: auto; position: relative; }
#dashboard #mainsection a.cleanfield { position: absolute; right: 25px; top: 10px; z-index: 9; }

#dashboard #mainsection #vaultsList .singleVault { padding: 15px; margin-bottom: 10px; border-bottom: solid 1px #eeeeee; transition: all ease-in-out .2s; }
#dashboard #mainsection #vaultsList .singleVault:hover { background-color: #f3f9ff; }
#dashboard #mainsection #vaultsList .singleVault.active { background-color: #e4f1fe; border-radius: 4px; }
#dashboard #mainsection #vaultsList .singleVault article figure.bgcover { height: 40px; border-radius: 4px; width: 40px; }
#dashboard #mainsection #vaultsList .singleVault article p { margin-bottom: 6px; word-break: break-word; }
#dashboard #mainsection #vaultsList .singleVault article p:last-child { margin-bottom: 0; }

#dashboard #mainsection #vaultDetail { max-height: 90vh; overflow-x: hidden; overflow-y: auto; max-width: 74%; }
#dashboard #mainsection #vaultDetail #vd-header figure { height: 65px; width: 65px; border-radius: 4px; margin: 0 auto; }
#dashboard #mainsection #vaultDetail #vd-header h3 { margin-top: 10px; margin-bottom: 3px; }

#dashboard #mainsection #vaultDetail #vh-body #searchFieldinItem .cleanfield { right: 10px; }
#dashboard #mainsection #vaultDetail #vh-body .vd-card { margin-bottom: 45px; }
#dashboard #mainsection #vaultDetail #vh-body .vd-card .panel input.form-control { height: auto; box-shadow: none; padding: 0 15px; border: none; color: #494d55; display: inline-block; width: auto; }

.modal .editSingleField { margin-bottom: 25px; }

#editFields > div.modal-body > div > div.col-xs-4.col-sm-3.col-md-2 > ul > li { margin: 3px; }







@media only screen and (max-width: 1024px){
	.container, .container-fluid { padding-left: 25px; padding-right: 25px; }
	p { font-size: 14px; line-height: 16px; }
	
	#dashboard #mainsection #vaultDetail { max-width: 65%; }
}

@media only screen and (max-width: 991px){
	.container { max-width: 950px !important; }
}


@media only screen and (max-width: 768px){
	#dashboard #mainsection #vaultsList { max-width: 98%; }
}


@media only screen and (max-width: 500px){
	p { font-size: 12px; line-height: 17px; }
	table { font-size: 12px; }
	aside { margin-top: 35px; }
	
	header { background-color: #34495e; color: #bdc3c7; padding: 0 15px; }
	header #sidebar { margin-top: 0; overflow-x: hidden; }
	header #sidebar, header #sidebar a, header #sidebar h4 { color: #bdc3c7; }
	header #sidebar hr { border-top-color: rgba(189, 195, 199, 0.5); }
	.navbar-default .navbar-nav > li > a { color: #bdc3c7; }
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: white; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; border-color: white; }
	.navbar-default .navbar-toggle:focus .icon-bar { background-color: white; }
	
	#dashboard #mainsection { padding: 15px; overflow: hidden auto; }
	
	#dashboard #mainsection #vaultDetail { max-width: 100%; }
	
	#vd-header { background-color: white; }
	#dashboard #mainsection #vaultDetail { padding: 0; }
	#dashboard #mainsection #vaultDetail #vd-header figure { width: 45px; height: 45px; }
	#dashboard #mainsection #vaultDetail #vd-header h3 { margin-top: 0; }
	#vd-header > div > div.col-xs-6.col-md-6.col-lg-7 > p { word-break: break-word; }
	#vd-header > div > div.col-xs-3.col-md-4.col-lg-3.text-right { padding-left: 0; padding-right: 20px; text-align: center; margin-top: -10px; }
	#vd-header > div > div.col-xs-3.col-md-4.col-lg-3.text-right > ul > li { margin: 0; }
	#vd-header > div > div.col-xs-3.col-md-4.col-lg-3.text-right > ul > li:last-child { margin-top: 3px; }
	
	#dashboard #mainsection #vaultDetail #vh-body .vd-card .panel input.form-control { max-width: 170px; }
}


@media only screen and (max-width: 320px){
}