/* logo  */
.skin-blue .main-header .logo{
 background-color: rgb(255,255,255);  /*  #007AA9; */
 box-shadow: -3px 0 rgba(0, 0, 0, 0.15) inset;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
/* Sidemenu */
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side  .menuSideBar{
	 background-color: #2c348d;  /* #0098D3;  #2e3191;  */
	 
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
	background-color:  #b11116;   /*  rgba(0,0,0,0.2);  #2e3191 */
	
}
.skin-blue .main-header .logo:hover{
	background-color: #fff;
}
.menuSideBar{
	background-color: #2c348d;
}

.sideMnu {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	 border-top: 1px solid rgba(255, 255, 255, 0.1);
}


.lgtBlu{
	background-color: #e3eaf3;
}



/* css for dashboard content */
.col-xs-9 {
    width: 75%;
}

.flex-children {
    display: flex;
}
.center-body-content {
    overflow: auto;
}
.dash-tot {
    background-color: #EFA300;
}

.dash-col {
    border: 1px;
    border-radius: 15px;
    display: inline-block;
    !margin: 10px;
    vertical-align: top;
    !width: 30%;
}
.feat-plinecor {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 20px;
    padding: 4px;
    width: 90%;
    margin: 15px auto;
}

.conwte {
    color: #000 !important;
    text-transform: uppercase;
}
.center-title {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
body .table {
    box-sizing: border-box;
    display: table;
}

.col-xs-12 {
    !width: 100%;
}

.dash-com {
    background-color: #329036;
}

.dash-col {
    border: 1px;
    border-radius: 15px;
    display: inline-block;
    !margin: 10px;
    vertical-align: top;
    !width: 30%;
}

.dash-round-cont {
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    height: 150px;
    line-height: 140px;
    margin: 0 auto;
    text-align: center;
    width: 150px;
}
.dash-pen {
    background-color: #F97440;
}

.dash-col {
    border: 1px;
    border-radius: 15px;
    display: inline-block;
    !margin: 10px;
    vertical-align: top;
    !width: 30%;
	height: 475px;
	border-right: 5px solid #eee;
    border-left: 5px solid #eee;
	margin: 10px 0px;
}

a.no-link:hover div.table-cell, a.no-link:hover div.table-cell label.label-text {
    cursor: pointer;
}

.fontubuntu {
    font-family: 'Ubuntu', sans-serif;
}
.block {
    display: block;
}
.label-text {
    display: inline-block;
    padding: 3px 10px;
    vertical-align: top;
    color: rgba(0,0,0,0.5);
}
label {
    font-size: 14px;
}
.table .table, .table.bgtrp {
    background-color: #f7d17f;
}
body .table {
    box-sizing: border-box;
    display: table;
}

.col-xs-12 {
    !width: 100%;
}

/*  Jobcalls  */
.brdr {
    border-top-color: #b11116 !important;  /*  #ef383f #b11116*/ 
}
.left-title {
    color: #2c348d; /*  #0098D3; */
    margin: 0;
    padding: 0;
    text-align: left;
	font-size:30px;
}
.custDtl {
	
}
.txtCntr {
/*	text-align: center;
	padding-left: 140px;  */
	float: right;
    padding-right: 424px;
}
.btn.btn-info.pull-right.btnSubmit {
	float: right !important;
}
.btn-info {
	background-color: #2c338c;
	border-color: #2c338c;
}
.btn-link i {
    color: #365ebf;
}


/** Login container **/

.login-main
{
    display:block;
    padding-top:30px;
    height:100%;
    width:100%;
    text-align:center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#799bc8+0,99b5db+18,afc7e8+51,c8d7eb+74,d2dfed+100 */
    background: white;  /*  url(../images/bg1.jpg) no-repeat center center/100% 100% #517c9c; */
  /*  min-height:1000px; */
}
.login-cont
{
    display:block;
    width:500px;
    position:absolute;
    left:0;
    right:0;
    top:15%;
    margin:0 auto;
    text-align:center;
}

.logo-cont
{
    height:150px;
    width:150px;
    margin:0 auto;
    background:rgba(255,255,255,0.5);
    border:1px solid #fff;
    padding:10px;
    border-radius:50%;
}
/*
.logo-cont img
{
    width:100%;
    height:120px;
}
*/
.login-form
{
    padding:15px;
}
.login-form-cont
{
    text-align:center;  
      
}

.login-form-ul
{
    width:80%;
    margin:10px auto;    
}
.login-form-ul li
{
    display:inline-block;
    vertical-align:top;
    
}
.login-form-ul li:first-child
{
    font-weight:bold;
    font-size:13px;
}
.sub-title
{
    color:#0098d3;
}
.input-box
{
    border:1px solid rgba(0, 0, 0, 0.2);
    background:transparent;
    font-size:13px;
    color:#12A5E3;
    line-height:26px;
    vertical-align:top;
    padding:0 5px;
    
}

textarea.input-box
{
  /*  background:url("../images/textarea-bg.png") repeat scroll 0 0 #fff;  */
    margin-top:0px;
    height:90px;
    border:none;
    min-height:30px;
    font-size:13px;
    line-height:20px;
    padding:3px;
    resize:none;
    
}

.login-input
{
    width:240px;
    text-align:left;
    color:#fff;
}
.left-menu
{
    overflow-x:hidden;
    overflow-y:auto;
}
.input-button
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,7db9e8+100 */
    background: #12A5E3;
    display:inline-block;
    color:#fff !important;
    text-decoration:none !important;
    border:none;
    min-width:70px;
    font-weight:bold;
    font-size: 12px;
    padding:5px;
    line-height:20px;
    text-align:center;
    border-radius:2px;
    border:1px solid rgba(0,0,0,0.1);
    margin:20px;
}
.input-button:hover
{
    background:#0098d3;
}
.input-button.input-button-white
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    color:#333 !important;
}
.input-button.input-button-white:hover
{
    background:#e5e5e5;
}
.input-button-white i
{
    color:#333 !important;
}
.link
{
    color:#12A5E3;
}
.forgot-link
{
    font-size:11px;
    text-decoration:underline;
}
.form-error-msg
{
    display:block;
    padding:5px;
    color:red;
    font-size:10px;
}
.sideMnu > a {
    color: #fff;
}
.sideMnu:hover{
	background-color:  #b11116;
}
.loadingCont{
	display:flex;
	height:100vh;
	width:100%;
	text-align:center;
	justify-content:center;
	align-items:center;
	color:#00a65a;
	flex-flow:column nowrap;
}

