/* Cubic Bezier Transition */
/***
Login page
***/
/* bg color */
.login {
background-color: #364150 !important; }


textarea, input, select{
border: 1px solid #ccc;
}

.login .logo {
margin: 0 auto;
margin-top: 60px;
padding: 15px;
text-align: center; }

.login .content {
background-color: #eceef1;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
width: 400px;
margin: 40px auto 10px auto;
padding: 30px;
padding-top: 10px;
overflow: hidden;
position: relative; }

.login .content h3 {
color: #4db3a5;
text-align: center;
font-size: 28px;
font-weight: 400 !important; }

.login .content h4 {
color: #555; }

.login .content .hint {
color: #999;
padding: 0;
margin: 15px 0 7px 0; }

.login .content .login-form,
.login .content .forget-form {
padding: 0px;
margin: 0px; }

.login .content .form-control {
border: none;
background-color: #dde3ec;
height: 43px;
color: #8290a3;
border: 1px solid #dde3ec; }
.login .content .form-control:focus,
.login .content .form-control:active {
border: 1px solid #c3ccda; }
.login .content .form-control::-moz-placeholder {
color: #8290a3;
opacity: 1; }
.login .content .form-control:-ms-input-placeholder {
color: #8290a3; }
.login .content .form-control::-webkit-input-placeholder {
color: #8290a3; }

.login .content select.form-control {
padding-left: 9px;
padding-right: 9px; }

.login .content .forget-form {
display: none; }

.login .content .register-form {
display: none; }

.login .content .form-title {
font-weight: 300;
margin-bottom: 25px; }

.login .content .form-actions {
clear: both;
border: 0px;
border-bottom: 1px solid #eee;
padding: 25px 30px 25px 30px;
margin-left: -30px;
margin-right: -30px; }

.login-options {
margin-bottom: 30px;
overflow: hidden; }

.login-options h4 {
float: left;
font-weight: 600;
font-size: 15px;
color: #7d91aa !important; }

.login-options .social-icons {
float: right;
padding-top: 3px; }

.login-options .social-icons li a {
border-radius: 15px 15px 15px 15px !important;
-moz-border-radius: 15px 15px 15px 15px !important;
-webkit-border-radius: 15px 15px 15px 15px !important; }

.login .content .form-actions .checkbox {
margin-left: 0;
padding-left: 0; }

.login .content .forget-form .form-actions {
border: 0;
margin-bottom: 0;
padding-bottom: 20px; }

.login .content .register-form .form-actions {
border: 0;
margin-bottom: 0;
padding-bottom: 0px; }

.login .content .form-actions .btn {
margin-top: 1px; }

.login .content .form-actions .btn {
font-weight: 600;
padding: 10px 20px !important; }

.login .content .form-actions .btn-default {
font-weight: 600;
padding: 10px 25px !important;
color: #6c7a8d;
background-color: #ffffff;
border: none; }

.login .content .form-actions .btn-default:hover {
background-color: #fafaff;
color: #45b6af; }

.login .content .forget-password {
font-size: 14px;
float: right;
display: inline-block;
margin-top: 10px; }

.login .content .check {
color: #8290a3; }

.login .content .rememberme {
margin-left: 8px;
margin-top: 10px; }

.login .content .create-account {
margin: 0 -40px -30px -40px;
padding: 15px 0 17px 0;
text-align: center;
background-color: #6c7a8d;
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
-ms-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px; }
.login .content .create-account > p {
margin: 0; }

.login .content .create-account p a {
font-weight: 600;
font-size: 14px;
color: #c3cedd; }

.login .content .create-account a {
display: inline-block;
margin-top: 5px; }

/* footer copyright */
.login .copyright {
text-align: center;
margin: 0 auto 30px 0;
padding: 10px;
color: #7a8ca5;
font-size: 13px; }

@media (max-width: 440px) {
/***
Login page
***/
.login .logo {
margin-top: 10px; }
.login .content {
width: 280px;
margin-top: 10px; }
.login .content h3 {
font-size: 22px; }
.forget-password {
display: inline-block;
margin-top: 20px; }
.login-options .social-icons {
float: left;
padding-top: 3px; }
.login .checkbox {
font-size: 13px; }
}

.text-white{
color: #fff;
}
.a-white a{
color: #fff;
}


table.small td{
font-size:0.9em;
padding:2px;
}

#photos_container{
border-top: 1px solid #999;
background-color: #fff;
width: 100%;
height: 310px;
overflow: auto;
}

#sortable_photos{
padding: 0;
margin: 0;
}

.photo_box {
float: left;
width: 120px;
height: 120px;
overflow: hidden;
font-size: 8pt;
text-align: center;
padding: 5px;
margin: 5px;
margin-bottom: 5px;
border:0;
background: none;
}

.photo_box.ui-state-default{
border:0;
background: none;
}


.photo_box:hover {
border: 1px #cccccc solid;
background-color: #fafafa;
padding: 4px;
}
.preview_thumbnail{
width: 64px;
height: 64px;
}

.top_panel{
height: 40px;
line-height:40px;
background-color: #364150;
color: #fff;
text-align: right;
font-size: 1.2em;
position: fixed;
top:0;
right:0;
z-index:10;
width: 100%;
padding-right:10px;
}

body.page-content{
/*padding-top: 50px !important;*/
}


.box {
display: none;
}
.box.visible {
display: block;
}

span.number {
color: #009900;
padding: 0px 1px 0px 1px;
border-bottom: 1px #009900 dotted;
white-space: nowrap;
cursor: pointer;
cursor: hand;
}

span.number:hover {
color: #006600;
}

ul.tabs {
height: 40px;
line-height: 25px;
list-style: none;
margin: 0px 0px -1px 0px;
padding: 0px 0px 0px 10px;
background-color: #fff;
}
.tabs li {
float: left;
display: inline;
margin: 0;
padding: 5px 13px 5px 13px;

cursor: pointer;
background: #fff;
border: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: relative;
border-bottom: 1px solid #ccc;
}
.tabs li:hover {
/*padding: 0 13px 2px;*/
background: #ffffff;
color: #000;
}
.tabs li.current {
background: #ffffff;
margin: 0;
padding: 5px 13px 6px 13px;
border: 1px solid #D4D4D4;
border-bottom: 1px solid #ffffff;
}


a.lang {
display: block;
float: left;
margin: 0px 5px 0px 5px;
padding: 5px;
}



.toplinks {  color: #FFFFFF}
.small {  font-size: 8pt; font-family: Verdana, Arial, Helvetica}
.smallest {  font-size: 7pt; font-family: Verdana, Arial, Helvetica}
.linkb { color: #ffffff; text-decoration: none}
.linkb:hover { color: #ffdd44; text-decoration: none}

.dashed {
font-size: 8pt;
font-weight: normal;
text-decoration: none;
border-bottom: 1px #006600 dashed;
}

.dashed:hover {
border-bottom: 1px #009900 dashed;
}


div#timer b {
display: block;
font-size: 8pt;
color: #ffffff;
background-color: #cc3300;
padding: 10px;
margin: 10px 10px 0 10px;
font-weight: normal;
text-align: center;
}

div#timer a {
color: #ffff99;
}
div#uploadfilelist {
white-space: nowrap;
}

span.progressbar {
display: inline-block;
border: 1px #009900 solid;
width: 100px;
height: auto;
padding: 1px;
background: none;
}

span.progress {
background-color: #009900;
display: inline-block;
height: 10px;
}
.table.table-noborder,
.table.table-noborder td{
border:0 !important;
}

.page-content.page-container-bg-solid{
background: #eef1f5;
}
.webis-page-content{
padding: 20px;
}

.page-container-bg-solid .webis-page-content .page-title{
margin-top:0;
}

.webis-stat-block{
min-height: 255px
}

.webis-stat-block a:hover{
text-decoration: none;
}
.webis-stat-block a:hover .card-title{
text-decoration: underline;
}
.webis-stat-block span span{
margin-left: 5px;
}

.webis-stat-block .card-icon i{
margin: 5px 0;
font-size: 40px;
padding: 37px 26px;
}
.webis-stat-block .card-desc {
margin-bottom: 20px;
}


.displaynone{
display: none;
}
#media_buttons{
padding: 10px;
}

#media_buttons a{
width:100%;
}

#align,
#desc{
border:0;
width:50%;
float:left;
display: block;
padding: 2px 0;
margin:4px 0;
}

.loading {
-animation: spin .7s infinite linear;
-webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
from { -webkit-transform: rotate(0deg);}
to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
from { transform: scale(1) rotate(0deg);}
to { transform: scale(1) rotate(360deg);}
}


#file_settings{
padding:10px;
background-color: #fff;
border:1px solid #ccc;
margin: 10px;
}

#gallery_frame{
border:0;
width: 100%;
height: 840px;
}

input.small_upoloader_file.displaynone{
display: none !important;
}

.img-auto img {
max-width: 100%;
}

#TB_window{
top: 20px !important;
margin-top: 20px !important;
}