/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
body {
/*background-color: #111842;*/
background: url(../images/bg.jpg);
}
#wrapper {
width: 100%; 
/*background: #0d0c0a url(../images/sidebar-1.jpg);*/
background:#fff;
background-repeat:no-repeat;
box-shadow: 0 0 1px 4px rgba(0,0,0,0.1);
}
.pagination-btm
{
margin: 0 40%;
padding-bottom: 10px;
}
.pagination-btm:last-child a {
    background: #333;
}
.pagination-btm strong {
	background: #277cbb;
    padding: 5px 10px;
    color: #fff;
}
.pagination-btm a {
	background: #fff;
    padding: 5px 10px;
    color: #333;
	border:1px solid #ddd;
}
#page-wrapper {padding: 0 15px;  min-height: 568px; background-color:#fff;}
.login-page{background:#2d286b}

.login_page {background:#1d3a61;}
.page_bg {
background: url('https://www.softechinfosol.com/manage-development/assets/images/loginbg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:absolute; left:0; top:0; right:0; bottom:0;
}

.page_bg2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#136a95+0,072e41+100 */
background: rgb(19,106,149); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(19,106,149,1) 0%, rgba(7,46,65,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(19,106,149,1) 0%,rgba(7,46,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(19,106,149,1) 0%,rgba(7,46,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136a95', endColorstr='#072e41',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position:absolute; left:0; top:0; right:0; bottom:0;}
.tootips{ position:relative;text-align:center; text-decoration:none;}
.tootips span{position:absolute; top:-28px; left:-70px; width:145px; text-align:center; border-radius:3px; background:#000; font-size:12px; color:#fff; padding:4px 6px; visibility: hidden;}
.tootips .fa{ min-width:14px; min-height:16px; display:inline-block;}
.tootips span:after {top: 100%;left: 50%; border: solid transparent;content: " ";	height: 0;width: 0;	position: absolute;	pointer-events: none;border-color: rgba(0, 0, 0, 0);border-top-color: #000000;	border-width: 5px;	margin-left: -5px;}
.tootips:hover span{visibility: visible;}

#side-menu > li.active> a:first-child{ background:#18B5C2; color:#fff;}
.stetmentbtn {background:#edecec; color:#444;font-size:13px; height:28px;line-height:22px;margin-top: 0; padding: 3px 7px; cursor:pointer; text-decoration:none !important; outline:none !important;}
.stetmentbtn:hover{ background:#277CBB; color:#fff;}

.tableboxs{ background:#F4F4F4; padding-top:15px;padding-bottom:15px; margin-bottom:15px;}
.tableboxs .table{ margin:0;}
.payshow.table{}
.tableboxs .table th{ background:#003D6E;}
.tableboxs .table th, .tableboxs .table td{ border:1px solid #F4F4F4; }
.tableboxs .table tr:nth-child(2n) {background: #fff;}
.payshow{ width:100%;}
.payshow.table th{ background:#f9f9f9; color:#000;}
.stetmentbtn .fa-angle-up, .stetmentbtn.activelink .fa-angle-down{ display:none;}
.stetmentbtn .fa-angle-down, .stetmentbtn.activelink .fa-angle-up{ display: inline-block;}

.table.reddiv th{ background:#CC0069;}
.table.green th{ background:#6ABF3D;}
.table.yellow th{ background:#F5D272; color:#000;}

@media(min-width:768px) {
    #page-wrapper {
		position: inherit; 
		margin: 0 0 0 200px; 
		padding: 0 10px; 
		border-left: 1px solid #e7e7e7;
		background: #f3f3f3;
		height:auto;
		}
}

.navbar-top-links {margin-right: 0;}
.navbar-top-links li {display: inline-block;}
.navbar-top-links li:last-child {margin-right: 15px;}
.navbar-top-links li a {padding: 13px; min-height: 48px;}
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px; min-height: 0;}
.navbar-top-links .dropdown-menu li a div {white-space: normal;}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {width: 310px;  min-width: 0;}
.navbar-top-links .dropdown-messages {margin-left: 5px;}
.navbar-top-links .dropdown-tasks {margin-left: -59px;}
.navbar-top-links .dropdown-alerts {margin-left: -123px;}
.navbar-top-links .dropdown-user {right: 0; left: auto;}
.sidebar .sidebar-nav.navbar-collapse {padding-right: 0; padding-left: 0;}
.sidebar .sidebar-search {padding: 15px;}
.sidebar ul li {/*border-bottom: 1px solid #e7e7e7;*/}
.sidebar li ul{ }


.sidebar .arrow {float: right;}
.sidebar .fa.arrow:before {content: "\f104";}
.sidebar .active>a>.fa.arrow:before {content: "\f107";}
.sidebar .nav-second-level li, .sidebar .nav-third-level li {border-bottom: 0!important;}
.sidebar .nav-second-level li a {padding-left: 4px;}
.sidebar .nav-third-level li a {padding-left: 52px;}
.logo{height:35px; width:auto}

@media(min-width:768px) {
    .sidebar {z-index: 1; position: absolute; width: 200px; margin-top:48px;background: #fff; }
    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {margin-left: auto;}
}

.btn-outline {color: inherit; background-color: transparent; transition: all .5s;}
.btn-primary.btn-outline {color: #428bca;}
.btn-success.btn-outline {color: #5cb85c;}
.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}
.btn-danger.btn-outline {color: #d9534f;}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {color: #fff;}
.chat {margin: 0; padding: 0; list-style: none;}
.chat li {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999;}
.chat li.left .chat-body {margin-left: 60px;}
.chat li.right .chat-body {margin-right: 60px;}
.chat li .chat-body p {margin: 0;}
.panel .slidedown .glyphicon, .chat .glyphicon {margin-right: 5px;}
.chat-panel .panel-body {height: 350px; overflow-y: scroll;}


.loading{position: absolute;left: 235px; top: 0; right: 0; bottom: 0;z-index: 2;background: rgba(255,255,255,0.7); height:1000px !important;}
.loading .content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;}
/*.login-panel { background:rgba(33, 126, 196, .9); border-radius:15px; border-color:#217ec4; position:fixed; left:50%; overflow:hidden; top:50%; width:450px; height:310px; margin-left:-225px; margin-top:-130px; z-index:9}*/

.login-panel {
    position: fixed;
    left: 50%;
    overflow: hidden;
    top: 50%;
    width: 450px;
    height: 320px;
    margin-left: -225px;
    margin-top: -160px;
    z-index: 9;
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 17px 0 rgb(0 0 0 / 10%);
}

.login_btn {background:#0f85c0 !important; border-color:#0f85c0;}

.login-panel > .panel-heading{ background:none}
.flot-chart {display: block; height: 400px;}
.login-panel .login-logo{ height:60px;}
.flot-chart-content {width: 100%; height: 100%;}
.dataTables_wrapper {position: relative; clear: both;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {background: 0 0;}
table.dataTable thead .sorting_asc:after {content: "\f0de"; float: right; font-family: fontawesome;}
table.dataTable thead .sorting_desc:after {content: "\f0dd"; float: right; font-family: fontawesome;}
table.dataTable thead .sorting:after {content: "\f0dc"; float: right; font-family: fontawesome; color: rgba(50,50,50,.5);}
.btn-circle {width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429;}
.btn-circle.btn-lg {width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33;}
.btn-circle.btn-xl {width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33;}
.show-grid [class^=col-] {padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee!important;}
.show-grid {margin: 15px 0;}
.huge {font-size: 40px;}
.panel-green {border-color: #5cb85c;}
.panel-green .panel-heading {border-color: #5cb85c; color: #fff; background-color: #5cb85c;}
.panel-green a {color: #5cb85c;}
.panel-green a:hover {color: #3d8b3d;}
.panel-red {border-color: #d9534f;}
.panel-red .panel-heading {border-color: #d9534f; color: #fff; background-color: #d9534f;}
.panel-red a {color: #d9534f;}
.panel-red a:hover {color: #b52b27;}
.panel-yellow {border-color: #f0ad4e;}
.panel-yellow .panel-heading {border-color: #f0ad4e; color: #fff; background-color: #f0ad4e;}
.panel-yellow a {color: #f0ad4e;}
.panel-yellow a:hover {color: #df8a13;}
.navbar-default{background:#fffffff !important}
.navbar-brand{ height:auto; padding:6px 15px}
.table th{ background:#18B5C2; color:#fff;}
.table tr:nth-child(even) {background:#f9f9f9;}
.table tr:nth-child(odd) {background:#fff;}
.form-group label{display:block}
.panel-heading{border-color:#035da0 !important; color:#2a2370 !important; font-size:20px;}
.form-group .select-style{width:100%}
.bottomMarginNone{margin-bottom:0px;}
.inputTxt, .select-style{background-color:#fff;background-image:none;border: 1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;color:#555;display:block;font-size:14px;height:34px;line-height:1.42857;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:280px;}
.inputTxtArea{width:650px;background-color:#fff;background-image:none;border: 1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;color:#555;display:block;font-size:14px;line-height:1.42857;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.inputTxt:focus, .inputTxtArea:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline:0 none;}
.resetBottn{background:#c60303;color:#fff;border:0px;border-radius:5px;padding:6px 17px;width:100px;}
.resetBottn:hover{background:#e90505;}
.submitBottn{color:#fff;border:0px;border-radius:5px;padding:6px 17px;background:#337ab7;width:100px;}
.submitBottn:hover{background:#3490df;}
.calanderImg{position:absolute;right:8px;bottom:10px;}
.callenderImg{position:absolute;left:263px;bottom:18px;}
.txt .darkpink1{background-color:#fff;border:1px solid #ddd;color:#337ab7;float:left;line-height:1.42857;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none;}
.txt .darkpink1:hover{background-color:#eee;border-color:#ddd;color:#23527c;z-index:2;}
.txt .active1{background-color:#337ab7;border:1px solid #ddd;color:#fff;cursor:default;z-index:3;float:left;line-height:1.42857;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none;}
.pagniationLink{background-color:#fff;border:1px solid #ddd;color:#337ab7;float:left;line-height:1.42857;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none;}
.pagniationLink:hover{background-color:#eee;border-color:#ddd;color:#23527c;z-index:2;}
div.txt{display:inline-block}
.text-blue{color:#337ab7}
.login-panel .form-group{ margin:0 0 25px;}
.login-panel .panel-heading{ margin-bottom:10px;}
.nav-second-level{}
.nav-second-level.collapse li{/*border-bottom:1px solid #e5e5e5 !important*/}
.nav-second-level.collapse li:last-child{ border-bottom:none !important}
.required{color:#F00}
.error {color: red;font-size: 12px;}
.add-data-btn{background:#337ab7; border-radius: 6px; float: right; font-size:13px; padding:5px 7px; transition:background .5s}
.add-data-btn:hover{background:#01b7f2}
.add-data-btn a{color:#fff}

.header{background:url(../../images/bg-header.jpg) no-repeat; background-size:cover; color:#fff; font-size:20px; line-height:55px; padding:15px 0;}

.login-page{ background:url(../../images/bg.jpg) no-repeat; background-size:cover}
.login-page .header{ position:absolute; z-index:99; width:100%}
.login-page-overlay{background:rgba(256, 256, 256, .5); position:absolute; z-index:1; height:100vh; width:100%}
.login-panel .form-control{height:auto; padding:10px 12px}
.login-panel .btn-lg{ background:#003567; font-size:15px; padding:10px 16px;}
.login-panel .panel-body{padding:20px 15px;}
.login-panel .panel-heading{padding:15px;}

.panel-title{color:#ffffff; font-size:20px; margin-bottom:7px;}
.panel-subtitle{color:#f1f1f1; font-size:14px;}

.btn-back
{
text-align: center;
margin-top: 2%;
position: absolute;
width: 70%;
	
}



.sidebar.navbar-default{ }
.sidebar .nav > li > a{
color:#333; 
outline:none; 
/*background:#27327C;*/
border-bottom: 1px solid #eee; 
text-transform:uppercase; 
font-size:11px;
font-weight:600;
font-family: 'Ubuntu', sans-serif;    
	
} 
/*.sidebar li.active .nav > li > a{ color:#277CBB;}*/
.sidebar li.active .nav > li > a.active{color:#003D6E;}
.sidebar .nav > li > a:hover{ background:#eee;}
.sidebar .nav > li > a:focus{ background:none;}
.sidebar ul > li > ul > li > a.active, .sidebar .nav > li > ul > li a:hover {background-color: #EDECEC;
    color: #27327C;}
.navheader{background:#fff;}
.navheader .navbar-right a.dropdown-toggle{ color:#333;}
.navheader .navbar-right a.dropdown-toggle:hover, .navheader .navbar-right a:focus{ background:#eee;}
.main-table-box
{ 
font-size:13px;
background: #fff;
padding: 10px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0.23);
}
#frmOperator { background:#fff; padding:10px; }
#frmAInvoice { background:#fff; padding:10px; }
#frmAdmin { background:#fff; padding:10px; }
#ocat { background:#fff; padding:10px; }
#frmPayment { background:#fff; padding:10px; }
#frmSchedule { background:#fff; padding:10px; }

.export a {background:#277cbb; text-decoration:none; border-radius: 3px; color: #fff; display: inline-block; margin-bottom: 5px; padding: 5px 10px;}
.export a:hover{background:#003d6e;}
.btn-success{background:#277cbb; border-color:#277cbb;}
.btn-success:hover{background:#003D6E; border-color:#003D6E;}
.alert.alert-success{ padding:5px 15px; margin-bottom:5px;}

.wrapper{ background:#fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; margin: 0 auto;
    padding: 0 30px;
    position: inherit;}

.header-text-right{ color:#333; font-size:16px;}

@media(max-width:768px) {
.navheader .navbar-top-links li{ float:right;}

}