body {
font-family: 'Roboto', sans-serif!important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
-webkit-font-smoothing: subpixel-antialiased;
}
input:-webkit-autofill {
box-shadow: 0 0 0 30px #fff inset!important;
}
input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
box-shadow: 0 0 0 30px #fff inset!important;
}
.small-box .icon {
position: absolute;
top: 50%!important;
right: 10px;
z-index: 0;
font-size: 50px;
color: rgba(0, 0, 0, 0.15);
transform: translateY(-50%);
}
.small-box:hover .icon {
font-size: 50px!important;
}
.treeview-menu>li>a {
padding: 12px 5px 12px 15px!important;
text-decoration: none;
}
.post-content h1 {
font-size:19px!important;
}
.bootstrap-tagsinput {
height: 34px!important;
}
.skin-blue .main-header .logo:hover {
background-color: #357ca5;
color: #fff!important;
}
a:hover {
color: #fff!important;
}
.comments a:hover {
color: #4379a3 !important;
}
.as-center {
max-width:50%;
margin:0 auto;
}
select[multiple], select[size] {
height: auto;
min-height:150px;
}
.form-control options {
padding:5px 0px!important;
}
.box-header.with-border {
border-bottom:none!important;
}
.user-panel {
padding: 15px 10px 20px;
}
.skin-blue .main-header .navbar .nav>li>a:hover {
color:#fff!important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9;
color: #fff!important;
}
.as-scroll {
overflow:auto!important;
}
.form-control, .bootstrap-tagsinput {
height: 40px!important;
border-radius: 0px!important;
border:none!important;
border-bottom:solid 1px #ccc!important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
}
.form-control:focus, .bootstrap-tagsinput:focus {
border-color: #66afe900!important;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0)!important;
box-shadow: none!important;
border-bottom: solid 1px #3c8dbc!important;
}
.form-control:focus, .bootstrap-tagsinput:focus {
border-color: #66afe900!important;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0)!important;
box-shadow: none!important;
border-bottom: solid 1px #3c8dbc!important;
}
.btn-save {
text-align:center;
}
.btn-save input, .btn-save button {
padding: 10px 70px;
border-radius: 0px;
font-size: 19px;
}
.table-responsive tr td {
white-space:nowrap;
}
.table-responsive tr td a:hover {
color: #11425f!important;
}
.upload-img {
position: relative;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border: dotted 2px #3c8dbc;
}
.upload-inner {
width: 100%;
}
.upload-icon {
font-size: 18px;
line-height: 22px;
color: #173344;
width: 100%;
}
.upload-icon span {
font-size: 41px;
color: #3c8dbc;
}
.img-upload {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width: 100%;
opacity: 0;
}
.table-responsive tr td .fa-trash-o {
color:#e81010;
}
.table-responsive tr td .fa-trash-o:hover {
color:#f74444;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #fff!important;
opacity: 1;
}
.panel-footer {
padding: 10px 15px;
background-color: #ffffff!important;
border-top: 1px solid transparent!important;
border-bottom-right-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}
.label {
font-size: 14px!important;
}
#btn-search {
padding: 9px 12px!important;
}
.avatar-img {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #1d597b;
margin-right: 5px;
border-radius: 50%;
border: solid 1px #fff;
color:#fff;
}
.main-header {
position: relative;
max-height: 100px;
z-index: 1030;
display: table;
width: 100%;
}
.skin-blue .main-header .logo {
background-color: #367fa9;
color: #fff;
border-bottom: 0 solid transparent;
display: table-cell;
vertical-align: middle;
width: 230px;
min-width: 230px;
float: initial;
}
.main-header .navbar {
margin-left: 230px;
border: none;
min-height: 50px;
border-radius: 0;
display: table-cell;
width: 100%;
}
.main-sidebar {
padding-top: 60px;
}
.last-update {
opacity: .5;
font-size: 13px;
font-weight: normal;
vertical-align: middle;
}
.sub-content {
width:180px!important;
}
.sub-content li {
border-bottom:solid 1px #ccc;
}
.sub-content li a {
padding: 15px 15px;
}
.sub-content li a:hover {
background-color: #3c8dbc!important;
color: #fff!important;
}
.modal-header {
background-color: #156796;
color: #fff;
}
.modal-header .close {
margin-top: -2px;
color: #fff;
}
.btn-red {
background-color: #bc3c3c !important;
}
.btn-green {
background-color: #3cbc76 !important;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-sm {
display: none;
}
.main-header .sidebar-toggle {
padding: 20px 15px;
}
.a-btn {
margin: 0px 10px;
font-size: 15px;
text-decoration: underline;
display: block;
}
.a-btn:hover, .a-btn:focus, .a-btn:active {
color: #123a52!important;
text-decoration: underline;
}
.has-overflow {
overflow: hidden;
max-width: 20%;
text-overflow: ellipsis;
margin: 0 auto;
white-space: nowrap;
}
.login-page, .register-page {
background-image:url(../uploads/login-bg.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
height: 100vh!important;
display: flex;
align-items: center;
justify-content: center;
position:relative;
}
.login-page:after, .register-page:after
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0, 0, 0, 0.6784313725490196);
content:"";
}
.login-box, .register-box {
width: 480px!important;
margin:0!important;
}
.login-title {
margin:0px 0px;
text-align:center;
padding-bottom: 30px;
}
.login-box-body, .register-box-body {
background: #fff;
padding: 30px;
border-top: 0;
color: #666;
box-shadow: 0px 0px 13px #afadad;
z-index: 100;
position: relative;
}
.as-submit {
padding: 15px 0px;
margin: 15px 0px;
font-size: 17px;
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}
.login-box-body a:hover
{
color: #174865!important;
}
.set-margin
{
margin-bottom: 20px;
}
@media only screen and (max-width:1360px) {
}
.as-center {
max-width: 100%;
margin: 0 auto;
}
}
@media only screen and (max-width:991px)
{
.sub-content
{
right:0%!important;
}
}
@media (min-width: 768px) {
.sidebar-mini.sidebar-collapse .main-header .logo {
width: 50px;
min-width: 50px;
}
}
@media only screen and (max-width:767px) {
.as-center {
max-width: 100%;
margin: 0 auto;
}
.sub-content>li>a {
display: block;
padding: 10px 20px!important;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333!important;
white-space: nowrap;
}
.main-sidebar {
padding-top: 110px;
}
}
@media only screen and (max-width:480px)
{
.main-header .navbar {
margin-left: 0;
display: block;
width: 100%;
}
.main-header {
display: block;
}
.skin-blue .main-header .logo {
display: block;
width: 100%;
min-width: 100%;
}
.has-time
{
display:block;
}
.post-module .post-content
{
padding: 0 15px;
}
}
.time-update
{
position: absolute;
right: 0;
background-color: #1d597b;
padding: 10px 15px;
box-shadow: -2px 2px 6px #0c3d58;
color: #Fff;
}
.post-module .post-content .title
{
text-overflow: ellipsis;
overflow: hidden;
}
.has-video
{
text-align:center;
}
.has-video video
{
max-width:500px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
overflow: hidden;
text-overflow: ellipsis;
}