body {color: #444;background: #999;}

h3 {margin-bottom: 0;}
#banner {position: fixed;top: 0; left: 0;padding: 5px 0;width: 100%; height: 35px;font-weight: bold;text-align: center;color: #fff;	background: #75cd7c;box-shadow: 0 0 4px #666;text-shadow: 0 -1px 0 #444;z-index: 9999;}
#head {height: 95px; margin: 0 auto; padding: 12px 0 13px; width: 935px;}
#frame {margin: 0 auto;padding: 25px;width: 900px;  /* width: 1024px;*/height: 100%;background: #fff;box-shadow: 0 0 8px #666;}
#tabs li a span {margin-left: 3px;padding: 0 4px;width: 17px; height: 17px;background: #1a8a04;	color: #fff;text-align: center;border-radius: 20px;}

tr.dis td, tr.dis td a {color: #999;}
tr.app span, tr.app td a {color: #f7685c;}
tr.new span, tr.new td a {color: #1a8a04;}

.sitecount {height: 75px;overflow: hidden;}
.sitecount span {display: block;width: 85px;font-size: 75px;line-height: 85px;text-align: right;color: #f7685c;}
.sitecount p {line-height: 125px;color: #f7685c;}

.count {float: left;width: 270px; height: 85px;font-size: 75px;line-height: 85px;text-align: right;}
.text {float: left;width: 130px; height: 85px;line-height: 125px;}
.count a, count a:hover,.text a, .text a:hover {color: #444;text-decoration: none;}

div.left {float: left;}
div.right {	float: right;}
#apps {	width: 400px;	border: 1px solid #ddd;	border-radius: 5px;}
#admins {	margin-top: 25px;	width: 400px;	border: 1px solid #ddd;	border-radius: 5px;}


/* Custom */
#head > h1{float: left;margin-top: 0px;}
#head a img {display: block;margin-top: 10px;}
.logo-mini img{width:30px;}
.pad {-moz-user-select: none;cursor: url("/img/pen.cur") 16 16, crosshair;position: relative;}
.message{border-radius: 5px;  padding: 1px 9px;}
.message.success{background: lightgreen none repeat scroll 0 0;border: 1px solid #00a65a;color: #000;}
.message.error{ background: #f80000 none repeat scroll 0 0;  border: 1px solid #f04f23;color: #FFF;}
.form-horizontal .pad {padding: 0px;}
.nopad{padding:0;}
.norpad{padding-right:0;}
.nolpad{padding-left:0;}
#dashbrd h3.box-title{font-size: 25px;}
/*#srch.form-inline label {width:75px;}*/
input.error, textarea.error, select.error { background: #ffe1b8 none repeat scroll 0 0; border-color: #e1972d;}
.form-horizontal .control-label { text-align: left;}
.portal{margin: 10px auto; max-width: 960px;}
.portal-box #head{height: auto; overflow: hidden; padding: 10px 0 0; width:auto;}
.portal-box .box{border-radius: 5px;}
.portal-box .box-body{padding: 10px 18px;}

@media (max-width:480px){
	#head > img{display: block; margin: 0 auto;}
	#head a img{max-height: 25px !important;float: none !important;display: block;margin: 10px auto 0;}
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #222d32;
}

.upload-btn-area{
	display: block;
    position: relative;
    border: 1px solid #ddd;
    padding: 5px 138px 5px 7px;
}
.upload-btn-area .select-input{
	background: #337ab7;
    width: 120px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}
.upload-btn-area .select-input input{
	position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
}
.upload-btn-area .uploaded-fles{
	display:flex;
    min-height:30px;
    flex-wrap: wrap;
}
.upload-btn-area .uploaded-fles .uploaded-fles-tag{
    background: #eee;
    padding: 3px 10px;
    border-radius: 30px;
    margin: 2px 5px 2px 0;
	white-space:nowrap;
}
.upload-btn-area .uploaded-fles .uploaded-fles-tag a{
	color:#333;
}
.upload-btn-area .uploaded-fles .uploaded-fles-tag .remove{
	font-size: 10px;
    background: #f98282;
    color: #fff;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    position: relative;
    top: -1px;
    cursor: pointer;
	margin: 0 0 0 3px;
}
.upload-btn-area .uploaded-fles .uploaded-fles-tag .remove:hover{
	background: red;
}
.custom-file{
    display: block;
    min-height: 30px;
    word-break: break-word;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0 0 5px 0;
}

.custom-file .custom-fles-tag{
    background: #eee;
    padding: 3px 10px;
    border-radius: 30px;
    margin: 2px 5px 2px 0;
	white-space: nowrap;
	display: inline-block;
}

.custom-file .custom-fles-tag a{
	color: #333;
}

.custom-file .custom-fles-tag a.remove {
    font-size: 10px;
    background: #f98282;
    color: #fff;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    position: relative;
    top: -1px;
    cursor: pointer;
    margin: 0 0 0 3px;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
  }
.custom-file-input::before {
    content: 'Choose file';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 2px 6px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
  }
  .custom-file-input:hover::before {
    border-color: black;
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  }
  .custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  }
  .select-input{
      padding: 9px 0px;
  }
  

  .d-flex{
      display: flex !important;
  } 

  .justify-content-between{
    justify-content: space-between !important;
    margin-bottom: 15px;
  }

  .mr-2{
      margin-right:10px !important;
  }