.marginLeft{
	margin-left:10px;
}

.buttonContainer{
	margin-top:10px;
}
.errorClass{
	color:red;
}
.formContainer{
	margin-left:30px;
}
.successClass{
	color:green;
	padding-left: 20px;
}
.floatRight{
	float:right;
}

.buttonMargin{
	margin-bottom:20px;
	margin-right:20px;
}
.jobs-table
{
	overflow: scroll;
}

.jobs-table {
  width: 100%;
}
.jobs-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-control-label{
	width:120px;
}

.custom-modal-h3{
	margin-top:0;
	color:#3c8dbc;
	font-weight:bold;
	font-size:21px;
}
/***********/
.labelTh{
	width:130px;
}
.divLeft{
	float:left;
}
.sortIcons{
	width:12px;
	float: right;
}
.ascen{
	/*height: 2px;*/
}
.descend{

}
.switchLink, .switchLink:hover{
	color:white;
}
/*css for input type file*/

label.myLabel input[type="file"] {
  position: fixed;
  top: -1000px;
}
.myLabel {
  border: 2px solid #367fa9;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 2px;
  background: #367fa9;
  display: inline-block;
  color:#fff;
}
.myLabel :invalid + span {
  color: #fff;
}
.viewLink{
	margin-left:10px;
}
.loading-image{
	color:red;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
.content{
	background:#fff !important;
}
.skin-blue .sidebar > .sidebar-menu > li{
	 border-bottom: 1px solid #05a9cf;
	 background: #f8f8f8 !important;
}
.cc-a{

}

.rb--aside-icon{

}

.rb--aside-text{

}
/*added sidebar css*/
aside .rb--aside-container > ul {
  padding: 0;
  margin: 0;
}
aside .rb--aside-container > ul > li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #cccdcf;
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
  background: #05a9ce !important;
}
aside .rb--aside-container > ul > li .rb--aside-icon {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
  width: 18%;
  border-right: 1px solid #CCCE23;
  padding: 14px 0;
  background: #05a9ce none repeat scroll 0 0;
}
aside .rb--aside-container > ul > li .rb--aside-icon i {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 1px;
  color: #222222;
}
aside .rb--aside-container > ul > li .rb--aside-text {
  width: 82%;
  display: inline-block;
  float: left;
  text-align: left;
}
aside .rb--aside-container > ul > li .rb--aside-text a {
  margin: 0;
  font-weight: 700;
  position: relative;
  top: 0;
  color: #fff;
  padding: 13px 20px;
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.user-panel{
	border-bottom: 1px solid #cccdcf;
}
.left-side{
	border-right: 1px solid #cccdcf;
}
span.requiredS{
	color:red;
	padding-left: 5px;
}
.avatarIcon{
	height:50px;
	width:50px;
}
.avatarIconImg{
	border-radius:20px;
}
/*color combination updated*/
.custom-img-circle-yellow
{
	border:3px solid #05a9ce !important;
}
.custom-bg-light-yellow{
	background-color:#f2ce18 !important;
}
.logo-admin{
	height: 40px;
	margin-top: 6px;
}
.custom-logo-yellow{
	background-color:#f2ce18 !important;
}
.custom-nav-yellow{
	 background-color: #f2ce18 !important;
	 color: #fff !important;
}
.custom-left-side-nav{
	background:#05a9ce none repeat scroll 0 0 !important;
	box-shadow: 11px -4px 6px -9px rgba(0,0,0,0.75) !important;
	border-right:none !important;
}
.custom-img-circle{
	border:none !important;
}
.custom-user-footer
{
	background:#05a9ce !important;
}
.custom-header-admin{
  box-shadow: 0px 5px 1px 0px rgba(0,0,0,0.75);
  background-color: #f2ce18 !important;
 }
 .skin-blue .right-side > .content-header {
  background: #05a9ce;
}

.right-side{
	 background: #fff;
}
h1 small{
	color:#fff !important;
}
h1 small a{
	color:#f2ce18;
}
.breadcrumb>li+li:before{
	color:#fff !important;
}
.sortIcons {
  width: 12px;
  float: right;
  margin-top: 7px;
}
.sorticons a {
  display: block;
  clear: both;
  margin-bottom: 2px;
}
.sortIcons a i {
  height: 7px;
  display: block !important;
  line-height: 5px !important;
  font-size: 16px;
  color:black;
}
.sortIcons i::before {
  line-height: 1px;
  display: block;
  height: 0px;
  padding: 0 !important;
}

/*get multi select css*/
.demo-section {
	width: 350px;
	min-height: 140px;
}
.demo-section h2 {
	font-weight: normal;
}
.demo-section label {
	display: inline-block;
	margin: 15px 0 5px 0;
}
.demo-section select {
	width: 350px;
}
#get {
	float: right;
	margin: 25px auto 0;
}
.thumbImg{
	height:70px;
	width:70px;
}
.displayNone{
	display:block;
}
.custom-modal-h4{
	font-size:19px;
}
/*for all job info modal*/
.modal-header-added{
	padding-bottom: 44px;
}
.custom-head-modal{
  width: 113px;
  float: left;
  color: #f2ce18;
  font-size: 23px;
 }
 .TrackNo{
	width: 50%;
  float: left;
  font-size: 21px;
 }
 .custom-thead {
  /*background-color: #428bca;
  border: 1px solid black;*/
}
.bef_pics{
	height:30px;
	width:30px;
	border:3px solid black;
}
.highlightedTr{
	background-color:#f2ce18 !important;
}
.displayNoneBlock{
	display:none;
}
.box-no-shadow{
	box-shadow: none;
}
.btn-add-padding{
	padding: 9px 12px;
}
.content{
	min-height: 746px;
	padding-bottom: 218px;
}
div.popover.my-custom-class{
    max-width: 650px;
    min-width: 650px;
}