.loadingTxt{
	font-size:13px;
	font-family:arial;
	font-weight:bold;
	padding:0;
	text-align:center;
	display:block;
	padding-top:10px;
}
.loginbtn{
	background-color:#2c338c;
}
.loginbtn:hover{
	background-color:#2c338c;
}
.logoutbtn{
	background: #2c338c none repeat scroll 0 0 !important;
    border-radius: 4px;
    color: #fff !important;
    font-size: 15px;
    margin: 0 auto;
    text-align: center;
    width: 100px;
}
.padding0px{
	padding:0px;
}
.iconpadd{
	padding:0px 5px;
}
/*#techniciansTable_filter {
    margin-right: 320px;
}
#jobassigntable_filter {
   display: inline-block;
   text-align: left;
   width: 210px;
}*/
.boxDta{
	text-align: center;
    font-size: 16px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 210px;
	z-index: 99;
}
/*#outboundTable_filter {
	  margin-right: 320px;
}*/
#jobstatus_filter{
	margin-right: 10px;
}
.disabled{
    pointer-events:none;
    opacity:0.8;
}
.formMsg{
    display:none;
    padding:5px 10px;
    margin:0 auto;
    text-align:center;
    margin:10px auto;
    border-radius:4px;
}
.formMsg.error{
    display:block;
    background:rgba(255,0,0,0.2);
    color:rgba(0,0,0,0.8);

}
.formMsg.success{
    display:block;
    background:rgba(0,255,0,0.2);
    color:rgba(0,0,0,0.8);
}
.form-control.error{
    color:#f6504d !important;
    border-color:#f6504d !important;
    box-shadow: 0 0 0 !important;
}
.errorTxt{
	color:#f6504d !important;
}
.jobassignbtn
{
	background:#2c338c
}
.txtcenter{
	text-align:center;
}
/** New login container **/
/*
.login-input-cont {
    border: 2px solid rgba(255,255,255, 0.4);
    margin: 10px auto;
    overflow: hidden;
    width: 300px;
}
.login-input-cont i {
    background: rgba(255,255,255, 0.4) none repeat scroll 0 0;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 35px;
    width: 40px;
    color:rgba(0,0,0,0.3);
}
.login-input-cont .input-box {
    display: inline-block;
    float: left;
    line-height: 35px;
    letter-spacing:0.7px;
    margin-left: 0;
    width: 256px;
    font-size:16px;
    border:none;
}
.login-button {
    background: transparent none repeat scroll 0 0;
    border: 2px solid rgba(255,255,255, 0.4);
    font-weight: bold;
    min-width: 120px;
    padding: 7px 20px;
    text-transform:uppercase;
    color:#fff;
}
.login-button:hover
{
    background:rgba(255,255,255,0.5);
    transition:all 0.2s 0s ease;
}
div#message
{
    min-height:25px;
    line-height:25px;
    color:#fff;
}
.rotate0deg
{
    transform:rotate(0deg);
    transition:transform 0.2s 0s ease-in-out;
}
.rotate45deg
{
    transform:rotate(135deg) !important;
    transition:transform 0.2s 0s ease-in-out;
}
.padding15px
{
    padding: 15px;
}
.table
{
    display:table;
    width:100%;
}
**/
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.file-upload {
    display: none;
}
.circle {
    border-radius: 1000px !important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 8px solid rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 72px;
}
img {
    max-width: 100%;
    height: auto;
}
.p-image {
  position: absolute;
  top: 167px;
  right: 30px;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
select {
    width: 10cm;
    height: 1cm;
    /* margin: 10px; */
}
a.input-class.button {
    background: #12A5E3;
    /* display: inline-block; */
    color: #fff !important;
    text-decoration: none !important;
    border: none;
    min-width: 70px;
    font-size: 12px;
    padding: 6px 10px;
    line-height: 33px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0px 5px 0px 0px;
}
.table-cell.pad5px.col-xs-2 {
    display: contents;
}
.CustData{
	color: black;
    font-weight: bold;
}
.CustPrint{
	float:right;
	width:50%;
}

#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 25%;
 justify-content:center;
  position: absolute;
  
}
a.JYesdy * {
    cursor: pointer;
}
a.Comdy *{
	cursor: pointer;
}
a.Penday *{
   cursor: pointer;	
}
a.outJYesdy *{
	cursor: pointer;	
}
a.outComdy *{
	cursor: pointer;
}
a.outPenday *{
	cursor: pointer;
}
.addNewRecord {
    background-color: #0000FF !important;
    color: #ffffff !important;
}
.excelsheet {
    font-size: 20px;
    color: green;
    padding-left: 98px;
    position: absolute;
    z-index: 999;
    top: 54px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:0 !important;
}
@media (max-width:768px){
	.boxDta{
		position:relative !important;
	}
}