@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('font-awesome.min.css');

*{padding:0; margin:0; border:0;}
img{max-width:100%; max-height:100%; display:block;}
select,textarea, button, input{-webkit-appearance:none;-moz-appearance:none;}
ul, li{list-style:none;}
textarea{resize:none;}
img{border:0;border-radius:0;}
.clearboth{clear:both;}

.star{position:relative}
.star:after{content:"*"; display:inline-block; color:#FF0000; margin-left:2px; }

.topHeadRight{float:right; width:auto; height:100%;position: absolute;right: 30px;top: 0.9px;}
.userAvatar{display:inline-block; width:44px; height:44px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;  overflow:hidden;cursor:pointer; margin:9px 10px 9px; vertical-align:middle; text-align:center; position:relative; z-index:12;}
.userAvatar img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; z-index:-1;border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.breadcrumb{display:inline-block; color:#fff; margin-top:20px;}
.right_conSec .breadcrumb li{color:#333;}
.dropdownSlide{position:relative; display:inline-block;  vertical-align:middle; height:100%;}
.openBox.profileMain{background: rgba(0, 0, 0, 0.16);}
.dropdown_box{display: block; min-width: 160px; border: 1px solid #E6E6E6; opacity: .3; border-radius: 0 0 3px 3px;  -webkit-transform-origin: top;   -moz-transform-origin: top;-ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transform: scale(1,0); -moz-transform: scale(1,0);-ms-transform: scale(1,0); -o-transform: scale(1,0);transform: scale(1,0);-webkit-transition: all .2s linear;-o-transition: all .2s linear;    -moz-transition: all .2s linear;transition: all .2s linear;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); left: auto!important;right: 0; position: absolute;top: 100%;left: 0; z-index:12; padding: 0; margin:1px 0 0 0; background-color: #FFF;}
.dropdown_box:before{content:""; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; right:15px; top:-10px; }
.openBox > .dropdown_box {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1);-o-transform: scale(1,1); transform: scale(1,1); opacity: 1;}
.dropdown_box ul{list-style:none}
.dropdown_box ul li{display:block; width:100%; font-size:14px; line-height:22px; padding:0 ; }
.dropdown_box ul li a{display:block; width:100%; padding:5px 15px; text-decoration:none; border-bottom:1px solid #f1f1f1; color:#333;}
.dropdown_box ul li:last-child a{border-bottom:none}
/* mcustome scrollbar css start */
.mCustomScrollbar{max-height:100%;/*overflow:auto;*/}
.mCustomScrollBox{position:relative;overflow:visible;height:100%;max-width:100%;outline:none;direction:ltr; -webkit-overflow-scrolling: touch;}
.mCSB_container{height:auto;overflow:visible;width:auto;/*margin-right:30px;*/ -webkit-overflow-scrolling: touch;}
.mCSB_scrollTools{opacity:0; position:absolute;width:10px;height:auto;left:auto;top:0;right:0;bottom:0; -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;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}	
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;height:30px;width:100%;z-index:99;}
.menu_collapse .mCSB_scrollTools .mCSB_dragger{z-index:1}
.mCSB_dragger_bar{background-color:rgba(0,0,0,.2);height:100%;margin:0 auto;border-radius:16px;-webkit-border-radius:16px;width:4px;text-align:center;position:relative;width:4px;}
.mCSB_draggerRail{border-radius:16px;-webkit-border-radius:16px;width:2px;height:100%;margin:0 auto;background-color:rgba(0, 0, 0, 0.16); opacity:0;-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;}

.mCustomScrollbar:hover .mCSB_scrollTools{opacity:1}
.mCSB_draggerContainer:hover .mCSB_draggerRail{opacity:1;}
/* mcustome scrollbar css end */

/* listing page css start */
*{outline:none !important}
.radiusthree{-webkit-border-radius:3px;border-radius:3px;}

.midWhite{-webkit-border-radius:3px;border-radius:3px;background-color:#fff;box-shadow:0px 2px 20px 0px rgba(134, 134, 134, 0.15);-webkit-box-shadow:0px 2px 20px 0px rgba(134, 134, 134, 0.15);}
.tableScroll{overflow:auto; float:left; width:100%;}

.tableScroll th, .tableScroll td{white-space:nowrap}
.tableScroll td.contCell{white-space:inherit}
.tableMain{width:100%;border-collapse:collapse;border-bottom:2px solid #f1f2f2}
.tableMain th{color:#000000;font:500 15px/17px 'Roboto', sans-serif;padding:17px 15px 16px;border-bottom:2px solid #dddddd}
.tableMain th.checkTh{padding-left:0;padding-right:0}
.tableMain th ~ th{border-left:1px solid #eeeeee}
.tableMain th span{display:inline-block;position:relative}
.sorting{cursor:pointer}
.sorting span{padding-right:15px;}
.sorting span:after{content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url(../images/sprite.png) no-repeat -392px -1px;width:8px;height:15px;}
.sort_asc span:after{height:5px;background-position:-392px -1px;}
.sort_desc span:after{height:5px;background-position:-392px -11px;top:2px;}

.tableMain td{color:#000000;font:400 14px/17px 'Roboto', sans-serif;padding:8px 15px;border-bottom:1px solid #eeeeee}
.activeTr{background-color:rgba(0,98,152,0.08);}
.tableMain .activeTr td{border-color:rgba(0,98,152,0.1);}
.tableMain td ~ td{border-left:1px solid #eeeeee}

.smallTxt{height:30px;width:42px;padding:0;text-align:center;padding:0 5px;}
.actionLink{display:block;background-image:url(../images/sprite.png);background-repeat:no-repeat;font-size:0}

.hideBlock {display: none;}
.displayBlock {display: block;}
.actionUl{list-style:none;display:inline-block;white-space:nowrap;}
.actionUl > li{display:inline-block;vertical-align:middle;position:relative}
.actionUl > li ~ li{margin-left:10px;}

.subactionUl{position:absolute;list-style:none;text-align:left;padding:8px;background-color:#fff;border:1px solid #e1e1e1;box-shadow:1px 2px 5.22px 0.78px rgba(0, 0, 0, 0.13);-webkit-box-shadow:1px 2px 5.22px 0.78px rgba(0, 0, 0, 0.13);z-index:99;-webkit-border-radius:3px;border-radius:3px;transform:translateX(-45%);-webkit-transform:translateX(-45%);top:100%;margin:15px 0 0;opacity:0;visibility:hidden;transition:300ms all;-webkit-transition:300ms all;}
.subShow{opacity:1;visibility:visible;margin-top:9px;}

.subactionUl:after{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #e1e1e1;content:'';}
.subactionUl:before{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;content:'';margin-top:0px;z-index:1}

.subactionUl li{white-space:nowrap}
.subactionUl li ~ li{margin-top:5px;}
.subactionUl li a{display:block;padding:0 15px;color:#333333;font:400 14px/27px 'Roboto', sans-serif;}

.editLink{width:18px;height:18px;background-position:-165px 0;}
.delLink{width:19px;height:19px;background-position:-188px 0;}
.pdfLink{width:17px;height:19px;background-position:-309px 0;}
.emailLink{width:25px;height:17px;background-position:-331px 0;margin:5px 0 0}


.tableBtm{padding:15px 20px; display:inline-block; width:100%;}
.leftSelect{float:left;}

.dropDown{position:relative}
.spanOut{width:100%;border:1px solid #cccccc;height:38px;color:#666666;font:400 14px/36px 'Roboto', sans-serif;padding:0 14px;position:absolute;left:0;top:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.spanOut:after{position:absolute;top:0;bottom:0;margin:auto;right:14px;content:'';background:url(../images/sprite.png) no-repeat -208px 0;width:9px;height:6px;}

.dropDown select{width:100%;opacity:0;height:38px;padding:0 10px;min-width: 100%}
select option{padding:5px 10px;}

.leftSelect .spanOut{padding:0 10px;height:34px;line-height:32px;font-size:13px;}
.leftSelect .pageSpan{padding-left:30px;}
.pageSpan:before{position:absolute;top:0;bottom:0;margin:auto;left:10px;content:'';background:url(../images/sprite.png) no-repeat -221px 0;width:12px;height:14px;}

.leftSelect .spanOut:after{width:8px;height:5px;background-position:-392px -11px;right:9px;}
.leftSelect .dropDown{width:150px;}
.leftSelect .dropDown select{height:34px;font-size:13px;}

.tableBtm .pagination{float:right;margin:7px 0 0}
.pagination *{display:inline-block;vertical-align:middle;}
.paging-detail{color:#666666;font:400 14px/16px 'Roboto', sans-serif;}

.pageBox{margin:0 0 0 13px;}
.pageBox a{/*float:left;*/ display:inline-block; position:relative;color:#666666;font:400 14px/16px 'Roboto', sans-serif;margin:0 10px;cursor:pointer;transition:300ms all;-webkit-transition:300ms all;}
.pageBox a.active{font-weight:700;color:#005d98;cursor:default}
.pageBox em{display:inline-block}
.pageBox .previous{background:url(../images/sprite.png) no-repeat -241px 0;width:7px;height:11px;margin-top:3px;margin-left:0;transition:none;}
.pageBox .next{background:url(../images/sprite.png) no-repeat -266px 0;width:7px;height:11px;margin-top:3px;margin-right:0;transition:none;}

.toggleLink{position:absolute;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;display:none;z-index:9}
.toggleLink:after{position:absolute;right:15px;top:50%;margin:auto;content:'';background:url(../images/sprite.png) no-repeat -392px -11px;width:8px; height:5px;}
.arrowUp{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}
.arrowUp:after{top:inherit;bottom:-12px;}
/* listing page css end */



.chkBox label {cursor: pointer;display: inline-block;position: relative;vertical-align: middle; margin-right:15px;}
.checkbox {cursor: pointer; height: 100%;opacity: 0;position: absolute;width: 100%;z-index:1;z-index: 99999999; }
.chkBox label span{display: inline-block;vertical-align: top;color:#333333;font:400 14px/16px 'Roboto', sans-serif;padding:2px 0 1px 28px;}
.chkBox label span:before{position:absolute;left:0;top:0;content:'';width:20px; height:20px;border:1px solid #d7d7d7;-webkit-border-radius:3px;border-radius:3px; background:#fff;}
.chkBox label span:after{position:absolute;left:4px;top:6px;content:'';background:url(../images/sprite.png) no-repeat -88px -32px;width:12px; height:9px;opacity:0;}

.checkbox:checked + span:after{opacity:1}
.smallChk label span{padding-left:20px;}


/* popup css start */
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;padding:15px;text-align:center;z-index:99;display:none;}
.popup:before{display:inline-block;vertical-align:middle;content:'';height:100%;margin-left:-4px}
.blackLayer{background-color:rgba(0,0,0,0.12);position:fixed;left:0;top:0;width:100%;height:100%;}
.popMain{display:inline-block;vertical-align:middle;width:100%;max-width:770px;border:1px solid #bfbfbf;text-align:left;-webkit-border-radius:3px;border-radius:3px;position:relative;z-index:1;overflow:hidden}

.popTitle{color:#333333;font:700 18px/20px 'Roboto', sans-serif;padding:9px 15px 10px;background-color:#cccccc;border-bottom:1px solid #dddddd;}
.popMidle{background-color:#fff;padding:15px;}



.tabBox{float:left; width:100%;}
.tabUl{display:inline-block;vertical-align:top;width:100%;border-bottom:1px solid #dddddd;list-style:none;}
.tabUl li{float:left;cursor:pointer;border:1px solid #dddddd;border-bottom:0;padding:0 13px;margin:0 0 -1px;background-color:#005e98;font:300 14px/36px 'Roboto', sans-serif;color:#fff;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0; }
.tabUl li ~ li{margin-left:5px;}
.tabUl li.current{background-color:transparent;color:#005e98;border-bottom:1px solid #fff; font-weight:700;}

.emailTabmain{display:inline-block;width:100%;border:1px solid #dddddd;border-top:0;padding: 15px 20px 15px 25px;}

.emailTabmain .titleLabel {float:left;width: 150px;line-height:36px;}
.emailTabmain .titleLabel + .textBox{float:left;width: 82%; width: -moz-calc(100% - 150px);width: -webkit-calc(100% - 150px);width: expression(100% - 150px);width: calc(100% - 150px);} 



.mobiAction{position:fixed;left:0;right:0;bottom:0;background-color:#f1f1f1;padding:10px 5px;box-shadow:-2px -2px 4px rgba(0,0,0,0.19);-webkit-box-shadow:-2px -2px 4px rgba(0,0,0,0.19);z-index:111;border-top:1px solid #c8c8c8;}


.text-right{text-align:right}
.text-center{text-align:center}
.text-left{text-align:left;}
.mobiAction > *{display:inline-block;vertical-align:middle}
/*.mobiAction a{margin-left:10px;}*/
.counterDiv{line-height:26px;height:26px;padding:0 8px 0 5px;color:#666666;border-radius:3px;-webkit-border-radius:3px; font:400 14px/16px 'Roboto', sans-serif; text-align:center;}
.updatePro:before{width:41px;height:36px;background-position:-386px -40px;}
.activeStatus, .inactiveStatus{background:url(../images/sprite.png) no-repeat -343px -35px;width:26px;height:26px;}
.inactiveStatus{background-position:-374px -35px;}

.delIcon {color: #474747;height: 20px; position: relative;width:20px;}
.delIcon:before{background: url("../images/sprite.png") no-repeat scroll -188px -21px;bottom: 0;content: "";height: 19px;left: 0;margin: auto; right:0; position: absolute;top: 0;width: 13px;}
.closeAction {background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -309px -36px;cursor: pointer;float: right;height: 26px;width: 26px;margin:6px 0 0}

.btnsDiv{padding:0 0 10px;}
.bottombtnsDiv{padding:10px 0 0;}
.btnsDiv .btn{float:left;margin-left:10px;}
.btn.saveContinue:before{width:17px;background-position:-64px -40px;}
.btn.backlistBtn:before{width:15px;height:11px;background-position:-64px -59px;left:13px;}
.smallBtn{padding-top:0;padding-bottom:0;height:29px;line-height:29px;}


.formUl{list-style:none;}
.formBox{padding:27px 30px;}
.formUl > li{position:relative;float:left;width:33.3333%;padding:0 15px 27px;}
.formUl > li.oneSix{width:16.66665%}
.formUl > li.colTwo{width:66.6666%;}
.titleLabel{color:#333333;font:400 14px/16px 'Roboto', sans-serif;padding:0 0 7px;display:inline-block;vertical-align:top;}
.formUl .spanOut{color:#000}

.dropDown, .textBox{margin-bottom:27px; position:relative;}
.txt{width:100%;border:1px solid #dfdfdf;height:38px;color:#000000;font:400 14px/16px 'Roboto', sans-serif;padding:0 14px;}
textarea.txt{height:120px;padding:14px;}

.imgUpload{border:1px solid #dfdfdf;/*height:120px;*/padding:9px;}
.img_thumbMain{width:130px;height:100px;background-color:#f1f2f2;border:1px solid #dfdfdf;position:relative;z-index:1;display:inline-block;vertical-align:middle;}
.img_thumbMain:after{position:absolute;right:0;left:0;top:0;bottom:0;margin:auto;content:'';background:url(../images/sprite.png) no-repeat -356px -71px;width:44px; height:32px;z-index:-1}

.uploaderMain{display:inline-block;vertical-align:middle;}
/*.qq-upload-button{display:inline-block;position:relative; margin-bottom:5px;}
.up-Btn{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer}
.uploadBtn{background-color:#666666;cursor: pointer;}
.uploadBtn:before{width:13px;height:16px;background-position:-331px -74px;}*/
.qq-upload-button{display:inline-block;position:relative; margin-bottom:5px;overflow: hidden;}
.up-Btn{cursor: pointer !important;font-size: 100px;filter: alpha(opacity=1);-moz-opacity: 0.01;opacity: 0.01;position: absolute;right: 0;top: 0;}
.uploadBtn{background-color:#666666;color: #fff;cursor: pointer;}
.uploadBtn:before{width:13px;height:16px;background-position:-331px -74px;}
.noteText{color:#999999;font:400 13px/16px 'Roboto', sans-serif;padding:8px 0 0}
.img_thumbMain + .uploaderMain{max-width:calc(100% - 134px);padding:0 0 0 8px;margin-top:0;}

.singleImg li{width:100%;height:100%;background-color:#fff;}

.deleteRecord{display:inline-block; width:32px; height:36px; border-radius:3px; background:#ff0000; text-align:center; line-height:36px; font-size:18px; color:#fff; margin:0 0 0 5px; position:relative;}
.deleteRecord:before{content:""; background: url('../images/sprite.png') no-repeat -188px -42px;width: 13px;height: 19px; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto}
/* active inactive satyle*/

.activerecord{display:inline-block; width:40px; border-radius:3px; background:#3aa93d; text-align:center; line-height:36px; font-size:18px; color:#fff; margin:0;}
.inactiverecord{display:inline-block; width:40px; border-radius:3px; background:#ff0000; text-align:center; line-height:36px; font-size:18px; color:#fff; margin:0 0 0 5px;}


.switch_wrap input[type="checkbox"] {
  display: none;
}

.switch_wrap input[type="checkbox"]:checked + .switch {
  background-color: #3aa93d;
}

.switch_wrap input[type="checkbox"]:checked + .switch::before {
  display: block;
}

.switch_wrap input[type="checkbox"]:checked + .switch::after {
  display: none;
}

.switch_wrap input[type="checkbox"]:checked + .switch .bullet {
  left: 40px;
}

.switch_wrap .switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 36px;
  line-height: 24px;
  margin-right: 1em;
  margin-top: -3px;
  vertical-align: middle;
  background-color: #ff0000; 
  border-radius: 3px;
}

.switch_wrap .switch::before,
.switch_wrap .switch::after { content: "\f00c"; font-family:FontAwesome; display: none; width: 50%;position: absolute;top: 0;font-size: 18px; line-height:36px;color: #fff;text-align: center;}

.switch_wrap .switch::after {
  content: "\f00d";
  display: block;
  right: 0;
}

.switch_wrap .switch .bullet {
  position: relative;
  display: block;
  width: 37px;
  height: 30px;
  top: 3px;
  left: 3px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-transition: left 0.4s linear;
  -moz-transition: left 0.4s linear;
  -ms-transition: left 0.4s linear;
  -o-transition: left 0.4s linear;
  transition: left 0.4s linear;
}
.switch_wrap .switch .bullet span{display: block;
  height: 13px;
  width: 3px;
  position: absolute;
  top: 9px;
  left: 50%;
  
  background: #e5e6e7;}
.switch_wrap .switch .bullet::before,
.switch_wrap .switch .bullet::after {
  content: '';
  display: block;
  height: 13px;
  width: 3px;
  position: absolute;
  top: 9px;
  left: 50%;
  margin-left: -6px;
  background: #e5e6e7;
  
}

.switch_wrap .switch .bullet::after {
  margin-left: 6px;
}


/* status button*/
.status_change {
  position: relative;
  display: block;
  margin:0; text-align:center; margin-top:2px;
}
.status_change label {
  width: 40px;
  height: 18px;
  background:#edb2b4;
  position: relative;
  display: inline-block;
  -moz-border-radius: 46px;
  -webkit-border-radius: 46px;
  border-radius: 46px;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
}
.status_change label:after, .status_change label:before {
  content: '';
  /*text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);*/
  position: absolute;
  width: 24px;
  height: 24px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  left: -3px;
  top: -3px;
  background: #fff;
  border:1px solid #b3171c;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  text-align:center;
}
.status_change label:before {
  content: '\f08d';
  content: '\f00d';
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #00ff80;
  color: red;
  z-index: 1;
  overflow: hidden;
}
.status_change input {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.status_change input:checked + label {
  background: #39ba74;
}
.status_change input:checked + label:after, .status_change input:checked + label:before {
  content: "\f00c";
  border-color:#28804f;
  color:#3cb878;
  left: 20px;
}

.showProcess { position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(255,255,255,0.5) url(../images/loading-icon.gif) center center no-repeat; z-index: 9999; }
label.error{position:absolute;right:0;top:-20px;width:auto;height:auto;margin:0;line-height:normal;font:11px/11px arial;background:#fb0101;padding:5px 5px 4px;color:#ffffff;display:none;}
label.error:after{border-color:#fb0101 transparent transparent;border-image:none;border-right:6px solid transparent;border-style:solid;border-width:6px;content:" ";height:0;left:20px;margin-left:-10px;position:absolute;top:100%;width:0;}

/* chage status end */

.TableTitle{display:block; font-size:16px; font-weight:600; color:#333;}
.noteText{font-size:12px; color:#333; padding-top:0; line-height:14px; margin-bottom:15px;}
.noteText small{font-size:90%;}
.deleteFieldrow{text-align:center; font-size:20px; line-height:38px; color:#333; -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;}
/*.fieldRow{margin-bottom:15px;}*/
.fieldRow .textBox{margin-bottom:15px;}
.padinl-none{padding-left:0;}

.customCHeckbox{position:relative; margin-bottom:15px;}
.customCHeckbox .checkinput{opacity:0; position:absolute;}
.customCHeckbox .checkLable{padding-left:28px; position:relative;}
.customCHeckbox .checkLable:before{content:""; width:20px; height:20px; border:1px solid #e2e2e2; position:absolute; left:0; top:0;  vertical-align:middle; margin-right:6px; bottom:0; margin:auto;}
.customCHeckbox .checkLable:after{content:"\f00c"; font-family:FontAwesome; text-align:center; line-height:20px; width:20px; height:20px;vertical-align:middle; position:absolute; left:0; top:0; opacity:0; visibility:hidden; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.customCHeckbox .checkinput:checked + .checkLable:after{opacity:1; visibility:visible}

.customCHeckbox.rightcheck label .checkLable{padding-left:0; padding-right:28px;}
.customCHeckbox.rightcheck label > .checkLable:before, .customCHeckbox.rightcheck label > .checkLable:after{left:inherit; right:0;}

.noRecord{ width:100%; text-align:center; font-size:40px; color:#e2e2e2; text-transform:uppercase; font-weight:700} 
.pading-none{padding:0}

.right_conSec .innerSecSpace{position:relative;}
.msgBox{position:absolute; left:0; right:0; top:0; text-align:center; z-index:12;}
.alert{display:inline-block; width:auto; padding:4px 12px; background:#ff000a; color:#fff; font-size:14px; line-height:18px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);} 
.alert .msgClose{margin-left:6px; color:#fff;}

.alert.successMsg{background:#9ecf64;}

/* send mail */


.ui-icon.ui-icon-closethick{background:none !important; width:18px; height:18px; text-align:center; font-family:FontAwesome; text-indent:inherit !important}
.ui-icon-closethick:before{content:"\f00d"; display:inline-block; color:#fff; font-size:20px; line-height:20px;}

/* css added on 28-07-2017 */
.inspBtn{display:inline-block;vertical-align:middle}

.headingLabel{padding:8px 0 0}
.headingLabel label{float:left;}
.headingLabel .titleLabel{float:left;color:#000000;font-weight:500;font-size:14px;}
.headingLabel .blankLabel{width:31px;}
.headingLabel .codeLabel{float:right;width:50px;}
.tableRow .chkBox{float:left}
.tableRow ~ .tableRow{margin-top:9px;}
.tableRow .checkLable{float:right;width:50px;}
.tableRow .chkBox label{vertical-align:top;}

.multiImages{width:autol;height:auto;border:0;background:none;width:auto}
.multiImages:after{position:relative;background:none;width:inherit;height:inherit}
.multiImages li{float:left;padding:0 15px 15px;width:16.666666667%;}
.multiImages li .thumbMain{
    border: 1px solid #d3d3d3;
    display: inline-block;
    height: 150px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width:100%;
}

.multiImages li .thumbMain .imgMain{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.multiImages + .uploaderMain{display:block;padding:0;max-width:100%;}
.multiImages{display:block;margin:0 -15px;}

.cancel-btn{-moz-user-select: none;
    background-color: #ff0000;
    background-image: none;
    border: 1px solid #ff0000;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-left: 5px;
    padding: 2px 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -8px;
    transition: all 300ms ease 0s;
    vertical-align: top;
    white-space: nowrap;
}
.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 10px;
    margin-bottom: 20px;
    overflow: hidden;margin-right:80px;
}
@keyframes progress-bar-animate {
0% {
    background-position: 40px 0;
}
100% {
    background-position: 0 0;
}
}
@keyframes progress-bar-animate {
0% {
    background-position: 40px 0;
}
100% {
    background-position: 0 0;
}
}
.progress-bar {
    background-image: linear-gradient(to bottom, #ccc 0%, #ddd 100%);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    overflow: hidden;
}
.progress-bar-success {
    animation: 1s linear 0s normal none infinite running progress-bar-animate;
    background-color: #0073aa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 30%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 34%, transparent 34%, transparent 46%, rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.1) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 84%, transparent 84%, transparent 96%, rgba(0, 0, 0, 0.1) 96%, rgba(0, 0, 0, 0.1));
    background-size: 8px 8px;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    float: left;
    height: 100%;
    transition: width 200ms ease 0s;
    width: 0;
}
.uploaderMain .bx_main{margin:0 0 10px;position:relative}
.uploaderMain .bx_main ~ .bx_main{margin-top:10px;}
.thumbMain .delete {background: #949494 none repeat scroll 0 0;border-radius: 0 0 0 3px;-webkit-border-radius: 0 0 0 3px; box-shadow: -2px 2px 2px rgba(1, 1, 1, 0.23); -webkit-box-shadow: -2px 2px 2px rgba(1, 1, 1, 0.23); cursor: pointer;height: 30px;left: inherit;position: absolute;right: 0;top: 0;width: 30px;z-index: 10;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;}
.thumbMain .delete::after {background: #fff none repeat scroll 0 0;bottom: 0;content: "";height: 16px;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.thumbMain .delete::before {background: #fff none repeat scroll 0 0;bottom: 0;content: "";height: 16px;left: 0;margin: auto;position: absolute;right: 0;top: 0;width: 2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}


/*.navSidebar.menu_collapse .menuList ul.mainList > li > ul.subMenu{display:block;}*/
.navSidebar.menu_collapse .menuList ul.mainList > li > ul.subMenu li{padding-left:0}
.navSidebar.menu_collapse .menuList ul.mainList > li > a > i{width: 100%;left: 0;right: 0;text-align: center;}
.navSidebar.menu_collapse .menuList ul.mainList > li > a > i.fa.fa-address-book-o{top:-2px;}
.hiddenLabel{opacity:0}

.tableBtm  .leftSelect .dropDown{margin-bottom:0}

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

.navSidebar .menuList ul.mainList > li .mainActive + .subMenu{display:block;}
.navSidebar.menu_collapse .menuList ul.mainList > li .mainActive + .subMenu{display:none;}
.navSidebar .menuList ul.mainList > li > ul.subMenu li > a.subActive{color: #005d98;}
.navSidebar .menuList ul.mainList > li > ul.subMenu li > a.subActive:before{border-color:#005d98}


#searchForm .select2-container .select2-selection--single{height:32px}
#searchForm  .select2-container--default .select2-selection--single .select2-selection__rendered{height:32px; line-height:32px;}
#searchForm  .spanOut{height:100%}
#searchForm  .select2-container--default .select2-selection--single .select2-selection__arrow{height:18px;}

.onlyLable{margin-bottom:15px;}
.checkTh .chkBox label,.tableData .chkBox label{margin-right:0;}

.formHead{margin-top:20px }
.visiblemobileLand{display:none}

.scrollTop{position:fixed; right:0; bottom:15px; width:34px; height:35px; z-index:11; background-color:#00b5b8; display:none; box-shadow:-1px 1px 4px rgba(0,0,0,.2); -webkit-box-shadow:-1px 1px 4px rgba(0,0,0,.2); border-radius:6px 0 0 6px}
.scrollTop:before{position:absolute; border-right:3px solid #fff; border-top:3px solid #fff; display:inline-block; height:12px; right:0; left:0; margin:-4px auto auto; top:50%; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:12px; content:""}

.zipName{display:block; font-weight:400; font-size:12px;}

.price{position:relative}
.price:before{content:""; width:40px; top:1px; bottom:1px; left:1px; position:absolute; background:#f1f1f1; border-right:1px solid #dfdfdf}
.price:after{content:"$"; width:40px; height:100%; top:0; bottom:0; left:0; position:absolute; text-align:center; line-height:36px; font-size:16px; font-weight:bold}
.price .txt{padding-left:45px; }

#txaDescription_ifr{max-width:100%;}

.img_thumbMain .imgMain{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.navSidebar .menuList ul.mainList > li > a > i.wppartcode:before {background: url(../images/parts-code.svg) no-repeat left top;width: 22px;height: 22px;}

.navSidebar .menuList ul.mainList > li > a > i.m-field:before {background: url(../images/m-type.svg) no-repeat left top;width: 24px;height: 24px;}
.navSidebar .menuList ul.mainList > li > a > i.m-type:before {background: url(../images/machine-icon.svg) no-repeat left top;width: 30px;height: 16px;}

.navSidebar .menuList ul.mainList > li > a.active  > i.m-type:before{background-image:url(../images/machine-icon-active.svg);}
.navSidebar .menuList ul.mainList > li  > a.active  > i.m-field:before{background-image:url(../images/m-type-active.svg) ;}



.formBox .select2-container--default .select2-selection--multiple{background: transparent;border: 0;}
.formBox .select2-container--default .select2-search--inline .select2-search__field{margin-top: 7px;}
.formBox .select2-dropdown{border-color: #cccccc;}
.formBox .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:0 14px;padding-bottom: 4px;}
.formBox .select2-container--default.select2-container--focus .select2-selection--multiple{border-width: 0px 0 1px 0;border-color: #cccccc;border-radius: 0;}

.select2-container--default .select2-selection--multiple li.select2-selection__choice{  line-height:24px;  background-color: #006798; border: 1px solid #006798; color:#fff ; padding:1px 10px !important}
.multiSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin:4px 2px 0px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff !important}
.multiSelect .select2-search.select2-search--inline{height: 25px;}
.multiSelect > .select2-container{height:auto; display:block; width: 100%;border: 1px solid #cccccc;color: #666666;font: 400 14px/36px 'Roboto', sans-serif;padding: 0;}
.formBox .select2-container--default.select2-container--focus .select2-selection--multiple{border:none}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{display:inline-block; vertical-align:top}
.formBox .select2-container--default .select2-search--inline .select2-search__field{margin-top:0}
.formBox .select2-container--default .select2-search--inline .select2-search__field{height: 25px;line-height: 25px; min-width:66px;vertical-align: top;float: left;}
.reportSelectModel .select2-container--default .select2-selection--multiple .select2-selection__rendered{max-height: 132px;padding-bottom: 4px;}
.ui-widget-header{background: #006b98;}
/*Only Safari Browser support Css*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  .emailTabmain .titleLabel + .textBox{width:80%;}
  .rightSecmain{width: 83.6%;}
  .userAvatar img{border-radius: 50%;}
}*/


.select_CopyPast{border:1px solid #dedede;}


.btnDrop.openBox{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

.fieldGroupTitle{display:block; border-bottom:1px solid #eee; margin-bottom:15px; padding-bottom:5px;}

/* Add color #000 for send mail popups email suggestion */
.ui-widget-content a{color:#000 !important} 

/* Custome popup style */
.popupMain { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; text-align: center; overflow: auto; opacity: 0; visibility: hidden; transition: 300ms all; -webkit-transition: 300ms all; padding: 15px; }
.popupMain:before { content: ''; display: inline-block; vertical-align: middle; margin-left: -5px; height: 100%; }
.popVisible { opacity: 1; visibility: visible; }
.overlayer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; transition: 300ms all; -webkit-transition: 300ms all; }
.popVisible .overlayer { opacity: 1; visibility: visible; }
.popBody { display: inline-block; vertical-align: middle; text-align: left; position: relative; z-index: 99; transition: 600ms all; -webkit-transition: 600ms all; background: #fff; max-width: 500px; width: 100%; height: auto; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; border-radius: 7px; padding:15px;}
.popBody:before { position: absolute; left: 0; right: 0; top: 50px; bottom: 50px; background-color: #fff; content: ''; z-index: -1; }
.popVisible .popBody { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.closePopup { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; transition: all 0.4s ease-in-out; z-index: 2; }
.closePopup:before { position: absolute; content: ''; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 77%; height: 2px; background: #fff; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.closePopup:after { position: absolute; content: ''; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 77%; height: 2px; background: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.popTRed { background: #1b92da; }
.poptitle { display: block; padding: 7px 19px; position: relative; font-size:20px; line-height:24px; font-weight:700; margin-bottom:15px;}
.poptitle:before { content: ''; background: url(../images/search-shedo.png) no-repeat left top; width: 85px; height: 52px; position: absolute; left: 0; top: 0; }
.poptitle:after { content: ''; background: url(../images/search-shedo.png) no-repeat right top; width: 85px; height: 52px; position: absolute; right: 0; bottom: 0; transform: rotate(180deg); }
.pop_foot { display: block; text-align: right; }
.poptitle .dircTitle { display: inline-block; font-weight: 700; font-size: 18px; color: #fff; line-height: 24px; padding: 6px; }
.popDetails { padding: 15px; float: left; width: 100%; }
.inputTextarea { height: 100px; }
.stepsBtn.inputBox { text-align: right; }
.bodyFixed { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.outsideClose .popBody{overflow:visible; max-width:900px;}
.outsideClose .closePopup{right:-30px; top:-30px;}

.align-center{text-align:center;}
.buttonMain{display:inline-block; width:100%; text-align:center;}
.buttonMain .btn{margin:0 5px; font-size:14px;}

.lableMain{float: left; padding-right: 15px;}


/* mCustomScrollbar style*/

.mCustomScrollBox{position:relative; overflow:hidden; height:100%; max-width:100%; outline:none; direction:ltr;}
.mCSB_container{height:auto; overflow:hidden; width:auto; margin-right:15px;}
/* mCustomScrollbar style end */


/* Custome popup style end */

/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (min-width: 1200px) {
.breadcrumb li a:hover{color:#00b5b8;}
.dropdown_box ul li a:hover{background:#F5F7FA}
.profileMain:hover, .dropdownSlide .dropdownClick:hover, .searchMain .searchIcon:hover{background: rgba(0, 0, 0, 0.16);}

/* new hover css added */
.pageBox a:hover{color:#005d98;}
.pageBox .next:hover{background-position:-258px 0;transition:300ms all;-webkit-transition:300ms all;}
.pageBox .previous:hover{background-position:-249px 0;transition:300ms all;-webkit-transition:300ms all;}
.actionLink:hover{opacity:0.55}
.subactionUl li a:hover{background-color:#f1f2f2}
.deleteFieldrow:hover{color:#FF0004;}

.searchBody{padding:15px 30px; padding-bottom:0;} 
.smallspace{margin-bottom:15px;}
.navSidebar.menu_collapse .menuList ul.mainList > li:hover .mainActive + .subMenu{display:block;}  
.navSidebar .menuList ul.mainList > li:hover > a > i.wppartcode:before{background:url(../images/parts-code-active.svg);}

.navSidebar .menuList ul.mainList > li:hover > a > i.m-type:before{background-image:url(../images/machine-icon-active.svg);}
.navSidebar .menuList ul.mainList > li:hover > a > i.m-field:before{background-image:url(../images/m-type-active.svg) ;}

.navSidebar .menuList ul.mainList > li:hover > a, .menu_collapse .menuList ul.mainList > li:hover > a.active {color: #005d98;border-left-color: #005d98;background-color: #f6f6f6;z-index: 12;}
.qq-upload-button:hover a{background:#005680;}


}
.displayModified{ 	float: right;
    padding: 10px 15px;
    background: #45bc61;
    margin-top: -27px;
    margin-right: -30px;
    box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 0 0 0 10px; }


/* Custome responsive css start from here */

/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
.formBox{padding:20px}
.topHeadRight{position: static;}
.tableScroll::-webkit-scrollbar-track{height:2px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.tableScroll::-webkit-scrollbar{width: 10px; height:5px;background-color: #F5F5F5;}
.tableScroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #0c59a7;}

}

/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
.displayModified{margin-top: -20px; margin-right: -18px;}	

}

/* common css for below screen 767 */
@media only screen and (max-width: 767px) {
.tableScroll{overflow: hidden;}
.right_conSec .innerSecSpace{padding:0px;}
.tableMain > thead{display:none;}
.tableMain td[data-title]:before{content:'';display:inline-block;vertical-align:middle;content:attr(data-title);width:100px;}
.tableMain td[data-title] > span{display:inline-block;vertical-align:middle;max-width:calc(100% - 135px)}
.tableMain tr{position:relative;}
.tableMain td{display:none;padding:0 15px 8px 0;text-align:left;border:0;font-size:12px;line-height:12px;}
.is-expanded td, .tableMain td.showTd{display:block;position:relative; width:100%;}
.toggleLink{display:inline-block; top:-14px;}
.tableMain .showTd{font-size:16px; padding-bottom: 12px;}
.leftSelect{display:none;}
.tableBtm{padding:10px;}
.tableBtm .pagination{width:100%;margin:0;text-align:center}

.tableMain tbody tr{display:block;padding:14px 0 0 40px;}
.tableMain tbody tr ~ tr{border-top:1px solid #eeeeee}
.tableMain tbody tr.activeTr{border-color:rgba(0, 98, 152, 0.1)}
.tableMain td ~ td{border-left:0}

.actionUl > li ~ li{margin-left:4px;padding-left:7px;}
.tableMain td.showTd.chkTd{position:absolute;left:10px;top:10px;padding:0; width:30px; }
.tableMain td.showTd.numTd{position:absolute;left:10px;top:15px;padding:0;text-align:center}

.smallChk label span:before{width:22px;height:22px;}
.smallChk label span:after{top:7px;left:5px;}

.subactionUl{transform:translateX(-15px);-webkit-transform:translateX(-15px);padding:5px 0}
.subactionUl li a{padding:0 10px;font-size:12px;line-height:25px;line-height:20px;}
.subactionUl:after, .subactionUl:before{left:23px;}

.actionLink{color:#777777;font-size:13px;background:none;margin:0;width:auto;height:auto}
.actionUl{line-height:12px;vertical-align:top;}
.actionUl > li{vertical-align:top;position:relative;line-height:12px}
.actionUl > li ~ li:before{background-color:#777777;width:1px;content:'';position:absolute;left:0;top:1px;height:11px;margin:auto}

.btnsDiv {padding:10px; padding-bottom:0;}
.formBox{padding:15px;}

.formUl{margin:0 -8px;}
.formUl > li{width:100%;padding:0 8px 16px}
.formUl > li.oneSix{width:50%;}
.formUl > li.colTwo{width:100%;}

.btnsDiv .btn{padding-left:8px;padding-right:8px;}
.btnsDiv .btn:before{display:none;}



.fieldRow {position:relative; padding-right:36px;}
.fieldRow .delDiv{position:absolute; right:0; top:0; bottom:0; margin:auto; left:inherit; width:40px !important;}
.noRecord{font-size:32px; line-height:34px;}


.headingLabel{padding-top:0}
.partsMd{margin-top:15px;}
.compMd{margin-top:30px;}
.multiImages{margin:0 -5px;}
.multiImages li{padding:0 5px 10px;width:50%;}
.uploaderMain .bx_main:first-child{margin-top:10px;}

.topSrcBtn{float:left; margin-top:10px;}

.btnsDiv .pull-right{width:100%; text-align:center;}
.btnsDiv .pull-right .btn{float:none; display:inline-block; margin-bottom:8px;}
.addButtons .extraLink.visible-xs{display:inline-block !important}
.partsListing .tableMain tbody tr, .inspectionList .tableMain tbody tr{padding-left: 14px;}
.tableBtm.clearfix.action_Added{margin-bottom: 60px;}
.displayModified {
    margin-top: -15px;
    margin-right: -15px;
    padding: 5px 10px;
}
}


/* common css for below screen 479 */
@media only screen and (max-width: 567px) {
.paging-detail{width:100%;}
.pageBox{margin:10px 0 0; width:100%; text-align:center}
.formBox div[class*="col-xs-"]{width:100%;}
.formBox div.mHalf{width:50%;}
.hiddenLabel{display:none;}
.hidemobileLand{display:none}
.visiblemobileLand{display:block}
.mobileBox.fieldRow{    padding: 15px 0;border: 1px solid #e2e2e2;margin:0 0 15px 0;}
.mobileBox .deleteFieldrow{right: 0; position: absolute;top: 0;width: 40px;background: #f1f1f1; line-height: 34px;}
.mobileBox label.error{right:inherit; left:0}
}

@media only screen and (max-width: 479px) {
.img_thumbMain{display:block;margin:0 auto}	
.imgUpload{height:auto}	
.img_thumbMain + .uploaderMain{max-width:100%;margin:0;padding:15px 0 0}
.multiImages + .uploaderMain{padding-top:0}
.displayModified{width: 100%; border-radius: 0 0 10px 10px; margin-right: 0; width: 100%; margin-bottom: 15px; }

}

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


/* common css for screen size between 568 to 767 */
@media only screen and (min-width: 568px) and (max-width: 767px) {
.formUl > li{width:50%;}
.formUl > li.mobiFull{width:100%;}
.formBox .row{margin-left: -7px; margin-right:-7px;}
.formBox div[class*="col-xs-"]{padding:0 7px;}

.hThree{width:33.33333333333%;}
.hHalf{width:50%;}
.hFull{width:100%;}
}


/* common css for screen size between 600 to 767 */
@media only screen and (min-width: 640px) and (max-width: 767px) {
div.compMd, div.partsMd{width:50%;margin-top:0px;}

}


/* common css for screen size between 768 to 1199 */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.right_conSec .innerSecSpace{padding:15px;}	
.tableScroll{overflow:auto;}
.tableScroll th, .tableScroll td{white-space:nowrap}
.multiImages li{width:33.33333333%;}
.navSidebar.menu_collapse .menuList ul.mainList > li > ul.subMenu{display:none;}
.btnsDiv .pull-right{float:left !important;}
.btnsDiv .pull-right a:first-child{margin-left:0}	

}


/* common css for screen size between 768 to 1023 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pagination > *{display:block;}
.tableBtm .pagination{margin:-5px 0 0}
.paging-detail{margin:0 0 10px;}

.formUl{margin:0 -8px;}
.formUl > li{width:50%;padding:0 8px 16px}
.formUl > li.oneSix{width:50%;}
.formUl > li.mobiFull, .formUl > li.colTwo{width:100%;}


.hFull{width:100%;}
}


/* common css for screen size between 1024 to 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.formUl > li.horizonFour{width:25%;}
.formUl > li.horizonHalf{width:50%;}
.partsMd{width:42%;}
.compMd{width:42%;margin-left:5%;}

}

.statusSpan {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -268px 0;
    width: 23px;
    height: 23px;
}