/*added css for table th fixed*/

section {
  position: relative;
  padding-top: 37px;

}
section.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
  box-shadow: 0 0 15px #333;
}
.containerTable {
  overflow-y: auto;
  height: 400px;
}
.containerTable table {
  border-spacing: 0;
  width:100%;
}

.containerTable table th {
    border: medium none;
    color: transparent;
    height: 0 !important;
    line-height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    white-space: nowrap !important;
}
.containerTable table th div{
  position: absolute;
  color: #000;
  padding: 9px 25px;
  top: 0;
  margin-left: -25px;
  line-height: normal;
}
th:first-child div{
  border: none;
}
.more-promin{
	font-weight:bold !important;
}
.more-promin span{
	font-weight:normal;
	font-size:14px;
	color:red;
}
.box-body.chat.notes-box {
    max-height: 400px;
    overflow-y: auto;
}
.paymentList{
	width:100%;
	margin-bottom:10px;
}

.paymentList thead {
    border-bottom: 1px solid gray;
}
.paymentList thead tr th,.paymentList td {
    padding-bottom: 5px;
}
div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
    overflow: auto;
}

/*to make the payment term dropdown disable*/
.inactive{
    position: relative;
    background: none;
    height: 100px;
    z-index: 100;
}
.inactive > select {
    position: relative;
    z-index: -1;
}

/*Upload Button CSS*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file1, .btn-file2{
	width:81px !important;

}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/*Image with delete icon container*/
.multipleImg{
	width:50px;
	float:left;
	text-align:center;
	margin-right:2px;
}
.imgPortContainer,.deleteImage{
	width:48px;
	float:left;

}
.deleteImage{
	color:red;
}

.listPaymentOther{
	width:100%;
}
.payTr,.payBody{
	width:100%;
	float:left;
}
.payHeader .payTr{
	border-bottom:1px solid gray;
	padding-bottom: 29px;
}
.payHeader{
	width:100%;
	font-weight:bold;
}
.payTd{
	width:16%;
	float:left;
	padding-top:2px;
}
.totalAmo .payTd{
	border-top:1px solid gray;
	padding-top:10px;
}
.left-side.sidebar-offcanvas.custom-left-side-nav {
    position: absolute;
}
.cc-a.active {
    background: #f2ce18 none repeat scroll 0 0 !important;
}

