.customSelect .setSpan{max-width:100%;text-overflow: ellipsis;overflow: hidden; padding-right: 30px;}
.tableMain td .inputMain{text-align:left}

/*.addButtons .openBox.extraLink .extraIcon.active IMG { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);   -webkit-transform: rotate(90deg);  transform: rotate(90deg);}*/

.btn.printBtn:before{content:"\f02f";background:none;font-family:FontAwesome;color:#fff;line-height: 14px;font-size: 15px;}

.navSidebar .topNavbar .topLinks > i.fa-cog{    color: #4fba6f;}


/* calender style */
.ui-datepicker .ui-datepicker-header{background:#00b5b8;}


.navSidebar .menuList ul.mainList > li > a > i.fa-compass{font-size:24px;}

.txtDescdiv #mceu_35 .mce-i-image::before {
    content: 'Insert Image';
    font-size: 14px;
    line-height: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.emailTabmain .titleLabel + .textBox{margin-bottom:10px;}
.topSrcBtn{display:inline-block; float:none; cursor:pointer; height:36px; line-height:36px; background:#e0b716; font-family:"Roboto Condensed", sans-serif; font-size:14px; font-weight:400; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; border-radius:3px; width:auto}
.topSrcBtn:before{content:"\f002"; font-family:FontAwesome; background:none; line-height:14px;font-weight:400;}
.topSrcBtn.active{background:#005680; color:#fff}

.addButtons .extraLink .extraIcon img{bottom: 14px;}
.addButtons .extraLink .extraIcon span{color:#fff;position:absolute;height:30px;top: 30px;bottom:0;left:0;right:0;margin:auto;letter-spacing:1px;text-transform: uppercase;font-size: 11px;} 

.menu_collapse .menuList ul.mainList > li > a.active{color: #333;background: none;}
.menu_collapse .menuList ul.mainList > li > a.active:before{height: 0;}

.navSidebar .menuList ul.mainList > li > a.mainActive {
    color: #005d98;
    background-color: #f6f6f6;
}
.navSidebar .menuList ul.mainList > li > a.mainActive:before {
    height: 100%;
}
#frmInspection .customCHeckbox{margin-bottom:37px;}

/* Send mail popups atachement style*/
.mailImg{display:block; width:100%;}
.mailImg .titleLabel{display:block; width:100%; line-height:22px;}
.uploaderMain .qq-upload-button .uploadBtn{color:#fff !important} 
.mailImg  .imgUpload{width:100% !important;}
.zipMain{display:inline-block;}
.zipAtachment{display:block; float:left; margin-top:10px;}

.zipAtachment .titleLabel{width:auto; padding-right:20px;}
/* Send mail popups atachement style end*/

/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (min-width: 1200px) {
.ui-dialog a.ui-dialog-titlebar-close:hover .ui-icon-closethick:before{color:#ff0000}	
.topSrcBtn:hover{background:#005680; color:#fff}
}

/* Custome responsive css start from here */

/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
.emailTabmain .titleLabel + .textBox, .emailTabmain .titleLabel{width:100%;}	   
.emailTabmain .titleLabel{line-height:18px;}
.emailTabmain{padding:15px; }	
.blankLable{display:none}
	}

/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
.mail_dialog .tabUl{padding-left:15px;}

div.ui-dialog{min-width:80% ;}
}

/* common css for below screen 767 */
@media only screen and (max-width: 767px) {
.emailTabmain{padding:15px; border:none;}
div.ui-dialog div.ui-dialog-content{padding-left:0; padding-right:0;  }
.tableMain td .inputMain{display:inline-block; float:none; width:200px; max-width: -moz-calc(100% - 110px); max-width: -webkit-calc(100% - 110px); max-width: expression(100% - 110px);   max-width: calc(100% - 110px);}
#frmInspection .customCHeckbox, .dropDown, .textBox{margin-bottom:14px;}
.breadcrumb li{color:#000}

	}


/* common css for below screen 479 */
@media only screen and (max-width: 479px) {
.clientLogo{    padding: 11px 4px;}
.topSrcBtn{padding:0 10px}  
    }


/* common css for screen size between 480 to 767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {}


/* common css for screen size between 568 to 767 */
@media only screen and (min-width: 568px) and (max-width: 767px) {}


/* common css for screen size between 600 to 767 */
@media only screen and (min-width: 600px) and (max-width: 767px) {}


/* common css for screen size between 768 to 1199 */
@media only screen and (min-width: 768px) and (max-width: 1199px) {}


/* common css for screen size between 768 to 1023 */
@media only screen and (min-width: 768px) and (max-width: 991px) {}


/* common css for screen size between 1024 to 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}