small {font-size: 20px; color:grey;}
h2 {font-size: 21px;}
button {cursor: pointer;}
.section {border:1px solid #ccc; padding: 15px; border-radius: 8px; background-color: #fff; margin-top: 25px; min-height: 280px; position: relative;}
.picker {width: 100%;}
.admin .btn {width:100%; margin-bottom: 10px; text-align: left;}
.admin .btn:hover {text-decoration: none;}
.listing {display: block; padding: 20px; margin-bottom: 10px; transition: linear all .3s; border-top: 1px solid #f2f2f2;}
.listing:hover {text-decoration: none; background-color: #f2f2f2;}
.listing h3 {font-size: 15px; margin-top: 5px;}
.recent, .date {font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 0;}

.selector {position: relative; display: block; padding: 10px; border:1px solid #f2f2f2; margin-bottom: 10px; transition: all linear .3s; text-align: left; height:60px;}
.sortable .selector:hover, .sortable .selector:active {background-color: #f2f2f2; cursor: move;}
.asset-title {color: #fff; background-color: #1abc9c;}
.sortable .asset-title:hover, .sortable .asset-title:active {color: #fff; background-color: #34495e;}
.selector button {position: absolute; color:#ca3838; font-size: 24px !important; background: none !important; border: none !important; right: 0; top:20px; background-color: #fff !important; bottom:0; padding: 0 10px; top:0; height:100% !important; border-left: 1px solid #f2f2f2 !important;}


.success {display: none;}
.success i {display: block; float: left;}

.results {max-height: 500px; overflow: scroll;}

.header {padding:20px 0; margin: 20px auto; border-bottom: 1px solid #ccc;}

.btn {padding: 8px;}

.nav {margin-top: 50px; position: relative; z-index: 999; }
.nav li {list-style-type: none; float: right; position: relative; margin-left: 10px;}
.nav li ul {display: none; width: 250px; position: absolute; right: 0; top:28px; background-color: #1abc9c; border-radius: 5px 0 5px 5px; overflow: hidden; z-index: 99;}
.nav li ul li {display: block; width: 100%; padding: 10px; text-align: left; border-bottom: 1px solid #fff;}
.nav li ul li:hover {background-color: #1ca086; transition: all linear .3s;}
.nav li:hover ul {display: block;}
.nav li ul li a {color: #fff; height: 100%; width: 100%; display: block;}
.nav a {color: #fff !important;}

.addnew {display: block; text-align: center; text-transform: uppercase; font-weight: bold; width: 150px; padding: 5px; border-radius: 5px 5px 0 0; background-color: #34495e; color: #fff; font-size: 12px; position: absolute; right: 10px; top: -37px; transition: all linear .3s;}
.addnew:hover {background-color: #1abc9c; color:#fff; }

.admin {display: block; text-align: center; text-transform: uppercase; font-weight: bold; padding: 5px 15px; border-radius: 5px; background-color: #34495e; color: #fff; font-size: 16px; transition: all linear .3s;}
.admin:hover {background-color: #1abc9c; color:#fff;}

.notify {position: fixed; top: 20px; z-index: 9999; width: 100%;}

.inl, .new-btn, .mng-btn a, .mng-btn button { display; block; padding: 10px 0 !important; width: 100%; text-align: center; color: #fff; background: #34495e; transition: all linear .3s; font-size: 16px; font-weight: normal;}
.inl:hover, .new-btn:hover, .mng-btn a:hover, .mng-btn button:hover {cursor: pointer; background-color: #1abc9c;}

.instance, .topper {padding: 20px 0; border-bottom: 1px solid #f2f2f2;}

.new-btn {border-radius: 5px; padding: auto 8px; display: inline-block; max-width: 160px; float: right;}

.mng-btn a, .mng-btn button {width: 100px; border-radius: 5px; display: inline-block; background-color: #f2f2f2; color: #34495e; float: right; text-transform: uppercase; font-weight: bold; border:none;}
.mng-btn button {background-color: #ca3838; color: #fff; border:1px solid transparent;}
.mng-btn a:hover {color:#fff;}
.mng-btn button:hover {color: #ca3838; background-color:#fff; border:1px solid #ca3838;}

.instance, .topper {display: flex; display: -webkit-flex;}
.instance .columns, .topper .columns {margin: auto;}