.required-text{
    color: red;
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
    display: none;
}
.templateDiv{
    width:30%;
    float: left;
}

.mce_jqueryspellchecker .mceIcon {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHtSURBVDjLY/j//z8DJZiBKgY49drM9J3idhLEtu+xjvea4nLNqsVspnWr2S6QmF6+Zol2ltpq5QSlmcpxijMxDABp9pjkuMuu28rIpsMi3rLZFKzIus38mm6OuqRxpf41nC5w7rOJd+i1ngnUXGLTbj7Tsskk3rbL8ppZreEu7Ry1mWpJSvHK8Uoz0TWK5U/nYIg8y8rgPsl+l12P1WqgbTPdJtk/AtoWb1CkBdagnqyyWilawVM/Rw/FBQyx540ZGm/eYIg8P43BdYLdSZiEcYXeTJB/TaoNroH8q5OldVIhXE5SKUqhXSNRfZdKvPKVkOrED+L9d/8wN998w+B4XIL40I48K8FQf/O6+7In/7mbb35hsD2qjBKNDLU3ExjKb7pi1Rx61ke89+6fwBVP/jPXXn/HYHlYGiMdMJTe1JJc/PgHQ/X1xQyplznBYuFnmRiiz062nPfof8DSJ/8ZSq8/ZzA9KIEzIQE1Vvuuf/6fufv2M4bgsz4MxVdPui8Cal4C1Jx/+RGDPqpmTANiz7MAvXI+bO2L/5ZzHvzP2Pjif8DCx/8ZMi/fY9DcL0FUUmbwPKkg3Hr7T+WOV//95j/8z5B6/jaD6l4JkvIC0J9FTtPu/2dIPn+PQXG3BFmZiUFzbweDLH7NVMmNAOGld33BRiNUAAAAAElFTkSuQmCC) no-repeat center center !important;
    }

.login-button{
    background-color: #3c8dbc;
    border-color: #367fa9;
    border-radius: 3px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration:none;
}

.w9-doc-div{
	float:left;
	width:19%;
	margin-top:5px;
}
.del-links{
	color:red;
}
.form-control[readonly],.other-box-control[readonly]
{
	pointer-events: none;
}
.errorClassBorder{
	border: 1px solid #f56954;
    color: red;
    padding: 1px;
    width: 80%;
}

.notes-area{
	border-left: 2px solid #f7f7f7;
	border-right: 2px solid #f7f7f7;
	padding: 10px;
	width: 450px;
}
.textarea {
  min-height: 200px;
  width: 425px;
}
.btn.btn-info.pull-right {
  margin-right: 30px;
}


@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating {
  border: none;
  float: left;
	background: #00a65a none repeat scroll 0 0;
	 border-radius: 10px;
}

.rating > input { display: none; }
.rating > label:before {
		margin: 5px;
		font-size: 1.25em;
		font-family: FontAwesome;
		display: inline-block;
		content: "\f005";
}

.rating > .half:before {
		content: "\f089";
		position: absolute;
}

.rating > label {
		color: #ddd;
		float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }


.one-third {
    float: left;
    width: 33.3%;
}
.full-width{
	 border-bottom: 1px solid #f4f4f4;
	 float: left;
	 margin-bottom: 18px;
	 padding-bottom: 10px;
	 width: 100%;
}
.badge-txt{
	 font-size: 15px;
	 font-weight: bold;
}
.rating-form-box{
	 min-height:369px;
}
.store-tabs{
	background: #31AFD5;
}
.store-tabs > li > a {
	border: 1px solid #fff;
}
.store-tabs > li.active > a, .store-tabs > li.active > a:hover, .store-tabs > li.active > a:focus {
	 background-color: #f1cf18;
	 color: #fff;
}
.store-tabs > li > a:hover, .store-tabs > li > a:focus {
	 background-color: #f1cf18;
}
.store-tabs > li > a{
		color:#fff !important;
}
.disableField{
		pointer-events: none;
		cursor: default;
		background: #EEEEEE;
	}
.callout-custom{
	padding-bottom:24px;
}