/***********custom css**************/

.table>thead>tr>th{ 

text-transform: capitalize;

line-height: 1;

font-size:14px

}

.sidebar-open-button {

    color: #fff;

}

.sidebar-open-button:hover, .sidebar-open-button:active {

    background: #fff;

}

.sidebar-open-button-mobile {

    color: #fff;

}

.sidebar-open-button-mobile:hover, .sidebar-open-button-mobile:active {

    background: #fff;

}

.changelogs .list {

    font-size: 16px;

    color: #399bff;

    font-weight: 700;

	border-left: 2px solid #F44336;

}

body {

    line-height: 1em;

    background: #244f81;

	}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

    padding: 2px;

    line-height: 1.2;

    font-size: 14px;

}

@media screen and (min-width: 760px){

.login-form {

    width: 460px;

	}

	.sidebar {

    width: 200px;

	}

	.applogo {

    width: 200px;

	}

.content {

    margin-left: 200px;

    min-height: 768px;

}

.container-padding {

    padding-left: 0px;

    padding-right: 0px;

}

}

.form-horizontal .control-label {

    text-align: left;

}

.form-control {

    height: 30px;

	    padding: 3px 6px;

}

.form-group {

    margin-bottom: 6px;

}

.panel-title {

    font-size: 14px;

    padding: 8px 20px;

    margin: -20px;

    margin-bottom: 0px;

	}

.content {

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 65px;

	}

.panel {

    margin-bottom: 10px;

	}

	table.dataTable thead th, table.dataTable thead td {

    padding: 0px 10px;

    border-bottom: 1px solid #ccc;

}

.footer {

    margin-left: -15px;

    margin-right: -15px;

	}

table.dataTable tbody th, table.dataTable tbody td {

    padding: 2px 5px;

}

#page-mask {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background-color: rgba(0,0,0,0.6);

}

.table-responsive {

overflow-x: visible ; 

}

.social-stats {

    color: rgba(0,0,0,0.9);

    background: rgba(255,255,255,0.7);

	width: 75%;

	bottom: 10px;

	right: 25px;

}

.social-stats li {

    width: 100%;

    padding: 3px 5px;

}

.social-stats li b {

    font-weight: 600;

    padding: 7px;

}

.social-stats li b {

    display: block;

    font-weight: 500;

    font-size: 13px;

}

@media (min-width: 1441px)  {

.pic-view img{

    height: 400px;

    width: 360px;

    margin: 10px;

	}

.social-stats {

    color: rgba(0,0,0,0.9);

    background: rgba(255,255,255,0.7);

	width: 75%;

	bottom: 10px;

	right: 25px;

}

	}

@media screen and (max-width: 1300px) and (min-width: 991px) {

.pic-view img{

    height: 400px;

    width: 230px;

    margin: 10px;

	}

	.social-stats {

    color: rgba(0,0,0,0.9);

    background: rgba(255,255,255,0.7);

	width: 75%;

	bottom: 10px;

	right: 25px;

}

	}

@media screen and (max-width: 1440px) and (min-width: 1301px) {

.pic-view img{

    height: 400px;

    width: 310px;

    margin: 10px;

	}

.social-stats {

    color: rgba(0,0,0,0.9);

    background: rgba(255,255,255,0.7);

	width: 75%;

	bottom: 10px;

	right: 25px;

}

	}

@media screen and (max-width: 760px){

input[type='text'] {

    margin-bottom: 10px;

}

.login-form {

    width: 340px;

    padding-top: 1px;

}

}

.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 6px solid;

    border-right: 6px solid transparent;

    border-left: 6px solid transparent;

}

@media screen and (max-width: 444px) and (min-width: 260px) {

.pic-view img{

    height: 350px;

    width: 250px;

    margin: 10px;

	}

.social-stats {

    color: rgba(0,0,0,0.9);

    background: rgba(255,255,255,0.7);

    width: 80%;

    bottom: 10px;

    right: 0px;

}

}

@media screen and (max-width:990px ) and (min-width: 445px) {

.pic-view img{

    height: 400px;

    width: 330px;

    margin: 10px;

	}

.social-stats {

    color: rgba(0,0,0,0.9);

    background: rgba(255,255,255,0.7);

    width: 40%;

    bottom: 10px;

    left: 25px;

}

}

	

@import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Belleza);

#container {

	width: 320px;

  height: 240px;

  background-color: #126697;

  text-align: center;

  h1 {

  	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;

    color: white;

    text-shadow: 0px -2px 0px #000;

  }

#popup {

	position: Fixed;

	bottom: 1000px;

	left: 20.8%;

	width: 208px;

	height: 80px;

	padding: 10px;

	background-color: #fd4703;

    background-image: linear-gradient(top, #f97d4f 0%,#fc5d23 50%,#fd4703 51%,#fd4703 100%);

	border: 2px solid #00234C;

	-webkit-border-radius: 5px;

	z-index: 9999;

	text-align: center;

	-webkit-box-shadow: 10px 10px 30px #333, -10px -10px 30px #333, -10px 10px 30px #333, 10px -10px 30px #333;

} 

h4 {

    color: white;

    text-shadow: 0px -2px 0px #00234C;

    font-size: 18px;

    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;

    margin-top: 0;

    margin-bottom: 0;

  }  

  p {

	   color: white;

    text-shadow: 0px -2px 0px #00234C;

    font-size: 12px;

    font-weight: bold;

    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;

  }  

  .popup-close-icon:after {

    position: absolute;

    content: '';

    height: 0px;

    width: 0px;

    left: 43%;

    bottom: -20px;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-top: 20px solid #FD4703;

    z-index: 9999;

  }

}

.popup-close-icon {

	position: absolute;

	width: 0px;

	right: 20px;

	top: 0px;

	font-size: 24px;

  font-weight: bolder;

	color: white;

	text-shadow: 0px -1px 1px #00234C;

	cursor: pointer;

}

#popup:after, #popup:before {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

#popup:after {

	border-color: rgba(253, 71, 3, 0);

	border-top-color: #fd4703;

	border-width: 12px;

	margin-left: -12px;

}

#popup:before {

	border-color: rgba(0, 0, 0, 0);

	border-top-color: #000;

	border-width: 18px;

	margin-left: -18px;

}

  #top {

    background: #244f81;

}

.sidebar {

    background: #244f81;

}

.sidebar-panel li a {

    display: block;

    color: #fff;

}

.sidebar-panel li a .caret {

    top: 15px;

}

hr {

    margin-top: 0px;

    margin-bottom: 10px;

}

h6 {

	font-weight: 600;

	font-size: 1.1em;

	padding-left: 15px;

}

 h4,h6 {

    margin-top: 10px;

    margin-bottom: 5px;

 }

 .dataTables_wrapper {

    overflow: auto;

	height: 550px;

}

input, select {

    height: 25px;

	background: #f9f9f9;

}

select.input-sm {

    height: 25px;

	background: #f9f9f9;

}

.form-control {

    height: 25px;

	background: #f9f9f9;

}

.form-horizontal .control-label {

    padding-top: 0px;

}

.topmenu {

    padding-left: 20px;

}