@font-face {
  font-family: 'SM_vinylisM';
  src: url('../fonts/SM_vinylisM.woff2') format('woff2'),
       url('../fonts/SM_vinylisM.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AileronLight';
    src: url('../fonts/AileronLight.eot');
    src: url('../fonts/AileronLight.eot') format('embedded-opentype'),
         url('../fonts/AileronLight.woff2') format('woff2'),
         url('../fonts/AileronLight.woff') format('woff'),
         url('../fonts/AileronLight.ttf') format('truetype'),
         url('../fonts/AileronLight.svg#AileronLight') format('svg');
}

@font-face {
    font-family: 'AileronSemiBold';
    src: url('../fonts/AileronSemiBold.eot');
    src: url('../fonts/AileronSemiBold.eot') format('embedded-opentype'),
         url('../fonts/AileronSemiBold.woff2') format('woff2'),
         url('../fonts/AileronSemiBold.woff') format('woff'),
         url('../fonts/AileronSemiBold.ttf') format('truetype'),
         url('../fonts/AileronSemiBold.svg#AileronSemiBold') format('svg');
}

@font-face {
    font-family: 'CopperplateGothicRegular';
    src: url('../fonts/CopperplateGothicRegular.eot');
    src: url('../fonts/CopperplateGothicRegular.eot') format('embedded-opentype'),
         url('../fonts/CopperplateGothicRegular.woff2') format('woff2'),
         url('../fonts/CopperplateGothicRegular.woff') format('woff'),
         url('../fonts/CopperplateGothicRegular.ttf') format('truetype'),
         url('../fonts/CopperplateGothicRegular.svg#CopperplateGothicRegular') format('svg');
}

@font-face f{
    font-family: 'KhulaSemiBold';
    src: url('../fonts/KhulaSemiBold.eot');
    src: url('../fonts/KhulaSemiBold.eot') format('embedded-opentype'),
         url('../fonts/KhulaSemiBold.woff2') format('woff2'),
         url('../fonts/KhulaSemiBold.woff') format('woff'),
         url('../fonts/KhulaSemiBold.ttf') format('truetype'),
         url('../fonts/KhulaSemiBold.svg#KhulaSemiBold') format('svg');
}

@font-face {
    font-family: 'KhulaExtraBold';
    src: url('../fonts/KhulaExtraBold.eot');
    src: url('../fonts/KhulaExtraBold.eot') format('embedded-opentype'),
         url('../fonts/KhulaExtraBold.woff2') format('woff2'),
         url('../fonts/KhulaExtraBold.woff') format('woff'),
         url('../fonts/KhulaExtraBold.ttf') format('truetype'),
         url('../fonts/KhulaExtraBold.svg#KhulaExtraBold') format('svg');
}
/******Technician****/

.marginTopNone{margin-top:0px !important;}

.vertical-middle tr td{vertical-align: middle !important;}
.vertical-middle tr td:nth-child(2), .vertical-middle tr td:nth-child(3), .vertical-middle tr td:nth-child(4){color:#0d638f !important;}

.ratingStarGreen{height:13px; background-image:url(../img/green-rating.png);display: inline-block;}
.ratingStarGreen_1{width:13px;}
.ratingStarGreen_1_5{width:20px;}
.ratingStarGreen_2{width:26px;}
.ratingStarGreen_2_5{width:33px;}
.ratingStarGreen_3{width:39px;}
.ratingStarGreen_3_5{width:46px;}
.ratingStarGreen_4{width:52px;}
.ratingStarGreen_4_5{width:59px;}
.ratingStarGreen_5{width:65px;}
.ratingStarGreen_5_5{width:65px;}

.ratingStarYellow{height:13px; background-image:url(../img/yellow-rating.png);display: inline-block;}
.ratingStarYellow_1{width:13px;}
.ratingStarYellow_1_5{width:20px;}
.ratingStarYellow_2{width:26px;}
.ratingStarYellow_2_5{width:33px;}
.ratingStarYellow_3{width:39px;}
.ratingStarYellow_3_5{width:46px;}
.ratingStarYellow_4{width:52px;}
.ratingStarYellow_4_5{width:59px;}
.ratingStarYellow_5{width:65px;}
.ratingStarYellow_5_5{width:65px;}

.ratingStarRed{height:13px; background-image:url(../img/red-rating.png);display: inline-block;}
.ratingStarRed_1{width:13px;}
.ratingStarRed_1_5{width:20px;}
.ratingStarRed_2{width:26px;}
.ratingStarRed_2_5{width:33px;}
.ratingStarRed_3{width:39px;}
.ratingStarRed_3_5{width:46px;}
.ratingStarRed_4{width:52px;}
.ratingStarRed_4_5{width:59px;}
.ratingStarRed_5{width:65px;}
.ratingStarRed_5_5{width:65px;}


.tooltipIcon {position: relative;display: inline-block;}

/* Tooltip text */
.tooltipIcon .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;top: -15px;left: 18px;position: absolute;z-index: 1;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipIcon:hover .tooltiptext {visibility: visible;}

#country-list{float:left;list-style:none;margin:0;padding:0;width:190px;}
#country-list li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#country-list li:hover{background:#F0F0F0;}
#typeofwork{padding: 10px;border: #F0F0F0 1px solid;}
ul.dropdown{min-width: 125px; background: #f2f2f2;display: none;position: absolute;z-index: 999;left: 0;list-style:none;margin-left: 52px;padding: 5px;border: 1px solid;}
ul.dropdown li{padding: 5px;border: 1px solid;margin:2px}	
.overflowDiv{overflow:auto;}
/**************************************/
.workLocation label{display:block; font-size:13px;}
.workLocation input, .workLocation select{height:34px; line-height:34px; border:1px solid #ccc; width:100%; padding:5px;}
ul.locationIcon{list-style:none; padding:0px; margin:0px;}
ul.locationIcon li{display:inline-block; text-align:center; padding-left:2px;}
ul.locationIcon li:first-child{padding-left:0px;}
ul.locationIcon li label{font-size:12px; display:block; margin-bottom:0px;}
.bgColor{background:#fff !important;}
.padd5{padding-left:5px; padding-right:5px;}
.paddLeftNone{padding-left:0px !important;}
.paddRightNone{padding-right:0px !important;}


@media only screen and (max-width: 991px) {
.padd5{padding-left:0px;}
}
.paddingTop{padding-top:10px;}

/*table tr td{font-family: 'AileronLight'; font-size:10pt !important;}
table tr th{font-family: 'AileronSemiBold';font-size:11pt !important;} */

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-top: 0px;
}

.custom-dropdown::before {
    width: 18px;
    height: 18px;
    right: 8px;
    top: 6px;
    bottom: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
	color:#000000;
}
.custom-dropdown::before, .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.custom-dropdown select {
    color: #ffffff;
    font-size: inherit;
    text-indent: 0.01px;
    -webkit-appearance: none;
    font-weight: normal;
    width: 100%;
    position: initial;
    height: 30px;
    text-align: center;
    background: #ffffff;
    padding: 4px 2.5em 4px 10px;
    margin: 0px;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important;
    border-radius: 20px !important;
	 
}

.custom-dropdown::after {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 13px;
    top: 50%;
    margin-top: -6px;
    color: #333;
}
 
.toobBarBG .navbar-nav > li > a{font-size:13px;} 
.backBtn{margin-right: 0px;
    background: #828282;
    padding: 5px;
    border-radius: 5px !important;}
	
	.backBtn img{margin-top:-2px;}
 


 
#colorpicker_wrapper_ltr .radio{padding-top:0px;}
#colorpicker_wrapper_ltr label.radio-inline{padding-left:0px;}
 .floatNone tr td, .floatNone tr th{float:none !important;}
.dashboardStyle h3{display:inline-block; font-weight:bold !important; font-family:CopperplateGothicRegular !important; font-size:30px;} 
.dashboardStyle table{border-collapse:collapse; width:90%; margin-top:10px;    min-width: 700px;}
.dashboardStyle table tr th{padding:8px; text-align:center;white-space: nowrap; float:left;}
.dashboardStyle table tr td{padding:8px; text-align:center;white-space: nowrap; float:left;}
.dashboardStyle table tr td{font-size:20px !important;font-family: 'KhulaExtraBold';font-style: italic;}
.dashboardStyle table tr td span.fontSize36{font-size:20px !important;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 120px;}
.dashboardStyle table tr td span.fontSize18{font-size:18px !important;}
.dashboardStyle table tr td span.fontSize14{font-size:14px !important;}
.dashboardStyle table tr td:nth-child(1), .dashboardStyle table tr th:nth-child(1){text-align:right;font-weight: bold;font-size:12px !important; position: absolute;
  width: 10em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/font-family: inherit !important;font-style: normal !important;padding: 15px 8px;}
  
  .dashboardStyle table tr:nth-child(1) td{font-family: 'KhulaExtraBold';font-style: italic;}
  .dashboardStyle table tr:nth-child(2) td{font-family: 'KhulaExtraBold';font-style: italic;}
  
  
  
  
  
.dashboardStyle table tr td span.greenBox{background-color:#00a01a; border:1px solid #000000; border-radius:5px 5px 0 0 !important; padding:3px 10px; color:#000000; border-bottom:0px; display:inline-block;}
.dashboardStyle table tr td span.greenText{color:#00a01a;}
.dashboardStyle table tr td span.redBox{background-color:#ff0000; border:1px solid #000000; border-radius:5px 5px 0 0 !important; padding:3px 10px; color:#000000; border-bottom:0px; display:inline-block;}
.dashboardStyle .col-md-8{margin-top:20px;}
.paddingBottomMax{padding-bottom:50px !important;}

div.tableScroll {
  width: auto;
  overflow-x: auto;
  margin-left: 8em;
  overflow-y: auto;
  padding: 0;
}

.headcol {
  position: absolute;
  width: 10em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}

.headcol:before {
  content: 'Row ';
}

.long {
  background: yellow;
  letter-spacing: 1em;
}

ul.calenderView{list-style:none; padding:0px; margin:0px; float:right;} 
ul.calenderView li{display:block;font-weight: 500;}

#companySevices{position:relative;}
#companyEmployee{position:relative;}
.leftArrowIcon{background-color:#828282; border:0px; height:44px; width:44px; border-radius:50% !important; position:absolute; top:50%; z-index:9; left: 130px;transform: translateY(-50%); transition:0.3s;}
.rightArrowIcon{background-color:#828282; border:0px;  height:44px; width:44px; border-radius:50% !important; position:absolute; top:50%; z-index:9; right:50px;transform: translateY(-50%); transition:0.3s;}
.leftArrowIcon:hover, .leftArrowIcon:focus{background-color:#828282 !important; border:0px; outline:0px;}
.rightArrowIcon:hover, .rightArrowIcon:focus{background-color:#828282 !important; border:0px; outline:0px;}
.leftArrowIcon img{height:20px;}
.rightArrowIcon img{height:20px;}

.select2-container-multi .select2-search-choice-close{left: inherit !important; background-position: right top !important;    background-image: url(../img/select2.png) !important;
  background-repeat: no-repeat !important;background-size: inherit !important;}
.select2-container-multi .select2-choices .select2-search-choice{padding: 3px 18px 3px 5px !important;}
/*#gmap_basic{min-height:625px;} */
.posRelative{position:relative;}
.modal-scrollable{z-index: 98 !important; /*position:inherit !important;*/}
#divAjaxModal .modal-header .close {display:none; }
#divAjaxModal22 .modal-header .close {display:none; }
ul.ticketsList{list-style:none; padding:0px; margin:17px 0 0 0; text-align:center;}
ul.ticketsList li{float:left; color:#000000; font-size:14px; text-align: center; width:20%;font-family: 'Eras Demi ITC'; padding:0px 0 5px 0;    background-color: #fff;border-radius: 10px !important;margin: 0 10px;height: 86px;}
ul.ticketsList li:nth-child(1){border:1px solid #ff8762;}
ul.ticketsList li:nth-child(1) span{background-color: #ff8762;
    color: #ffffff;
    border-radius: 7px 7px 0 0 !important;
    margin-top: -1px;
    padding: 5px;
    margin-bottom: 5px;} 
ul.ticketsList li:nth-child(2){border:1px solid #56bdde;}
ul.ticketsList li:nth-child(2) span{background-color: #56bdde;
    color: #ffffff;
    border-radius: 7px 7px 0 0 !important;
    margin-top: -1px;
    padding: 5px;
    margin-bottom: 5px;} 
ul.ticketsList li:nth-child(3){border:1px solid #b198dc;}
ul.ticketsList li:nth-child(3) span{background-color: #b198dc;
    color: #ffffff;
    border-radius: 7px 7px 0 0 !important;
    margin-top: -1px;
    padding: 5px;
    margin-bottom: 5px;} 
ul.ticketsList li:nth-child(4){border:1px solid #6dc7be;}
ul.ticketsList li:nth-child(4) span{background-color: #6dc7be;
    color: #ffffff;
    border-radius: 7px 7px 0 0 !important;
    margin-top: -1px;
    padding: 5px;
    margin-bottom: 5px;} 
ul.ticketsList li span{display:block; font-size:18px; font-weight: bold;}
.marginTop70{margin-top:130px;display: inline-block;width: 100%;}
.confirmedBG{background-color:#00a01a !important;}
.greenBG{background-color:#00a01a;}
.orange{background-color:#eb841b; color:#fff;}
.orange:hover{background-color:#eb841b; color:#fff;}

#cssmenu ul li a{font-family: 'Nunito', sans-serif; font-weight:600 !important;}
*{margin:0;padding:0;text-decoration:none}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;/*position:relative;*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom:0px;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
/*#cssmenu{font-family:sans-serif;background:#333}*/
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
/*#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:rgba(0,0,0,0.2);-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}*/
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:11px;width:8px;height:0px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:22px;right:14px;display:block;width:2px;height:0px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:1; background:#484aff;}
#cssmenu ul ul li{height:auto;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#484aff;transition:all .25s ease;margin: 0 5px;padding: 7px 0;}
#cssmenu ul ul li:hover > a{background:rgba(0,0,0,0.3);}
#cssmenu li:hover > ul{left:auto}
/*#cssmenu li:hover > ul > li{height:35px}*/
#cssmenu ul ul ul{margin-left:100%;top:-1px;}
#cssmenu ul ul li a{padding:10px 15px !important;width:auto;font-size:12px;text-decoration:none;color:#ffffff;font-weight:400; letter-spacing:1px; border-radius:20px !important;} 
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:0px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:0px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li:hover,#cssmenu ul li ul li ul li:hover{background:rgba(0,0,0,0.2);}
/*#cssmenu ul ul ul li.active a{border-left:1px solid rgba(0,0,0,0.5)}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid rgba(0,0,0,0.2)}*/


@media screen and (max-width:1345px){
	.customList > li{margin: 0 !important; float:left;}
	.minWidth253{
	    width: 100% !important;
}
.minWidth33{
	    width: 100% !important;
}
	
	#CmpyCustTable_filter label {line-height: normal; text-transform:capitalize}
	#CmpyEmpTable_filter label {line-height: normal;text-transform:capitalize}
		#CmpyCustTable_filter label input{height: 30px;width: 75px;border: 1px solid #ccc;position: relative;top: -2px;}
		#CmpyEmpTable_filter label input{height: 30px;width: 75px;border: 1px solid #ccc;position: relative;top: -2px;}
		#CmpyCustTable_length select{height: 30px;border: 1px solid #ccc;}
		#CmpyEmpTable_length select{height: 30px;border: 1px solid #ccc;}
	
	div.button{position: relative;top: 5px;}
	
	.dropdown.user.hoverNone.customColor img{height: 30px !important;width: 30px !important;}

.separator{display:none !important;}	
	
	.bgCurve{display:none !important;}
	
.mobileView ul.menu_top li .submenu-button{display:block !important; box-shadow: none !important;border-radius: 0px !important; border-left: 1px solid rgba(0,0,0,0.2) !important;border-top:0px; border-right:0px; border-bottom:0px;background-color: transparent !important;}
	
#cssmenu .arrowIcon	{display:none;}	
#cssmenu:before{display:none}	
.logo{/*position:absolute;*/top:0;left: 0;width:100%;/*height:46px;*/text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;position: relative;}
#cssmenu{width:100%;float: right;}
#cssmenu ul{width:100%;/*display:none !important;*/ margin-top:20px;margin-top: 10px;position: absolute;background: #fff !important;border:1px solid #cccccc;z-index: 999; margin-left:0px;}

.subsubMenu{top:10px !important;}
#cssmenu ul li{width:100%;border-top:1px solid rgba(0,0,0,0.2); margin-left:0px;padding: 10px; position:relative;margin-right: 0;}
#cssmenu ul li:first-child{border-top:0px;}
#cssmenu ul li.secondLI{padding:10px 0;}
#cssmenu ul li span.ml_10{margin-left:10px;}
#cssmenu ul li:hover{background:rgba(0,0,0,0);}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#484aff;margin: 0; padding:0px;}
#cssmenu ul ul li:hover{background:rgba(0,0,0,0.2);}
#cssmenu ul ul ul li a{padding-left:35px !important;}
#cssmenu ul ul ul ul li a{padding-left:50px !important;}
#cssmenu ul ul ul ul ul li a{padding-left:65px !important;}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff;background: none;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0 !important;text-align:left;left: 0 !important;right: 0 !important;z-index: 99;border-top: 1px solid #333 !important;border-radius: 0px !important;border-left: 0px !important;
border-bottom: 0px !important;
border-right: 0px !important;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
/*#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}*/
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:5.4px;right:20px;display:block;height:8px;width:20px;border-top:2.4px solid #333;border-bottom:2.4px solid #333;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:0px;right:20px;display:block;height:2px;width:20px;background:#333;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:8px;border:0;height:2px;width:19px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:8px;background:#333;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0.2);height:74px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:rgba(0,0,0,0.2)}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:33px;right:15px;width:12px;height:2px;display:block;background:#333;content:''}
#cssmenu ul ul .submenu-button:after{top:16px;right:10px}
#cssmenu .submenu-button.submenu-opened:after{background:#333;}
#cssmenu .submenu-button:before{position:absolute;top:28px;right:20px;display:block;width:2px;height:12px;background:#333;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:15px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

ul.menu_top{margin-left:0px;}



}


/*********************
 GENERAL UI COLORS 
*********************/

/***
Colors
blue:  #4b8df8
light blue: #bfd5fa
red: #e02222
yellow: #ffb848
green: #35aa47
purple: #852b99
dark: #555555;
light grey: #fafafa;
***/

/*********************
 GENERAL RESET & SETUP 
*********************/

/***
Import fonts
***/

/*Load Open Sans Font from google fonts*/
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
*/

/* load Open Sans Font from local */
@import url(../fonts/font.css);

/***
Reset and overrides  
***/
/* general body settings */
body { 
  color: #000; 
  font-family: 'Open Sans', sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size:13px; 
  direction: ltr;
}

/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
properly apply the media queries in Bootstrap's CSS. To address this, 
you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport { 
  width: device-width; 
}

@-moz-viewport { 
  width: device-width; 
}

@-ms-viewport { 
  width: device-width; 
}

@-o-viewport { 
  width: device-width; 
}

@viewport { 
  width: device-width; 
}

/* Internet Explorer 10 doesn't differentiate device width from viewport width, 
and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
@-ms-viewport { 
  width: auto !important; 
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */

.google-map-canvas,
.google-map-canvas * { 
  .box-sizing(content-box); 
}

/* Optional responsive image override */
img { 
  max-width1: none; 
}

/***
General typography 
***/
h1 small,
h2 small,
h3 small, 
h4 small, 
h5 small,
h6 small {
  color: #444;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
}

h1.block, 
h2.block, 
h3.block, 
h4.block, 
h5.block, 
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  color: #0d638f;
}

/***
Fix link outlines after click
***/
a,a:focus, a:hover, a:active {
  outline: 0;
  text-decoration:none;
}

/***
General backgrounds. Can be applied to any block or panel
***/

.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
  border-color:#4b8df8 !important;
  color: #fff !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
  border-color: #e02222 !important;
  color: #fff !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
  border-color: #ffb848 !important;
  color: #fff !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
  border-color: #852b99 !important;
  color: #fff !important;
}

.bg-dark {
  background-image: none !important;
  background-color: #555555 !important;
  border-color: #555555 !important;
  color: #fff !important;
}

.be-grey {
  background-image: none !important;
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}

/***
Font Awesome Icons
***/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
}

/***
Make font awesome icons fixed width(latest version issue)
***/
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/***
Close icon used for modal dialog and other UI element close buttons
***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  background-image: url("../img/remove-icon-small.png") !important;
}

/***
General HR
***/

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}

/***
Tools
***/
.display-none,
.display-hide {
  display: none;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.bold {
  font-weight:600 !important;
}

.fix-margin {
  margin-left: 0px !important
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

/********************
 GENERAL LAYOUT 
*********************/

/***
Header and header elements.
***/

.header {
  width: 100%; 
  padding: 0 20px 0 20px;
  margin: 0;
  border: 0px;
  padding: 0px; 
  box-shadow: none;
 height: 63px; 
  min-height: 63px;
}

.header.navbar-fixed-top {
  z-index: 2 !important;
}

.header .navbar-brand {
  display: inline-block;
  margin-top: -1px;
  margin-left: 5px;
  /* padding-left: 0;
  padding-right: 0;
	width: 225px;*/
	padding:10px 0px;
}

.header .navbar-brand img {
  margin-left: 20px;
}

.header .navbar-toggle {
  margin: 8px 6px 4px 6px;
  padding: 0; 
  padding-top:2px;
  padding-bottom: 6px; 
  background-image: none;
  filter:none;
  box-shadow: none;
  color: #fff;
  border: 0;
}

.header .navbar-toggle:hover {
  text-decoration: none;
  background: none;
}

.header .navbar-nav {
  margin-right: 3px;
  display: block; 
}


.header .navbar-nav > li {
  margin: 0px;
  padding: 0px;
}

.header .navbar-nav > li.dropdown, 
.header .navbar-nav > li.dropdown > a {
  padding-left: 4px; 
  padding-right: 4px;
}

.header .navbar-nav > li.dropdown > a:last-child {
  padding-right: 0;
}

.header .navbar-nav > li.dropdown:last-child {
   padding-right: 2px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle {
  margin: 0px;
  padding: 15px 10px 7px 10px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle > i {
  font-size: 18px;
}

.header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
  font-size: 14px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle {
  padding: 0px /*7px 4px 6px 9px*/;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
  text-decoration: none;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
  color: #ddd;
}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 16px;
}

.header .navbar-nav > li.dropdown.user .dropdown-menu i {
  width: 15px;
  display: inline-block;
}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {
  position: absolute;
  top: 8px;
  right: 20px;
}

/* language bar */

.header .navbar-nav > li.dropdown.language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.header .navbar-nav > li.dropdown.language > a {
  color: #ddd;
  font-size: 13px;
  padding: 10px 1px 12px 5px;
}

.header .navbar-nav > li.dropdown.language > a > img {
  margin-bottom: 2px;
}

.header .navbar-nav > li.dropdown.language > a > i {
  font-size: 16px;
}

.header .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img {
  margin-bottom: 2px;
}

.header .navbar-nav .dropdown-menu {
  margin-top: 3px;
}

/***
Page container
***/
.page-container {
  margin: 0px;
  padding: 0px;
}

.page-header-fixed .page-container { 
  margin-top: 10px;  
}

/***
Page sidebar
***/

/* ie8 fixes */
.ie8 .page-sidebar {
  position: absolute;
  width: 225px;
}

.page-sidebar.navbar-collapse {
  padding: 0;
}

.page-sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0; 
}

.page-sidebar-menu > li {
  display: block;
  margin: 0;
  padding: 0; 
  border: 0px;
}

.page-sidebar-menu > li.start > a {
   border-top-color: transparent !important;
}

.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a {
   border-bottom-color: transparent !important;
}

.page-sidebar-menu > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.page-sidebar-menu > li > a i {
  font-size: 16px;
  margin-right: 5px;
  text-shadow:none; 
}

.page-sidebar-menu > li.break {
  margin-bottom: 20px;
}

.page-sidebar-menu > li.active > a {
  border: none; 
  text-shadow:none;
}  

.page-sidebar-menu > li.active > a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("../img/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right:0px;
  top:8px;
}

.page-sidebar ul > li > a > .arrow:before {float: right;margin-top: 0px;margin-right: 5px;display: inline;font-size: 16px;font-family: FontAwesome;height: auto;content: "\f104";font-weight: 300;
text-shadow:none;
}

.page-sidebar-menu > li > a > .arrow.open:before {   
   float: right;
   margin-top: 0px;
   margin-right: 3px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge {
   float: right;
   margin-top: 1px;
   margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
  padding: 0;
}

.page-sidebar-menu > li > ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 8px 0px 8px 0px;
}

.page-sidebar-menu > li.active > ul.sub-menu {
  display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 44px !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  
   float: right;
   margin-top: 1px;
   margin-right: 20px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 18px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
  display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 60px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 80px;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
  display: block;
}


.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
  font-size: 13px;
}

/* sidebar search */
.page-sidebar .sidebar-search {
  padding:0;
  margin: 0;
}

.page-sidebar .sidebar-search .form-container {
  margin: 15px 20px 15px 20px;
  height: 35px;
  padding-top: 7px;
}

.page-sidebar .sidebar-search .form-container .submit {  
  display: block;
  float: right;
  margin-top: 3px;
  width: 13px;
  height: 15px;
  background-repeat: no-repeat;
  box-shadow: none;
  border: 0px; 
  padding: 0px;
  outline: none !important;
}
 
.page-sidebar .sidebar-search .form-container input[type="text"] {
  margin: 0px;
  width: 165px;
  border: 0px;
  padding: 0 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: normal;
}

.page-sidebar .sidebar-search .form-container input[type="text"]:focus {
  outline: none !important;
}

/***
Sidebar toggler(show/hide)
***/

.page-sidebar .sidebar-toggler {
  cursor: pointer; 
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-top: 15px;
  margin-left: 175px;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
}

.sidebar-toggler:hover { 
  filter: alpha(opacity=100);
  opacity: 1;
}

.page-sidebar-closed .sidebar-toggler {  
  margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {  
  width: 29px;
  margin-left: 3px; 
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {  
  border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
  display: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit { 
  margin-top: 5px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
  width: 255px;
  position: relative;
  z-index: 1;
  padding-top: 0px;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {  
  margin-top: 7px;
  margin-left: 8px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 185px;
  display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin: 12px 8px 9px 8px !important;
  display: inline-block !important;
  float: left !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a .selected {
  right: -3px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
  display: none !important;
}

.page-sidebar-closed .sidebar-toggler {
  margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
  margin-top: 6px;
  margin-bottom: 6px;
}

.page-sidebar-closed .page-sidebar-menu {
  width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
  padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu > li:hover {
  width: 236px !important;
  position: relative !important;
  z-index: 2000;
  display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
  display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
  margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {
  display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
  display: none !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
  width: 200px;
  position: absolute;
  z-index: 2000;
  left: 36px;
  margin-top: 0;
  top: 100%;
  display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
  width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
  padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
  padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
  padding-left: 45px !important;
}

/* sidebar container */
 
.page-sidebar-closed  .page-sidebar {
  width: 35px;
}

.page-sidebar-closed  .page-content {
  margin-left: 35px !important;
}


/***
Page content
***/
.page-content {   
  margin-top: 70px !important;   
  padding: 0px;
  background-color: #fff; 
}

.ie8 .page-content { 
    padding: 20px;
    margin-left: 225px; 
    margin-top: 0px;
    min-height: 760px;
}

.ie8 .page-sidebar-fixed .page-content {
    min-height: 600px; 
}

.ie8 .page-content.no-min-height {
    min-height: auto;
  }

.page-full-width .page-content {
    margin-left: 0px !important;
}


/***
Page title
***/
.page-title {
  padding: 0px;
  font-size: 30px;
  letter-spacing: -1px;
  display: block;
  color: #666;
  margin: 15px 0px 15px 0px;
  font-weight: 300;
  font-family: 'sm_vinylism';
}

.page-title small {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #888;
}

/***
Page breadcrumb
***/

.ie8 .row .page-breadcrumb.breadcrumb > li {
  margin-right: 1px;
}

.page-content .page-breadcrumb.breadcrumb {
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  box-shadow: none;
  padding-right: 30px;
  padding-left: 8px;
  margin-top: 0px;
  margin-bottom: 25px;
  border:0px !important;  
  background-color: #eee;
  border-radius:20px !important;
}

.page-content .page-breadcrumb.breadcrumb > li > a, 
.page-content .page-breadcrumb.breadcrumb > li > i, 
.page-content .page-breadcrumb.breadcrumb > li > span {
  color: #333;
  font-size: 14px;
  text-shadow:none;
}

.page-content .page-breadcrumb.breadcrumb > li > i {
  color: #666;
} 

.page-content .page-breadcrumb.breadcrumb > li+li:before {
  display: none;
}

/* Dashboard breadcrumb Dropdown */
.page-content .page-breadcrumb.breadcrumb .btn-group {
  right: 15px;
  position: absolute;
  margin-top: -8px;
}

.page-content .page-breadcrumb.breadcrumb > .btn-group .btn {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Dashboard date range panel */
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range  {
  position: relative;
  top: -8px;
  margin-right: -30px;
  display: none;
  padding: 9px 9px 8px 9px;
  cursor: pointer;
  color: #fff;
  background-color: #e02222;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
  .page-content .page-breadcrumb.breadcrumb .dashboard-date-range  {
    padding: 9px;
  } 
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span {
  font-size: 12px;
  font-weight: 300; 
  color: #fff;
  text-transform: uppercase;
} 

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-calendar {
  text-transform: normal;
  color: #fff;
  margin-top: 0px;
  font-size: 14px;
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-angle-down {
  color:#fff;
  font-size: 16px;
}

/***
Footer
***/

.footer {
  padding: 8px 20px 5px 20px; 
  font-size: 12px;
}

.footer:after,
.footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.footer:after {
  clear: both;
}

.footer .footer-inner {
  float: left;
  display: inline-block;
}

.footer .footer-tools {
  float: right;
  display: inline-block;
}

.footer .footer-tools .go-top { 
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin-top: -2px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0px 6px 0px 6px;
}

.footer .footer-tools .go-top i {
  font-size: 22px;
  margin-bottom: 5px; 
}


/********************
 GENERAL UI ELEMENTS 
*********************/

/***
Icon stuff
***/
i.icon, a.icon {
  color: #999;
  margin-right: 5px;
  font-weight: normal;
  font-size: 13px;
}

i.icon-black {
  color: #000 !important;
}

a.icon:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .4;
  filter:alpha(opacity=40);
}

a.icon.huge i{
  font-size: 16px !important;
}

i.big {
  font-size: 20px;
}

i.warning {
  color: #d12610;
}

i.critical {
  color: #37b7f3;
}

i.normal {
  color: #52e136;
}

/***
Custom wells
***/
.well {
  background-color: #fafafa;
  border: 1px solid #eee;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;   
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;        
}

.well.mini {
  padding: 7px !important;
}

/***
Form stuff
***/


/***
Bordered form layout
***/

/***
Input icons
***/

/* input with right aligned and colored icons */

/* input with left aligned icons */
.input-icon {
  position: relative;
}


.input-icon input {
   padding-left: 33px !important;
}

.input-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-icon.right input {
   padding-left: 12px !important;
   padding-right: 33px !important;
}

.input-icon.right i {
   right: 8px;
   float: right;
}

.has-success .input-icon > i {
  color: #468847;
}

.has-warning .input-icon > i {
  color: #c09853;
}

.has-error .input-icon > i {
  color: #b94a48;
}

/***
Portlets
***/
.portlet  {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}

.portlet > .portlet-title {  
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
  content: "";
  display: table;
  line-height: 0;
}

.portlet > .portlet-title:after {
  clear: both;
}

.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 8px; 
}

.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.portlet.blue > .portlet-title > .caption, .portlet-title.blue > .caption, 
.portlet.green > .portlet-title > .caption, .portlet-title.green > .caption,
.portlet.yellow > .portlet-title > .caption, .portlet-title.yellow > .caption,
.portlet.red > .portlet-title > .caption, .portlet-title.red > .caption,
.portlet.purple > .portlet-title > .caption, .portlet-title.purple > .caption,
.portlet.grey > .portlet-title > .caption, .portlet-title.dark-grey > .caption, {
  color: #fff;
}

.portlet.box.blue > .portlet-title > .caption > i, 
.portlet.box.green > .portlet-title > .caption > i,
.portlet.box.grey > .portlet-title > .caption > i,
.portlet.box.yellow > .portlet-title > .caption > i, 
.portlet.box.red > .portlet-title > .caption > i,  
.portlet.box.purple > .portlet-title > .caption > i, 
.portlet.box.light-grey > .portlet-title > .caption > i{
  color: #fff;
}

.sortable .portlet > .portlet-title {
  cursor: move;
}

.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions
 {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left:5px;
}

.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #000 !important;
}

.portlet > .portlet-title > .tools > a.remove {
  margin-bottom: 2px;
  background-image:url(../img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}

.portlet > .portlet-title > .tools > a.config {
  margin-bottom: 2px;
  background-image:url(../img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}

.portlet > .portlet-title > .tools > a.reload {
  margin-bottom: 2px;
  background-image:url(../img/portlet-reload-icon.png);
  width: 13px;
}

.portlet > .portlet-title > .tools > a.expand {
  margin-bottom: 2px;
  background-image:url(../img/portlet-expand-icon.png);
  width: 14px;
}

.portlet > .portlet-title > .tools > a.collapse {
  margin-bottom: 2px;
  background-image:url(../img/portlet-collapse-icon.png);
  width: 14px;
}

.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity:.6;  
  filter:'alpha(opacity=60)';
}

.portlet > .portlet-title > .actions > .btn-group {
  margin-top: -12px;
}

.portlet > .portlet-title > .actions > .btn {
  padding: 4px 10px;
  margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.portlet > .portlet-title > .actions > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}

.portlet > .portlet-title > .pagination.pagination-sm {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -4px;
}

.portlet > .portlet-body {
  clear: both;  
  padding: 0;  
}

.portlet > .portlet-body.light-blue, .portlet.light-blue {
  background-color: #bfd5fa  !important;
}

.portlet > .portlet-body.blue, .portlet.blue {
  background-color: #4b8df8 !important;
}

.portlet > .portlet-body.red, .portlet.red {
  background-color: #e02222 !important;
}

.portlet > .portlet-body.yellow, .portlet.yellow {
  background-color: #ffb848 !important;
}

.portlet > .portlet-body.green, .portlet.green {
  background-color: #35aa47 !important;
}

.portlet > .portlet-body.purple, .portlet.purple {
  background-color: #852b99 !important;
}

.portlet > .portlet-body.light-grey, .portlet.light-grey {
  background-color: #fafafa !important;
}

.portlet > .portlet-body.grey, .portlet.grey {
  background-color: #555555 !important;
}

/*  draggable girds */

.ui-sortable-placeholder { 
    border: 1px dotted black; 
    visibility: visible !important; 
    height: 100% !important; 
}
  
.ui-sortable-placeholder * { 
  visibility: hidden; 
}

.sortable-box-placeholder {
  background-color: #f5f5f5;
  border: 1px dashed #DDDDDD;
  display: block;
  /* float: left;*/
  margin-top: 0px !important;
  margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
  visibility:hidden;
}

/***
Solid colored portlet
***/
.portlet.solid {
  padding: 10px;
}

.portlet.solid > .portlet-title > .tools {
  margin-top: 2px;
  border: 0px;
}

.portlet.solid > .portlet-title {
  margin-bottom: 5px;
  border: 0px;
}

.portlet.solid.bordered > .portlet-title {
  margin-bottom: 15px;
}

.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-title > .caption > i,
.portlet.solid.red > .portlet-body,

.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-title > .caption > i,
.portlet.solid.green > .portlet-body,

.portlet.solid.yellow > .portlet-title,
.portlet.solid.yellow > .portlet-title > .caption > i,
.portlet.solid.yellow > .portlet-body,

.portlet.solid.grey > .portlet-title,
.portlet.solid.grey > .portlet-title > .caption > i,
.portlet.solid.grey > .portlet-body,

.portlet.solid.purple > .portlet-title,
.portlet.solid.purple > .portlet-title > .caption > i,
.portlet.solid.purple > .portlet-body,

.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-title > .caption > i,
.portlet.solid.blue > .portlet-body {
  border: 0;
  color: #fff;
}

.portlet.bordered {
  border-left: 2px solid #ddd;
}

/***
Box portlet
***/


.portlet.box {
   padding:0px !important
}

.portlet.box > .portlet-title {  
   padding:8px 10px 2px 10px;
   border-bottom: 1px solid #eee;
   color: #fff !important;
}

.portlet.box > .portlet-title > .actions > .btn > i {
  color: #fff !important;
}

.portlet.box > .portlet-title > .tools {
  margin-top: 3px;
}

.portlet.box > .portlet-title > .tools > a.remove, 
.portlet.solid > .portlet-title > .tools > a.remove {
  background-image:url(../img/portlet-remove-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.config,
.portlet.solid > .portlet-title > .tools > a.config {
  background-image:url(../img/portlet-config-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.reload,
.portlet.solid > .portlet-title > .tools > a.reload {
  background-image:url(../img/portlet-reload-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.expand,
.portlet.solid > .portlet-title > .tools > a.expand {
  background-image:url(../img/portlet-expand-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.collapse,
.portlet.solid > .portlet-title > .tools > a.collapse {
  background-image:url(../img/portlet-collapse-icon-white.png);
}

/* portlet buttons */
.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 10px;
      overflow: auto;
}

.portlet.box > .portlet-title {  
  margin-bottom: 0px;
}

.portlet.box.blue > .portlet-title {
  background-color: #4b8df8;
} 

.portlet.box.blue {  
   border: 1px solid #b4cef8;
   border-top: 0;
}

.portlet.box.red > .portlet-title {
  background-color: #e02222;
} 

.portlet.box.red {  
   border: 1px solid #ef8476;
   border-top: 0;
}

.portlet.box.yellow > .portlet-title {
  background-color: #ffb848;
} 

.portlet.box.yellow {  
   border: 1px solid #fccb7e;
   border-top: 0;
}

.portlet.box.green > .portlet-title {
  background-color: #35aa47;
} 

.portlet.box.green {  
   border: 1px solid #77e588;
   border-top: 0;
}

.portlet.box.purple > .portlet-title {
  background-color: #852b99;
} 

.portlet.box.purple {  
   border: 1px solid #af5cc1;
   border-top: 0;
}

.portlet.box.grey > .portlet-title {
  background-color: #555555;
} 

.portlet.box.grey {  
   border: 1px solid #9d9c9c;
   border-top: 0;
}

.portlet.box.light-grey > .portlet-title {
  background-color: #aaa;
} 

.portlet.box.light-grey {  
   border: 1px solid #bbb;
   border-top: 0;
}

/***
Charts and statistics
***/
.chart, .pie, .bars {
  overflow: hidden;
  height: 300px;
}

/***
Statistic lists
***/
.item-list.table .percent {
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}

.item-list.table .title {
  padding-top: -5px;
}

/***
Chart tooltips
***/
.chart-tooltip {
  clear: both;
  z-index: 100;
  background-color: #736e6e !important;
  padding: 5px !important;
  color: #fff;
}

.chart-tooltip .label {
  clear: both;
  display: block;
  margin-bottom: 2px;
}

/***
Mini chart containers
***/
.bar-chart {
  display: none
}

.line-chart {
  display: none
}

/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa !important;
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  display:inline-block !important;
  color: #646464 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  position: relative;  
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.icon-btn i {
  font-size: 18px;
}

.ie8 .icon-btn:hover {
  filter: none !important;
} 

.icon-btn:hover {
  text-decoration: none !important;
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

.icon-btn div {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 20px;  
  color: #000;
  font-size: 12px;
  font-weight: 300;
}

.icon-btn .badge {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px !important;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* extended dropdowns */
.dropdown-menu.extended {
  min-width: 160px !important;
  max-width: 300px !important;
  width: 233px !important;
  background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
  border-bottom-color: #ddd !important;
}

.dropdown-menu.extended li a{
  display: block;
  padding: 5px 10px !important;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  white-space: normal !important;
}

.dropdown-menu.extended li i{
  margin-right: 3px;
}

.dropdown-menu.extended li a{
   font-size: 13px;
   padding: 10px !important;
   background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
  background-image: none;
  background-color: #f5f5f5;
  color: #000;
  filter:none;
}

.dropdown-menu.extended li p{
  padding: 10px;
  background-color: #eee;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.dropdown-menu.extended li a{
  padding: 7px 0 5px 0px;
  list-style: none;
  border-bottom: 1px solid #f4f4f4 !important;
  font-size: 12px;
  text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
  border-top: none;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
  border-top: 1px solid white !important;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li.external > a {
  font-size: 13px;
  font-weight: 400;  
}

.dropdown-menu.extended li.external > a > i{
  margin-top: 3px;
  float: right;
}

/* header notifications dropdowns */
.dropdown-menu .dropdown-menu-list.scroller {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}

.dropdown-menu.notification li > a .time {
  font-size: 12px;
  font-weight: 600;
  text-align: right;
  font-style: italic;
}

/* header inbox dropdowns */
.dropdown-menu.inbox li > a .photo {
  float: left;
  padding-right: 6px;
}

.dropdown-menu.inbox li > a .photo > img {
  height: 40px;
  width: 40px;
}

.dropdown-menu.inbox li > a .subject {
  display: block;
}

.dropdown-menu.inbox li > a .subject .from {
  font-size: 14px;
  font-weight: 400;
  color: #02689b;
}

.dropdown-menu.inbox li > a .subject .time {
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  position: relative;
  float: right;
}

.dropdown-menu.inbox li > a .message {
  display: block !important;
  font-size: 12px;
}

/* header tasks */
.dropdown-menu.tasks .task {
  margin-bottom: 5px;
}

.dropdown-menu.tasks .task .desc {
  font-size: 13px;
  font-weight: 300;
}

.dropdown-menu.tasks .task .percent {
  font-size: 14px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  float: right;
  display: inline-block;
}

.dropdown-menu.tasks .progress {
  display: block;
  height: 11px;
  margin: 0px;
}

/***
General list for item with image
***/
.item-list li .img {
  height: 50px;
  width: 50px;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}

.item-list {
  margin: 0px;
  list-style: none;
}

.item-list li {
  padding: 7px 0 5px 0px;
  list-style: none;
  border-top: 1px solid white;
  border-bottom: 1px solid #EBEBEB;
  font-size: 12px;
}

.item-list li:first-child {
  border-top: none;
  border-bottom: 1px solid #EBEBEB;
}

.item-list li:last-child {
  border-top: none;
  border-bottom: none;
}

.item-list li .label {
  margin-right: 5px;
}

.item-list.todo li .label {
  position: absolute;
  right: 80px;
}

.item-list.todo li .actions {
  position: absolute;
  right: 45px;
}

/***
Custom tables
***/
.table-toolbar {
  margin-bottom: 15px;
}

.table.table-full-width {
  width: 100% !important;
}

.table .m-btn {
  margin-top: 0px;
  margin-left: 0px; 
  margin-right: 5px;
}

.table thead tr th {
  /*font-size: 14px;*/
  font-weight: 600;
}

.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead { 
  color: #999; 
}

.table-advance thead tr th{
  background-color: #DDD; 
  font-size: 14px;
  font-weight: 400; 
  color: #666;
}

.table-advance div.success, 
.table-advance div.info, 
.table-advance div.important, 
.table-advance div.warning, 
.table-advance div.danger {
  position: absolute;
  margin-top:-5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px; 
}
.table-advance tr td:first-child {
  border-left-width: 1px !important; 
}

.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}

.table-advance td.highlight div.success {  
  border-left: 2px solid #66ee66;
}

.table-advance td.highlight div.info {  
  border-left: 2px solid #87ceeb;
}

.table-advance td.highlight div.important {  
  border-left: 2px solid #f02c71;
}

.table-advance td.highlight div.warning {  
  border-left: 2px solid #fdbb39;
}

.table-advance td.highlight div.danger {  
  border-left: 2px solid #e23e29;
}


/***
Star rating
***/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 30px;
}

.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.rating span.star:hover {
  cursor: pointer;
}

.rating span.star:before {
  content: "\f006";
  padding-right: 5px;
  color: #999999;
}

.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #e3cf7a;
}


/***
Item block with details shown on hover
***/
.item {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}

.item .details {
  width: 100%;
  display: none;
  background-color: #000;
  color: #fff !important;
  padding: 5px;
  text-align: center;
  position: relative;
  bottom:30px; 
  margin-bottom:-30px; 
  overflow: hidden; 
  z-index: 6;
}

.item:hover .details {
  display: block;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.item:hover .zoom-icon{
  opacity:0.5;  
  filter: alpha(opacity = 50);
}

/***
Zoom icon overlay on images
***/
.zoom {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;   
  z-index: 5;
}

.zoom .zoom-icon {
  background-image:url("../img/overlay-icon.png");
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0; 
  filter: alpha(opacity = 0);
  z-index: 6;  
  top:0;  
}

/***
Chats
***/
.chats {
  margin:0;
  padding: 0;
  margin-top: -15px;
}

.chats li {
  list-style: none;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 12px;
}

.chats li img.avatar {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
          border-radius: 50% !important;
}

.chats li.in img.avatar {
  float: left;
  margin-right: 10px;
}

.chats li .name {
  color:#3590c1;
  font-size: 13px;
  font-weight: 400;
}

.chats li .datetime {
  color:#333;
  font-size: 13px;
  font-weight: 400;
}

.chats li.out img.avatar {
  float: right;
  margin-left: 10px;
}

.chats li .message {
  display: block; 
  padding: 5px;
  position: relative;
}

.chats li.in .message {
  text-align: left;
  border-left: 2px solid #35aa47;
  margin-left: 65px;
  background: #fafafa 
}

.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  left: -8px;  
  width: 0; 
  height: 0; 

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-right: 8px solid #35aa47;  
}

.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-left: 8px solid #da4a38;  
}

.chats li.out .message {
  border-right: 2px solid #da4a38;
  margin-right: 65px;
  background: #fafafa;
  text-align: right;
}

.chats li.out .name, 
.chats li.out .datetime  {  
  text-align: right;
}

.chats li .message .body {
  display: block; 
}

.chat-form {
  margin-top: 15px;
  padding: 10px;
  background-color: #e9eff3;
  overflow: hidden;
  clear: both;   
}

.chat-form .input-cont {
  margin-right: 40px;
}

.chat-form .input-cont .form-control {
  width: 100% !important;
  margin-bottom: 0px;
}

.chat-form .input-cont input{
  border: 1px solid #ddd;
  width: 100%  !important;  
  margin-top: 0;
}

.chat-form .input-cont input {
  background-color: #fff !important;
}

.chat-form .input-cont input:focus{
  border: 1px solid #4b8df9 !important;
}

.chat-form .btn-cont {
  margin-top: -42px;
  position: relative;
  float: right;
  width:44px;
}

.chat-form .btn-cont .arrow {
  position: absolute;
  top: 17px;
  right: 43px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-right: 8px solid #4d90fe;   
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
}

.chat-form .btn-cont:hover .arrow {
  border-right-color: #0362fd;
}

.chat-form .btn-cont:hover .btn {
  background-color: #0362fd;
}

.chat-form .btn-cont .btn {
  margin-top: 8px;
}

/***
System feeds
***/
.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.feeds li {
  background-color: #fafafa;
  margin-bottom: 7px;   
}

.feeds li:before, 
.feeds li:after {
  display: table;
  line-height: 0;
  content: "";
}

.feeds li:after {
  clear: both;
}

.feeds li:last-child {
  margin-bottom: 0px;
}

.feeds .col1 {
  float:left;
  width:100%;  
  clear: both;
}

.feeds .col2 {
  float:left;
  width:75px;
  margin-left:-75px;
}

.feeds .col1 .cont {
  float:left;
  margin-right:75px;
  overflow:hidden;
}

.feeds .col1 .cont  .cont-col1 {
  float:left;
  margin-right:-100%;
}

.feeds .col1 .cont  .cont-col1 .label {
  display: inline-block;
  padding: 5px 4px 6px 5px;
  vertical-align: middle;
  text-align: center;
}
.feeds .col1 .cont  .cont-col1 .label > i {
  text-align: center;
  font-size: 14px;
}

.feeds .col1 .cont .cont-col2 {
  float:left;
  width:100%;
}

.feeds .col1 .cont .cont-col2 .desc { 
  margin-left:35px;
  padding-top: 4px;
  padding-bottom: 5px;
  overflow:hidden;
}

.feeds .col2 .date {
  padding: 4px 9px 5px 4px;
  text-align: right;
  font-style: italic;
  color:#c1cbd0;
}

/***
Users
***/
.user-info {
  margin-bottom: 10px !important;
}

.user-info img {
  float: left;
  margin-right: 5px;
}

.user-info .details {
  display: inline-block;
}

.user-info .label {
  font-weight: 300;
  font-size: 11px;
}

/***
Accordions
***/
.accordion-heading {
  background:#eee;
}

.accordion-heading a {
  text-decoration:none;
}

.accordion-heading a:hover {
  text-decoration:none;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color:#b9cbd5;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#e0eaf0 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#557386;
  display:block;
  background:#f0f6fa;
  border-left:solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e0eaf0;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a {
  border-left:solid 2px #0c91e5;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#169ef4;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#0c91e5 !important;  
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}

/***
Custom tabs
***/

.tabbable-custom { 
  margin-bottom: 15px; 
  padding: 0px;  
  overflow: hidden;
}   

.tabbable-custom > .nav-tabs { 
  border: none; 
  margin: 0px;
}

.tabbable-custom > .tab-content { 
   background-color: #fff;
   border: 1px solid #ddd;  
   -webkit-border-radius: 0; 
   -moz-border-radius: 0; 
   border-radius: 0; 
   padding: 10px;
}

.tabbable-custom.nav-justified .tab-content {
  margin-top: -1px;
}

.tabs-below.tabbable-custom.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
}

.tabbable-custom.boxless > .tab-content {
  padding:15px 0;
  border-left:none;
  border-right:none;
  border-bottom:none;
}

.tabbable-custom .nav-tabs > li { 
  margin-right: 2px; 
  border-top: 2px solid transparent; 
}

.tabbable-custom .nav-tabs > li > a { 
   margin-right: 0; 
 }

.tabbable-custom .nav-tabs > li > a:hover { 
  background: none;
  border-color:transparent;
}

.tabbable-custom .nav-tabs > li.active { 
  border-top: 3px solid #d12610; 
  margin-top: 0; 
  position: relative; 
}

.tabbable-custom .nav-tabs > li.active > a  { 
  border-top: none; 
  font-weight: 400; 
}

.tabbable-custom .nav-tabs > li.active > a:hover { 
  border-top: none; 
  background: #fff; 
  border-color: #d4d4d4 #d4d4d4 transparent; 
}

.tabbable-custom .nav-tabs > li { 
  margin-right: 2px; 
  border-top: 2px solid transparent; 
}

/* below tabs */


.tabs-below.tabbable-custom .nav-tabs > li > a { 
  border-top: none; 
  border-bottom: 2px solid transparent; 
  margin-top: -1px; 
}

.tabs-below.tabbable-custom .nav-tabs > li.active { 
    border-top: none; 
    border-bottom: 3px solid #d12610; 
    margin-bottom: 0; 
    position: relative; 
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a { 
  border-bottom: none 
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 #d4d4d4 transparent; 
}
    
/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width > .tab-content {
  padding:15px 0;
  border-left:none;
  border-right:none;
  border-bottom:none;
}

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
  color:#424242;
  font-size:15px;
  padding:9px 15px;
}


/***
Custom portlet tabs
***/
.portlet-tabs > .nav-tabs {
    position: relative;
    top: -41px;
    margin-right: 10px;
    overflow: hidden;
}

.portlet-tabs > .nav-tabs > li {
    float: right;
}

.portlet-tabs > .nav-tabs {
    border-bottom: none;
}

.portlet-tabs > .nav-tabs > li > a {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;    
  border-right: 0;
     -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
             border-radius: 0px;   
}

.portlet-tabs > .nav-tabs > li:last-child > a {
  border-right:0;
}

.portlet-tabs > .nav-tabs > li {
  margin-left: 1px;
}

.portlet-tabs > .nav-tabs > li.active {
  color: #333;
  border-top-color: transparent;
}

.portlet-tabs > .nav-tabs > li.active > a {
  margin-bottom: 0px;
  border-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;    
  border-right: 0;
  background-color: none !important;
  border-top-color:transparent !important;
}

.portlet-tabs > .nav-tabs > li > a:hover {   
  color: #333;
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;    
  border-right: 0;
  background-color: none !important;
  border-top-color:transparent;
  background-color: #fff;
}  

.portlet-tabs > .nav-tabs > .active > a  {
  color: #555555;
  cursor: default;
  background-color: #fff;
}

.portlet-tabs > .nav-tabs > .active > a:hover {
  background-color: #fff !important;
}

.portlet-tabs > .tab-content {
  padding: 10px !important;
  margin: 0px;
  margin-top: -50px !important;
}

.portlet.tabbable .portlet-body {
  padding: 0px;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/***
Dashboard container
***/
/*#dashboard {
  overflow: hidden;
}*/

/***
Dashboard stats
***/
.dashboard-stat {
  margin-bottom: 25px;
}

.dashboard-stat:before,
.dashboard-stat:after {
  display: table;
  line-height: 0;
  content: "";
}
.dashboard-stat:after {
  clear: both;
}

.dashboard-stat .visual {
  width: 80px;
  height:80px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  margin-bottom: 10px;
}

.dashboard-stat .visual i {
  font-size: 65px;
  line-height: 65px;
  color: #fff;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:rgba(0,0,0,0) !important;}
.worldTime{background:#f5f5f5;margin-top: 10px; margin-bottom:10px; float:left; /*width:100%;*/position: fixed;z-index: 1; left:20px; right:20px; border:1px solid #cccccc;border-radius:7px !important;}
.clockclassid{color: #484aff;margin-top: 5px;display: block;font-weight: bold;}

@media (min-width: 992px) and (max-width: 1024px) {  

  .dashboard-stat .visual i { 
    font-size: 28px;
    line-height: 28px;
  }
}

@media (min-width: 1201px) and (max-width: 1550px) { 
		ul.middleOption li{padding:0px !important;}
		ul.middleOption li a{font-size:12px !important;}
		.navbar-brand{font-size:14px;}

}

@media (min-width: 992px) and (max-width: 1200px) {  

  .navbar-brand{font-size:15px;}
  ul.middleOption li:first-child{padding-left:0px;}
/*  ul.middleOption li{padding:9px 8px !important;}*/
  ul.middleOption li a{font-size:11px !important;}
  ul.middleOption li a .glyphicon{font-size:12px !important; top:2px !important;}
  .paddLeftRightNone{padding-left:0px; padding-right:0px;}
  ul.middleOption{padding: 0px 0 0 0 !important;}
  ul.middleOption li ul{top:35px !important;}
  ul.middleOption li ul ul{top:0px !important; left:170px !important;}
  ul.middleOption li ul li{width: 170px !important;}
}

@media (max-width: 991px) { 



ul.middleOption{position:absolute; top:30px;background-color: #484aff;width: 89%;}
ul.middleOption li{display:block !important; float:none !important; border-top:1px solid rgba(255,255,255,0.2);}
ul.middleOption li ul{position:initial !important;}
ul.middleOption li ul li{width:100% !important;}
ul.middleOption li li .glyphicon, ul.middleOption li li li .glyphicon{transform:rotate(90deg);}
ul.middleOption li ul li a{padding-left:50px;}
ul.middleOption li ul li li a{padding-left:70px;}
ul.middleOption li ul li li li a{padding-left:90px;}

ul.middleOption{display:none;}
  .imgUser{margin-top: -2px;}
}

.dashboard-stat .details {
  position: absolute;
  right: 15px;
  padding-right: 10px;  
}

.dashboard-stat .details .number {    
  padding-top: 15px;
  text-align: right;
  font-size: 34px;
  line-height: 34px;
  letter-spacing: -1px;
  margin-bottom: 5px;
  font-weight: 300;
  color: #fff;
}

.dashboard-stat .details .desc {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #fff;  
}

.dashboard-stat .more {
  clear: both;
  display: block;  
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  color: #fff;  
  opacity: 0.7;  
  filter: alpha(opacity=70);
}  

.dashboard-stat .more:hover {
  text-decoration: none;
  opacity: 1;  
  filter: alpha(opacity=100);
}

.dashboard-stat .more > i {
  display: inline-block;
  margin-top: 1px;
  float: right;
}

.dashboard-stat.blue {
  background-color: #27a9e3;
}

.dashboard-stat.blue .more { 
  background-color: #208dbe;
} 

.dashboard-stat.green {
  background-color: #28b779;
}

.dashboard-stat.green .more { 
  background-color: #10a062;
} 

.dashboard-stat.red {
  background-color: #e7191b;
}

.dashboard-stat.red .more { 
  background-color:#bc0d0e;
} 

.dashboard-stat.yellow {
  background-color: #ffb848;
}

.dashboard-stat.yellow .more { 
  background-color: #cb871b;
} 

.dashboard-stat.purple {
  background-color: #852b99;
}

.dashboard-stat.purple .more { 
  background-color: #6e1881;
} 


/***
Tiles(new in v1.1.1)
***/
.tiles {
  margin-right: -10px;
}

.tile {
  display: block;
  letter-spacing: 0.02em;
  float: left;
  height: 135px;
  width: 135px !important;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
  overflow: hidden;
  border: 4px solid transparent;
  margin: 0 10px 10px 0;
}

.tile:after,
.tile:before {
  content: "";
  float: left; 
}

.tile.double {
  width: 280px !important;
}

.tile.double-down {
  height: 280px !important;
}

.tile:active, .tile.selected {
  border-color: #ccc !important;
}

.tile:hover {
  border-color: #aaa !important;
}

.tile.selected .corner:after {  
  content: "";
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #ccc;
  position: absolute;
  top: -3px;
  right: -3px;
}

.tile.selected .check:after {  
  content: "";
  font-family: FontAwesome;
  font-size: 13px;
  content: "\f00c";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
}

.tile * {
  color: #ffffff;
}

.tile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}

.tile .tile-body img {
  float: left;
  margin-right: 10px;
}

.tile .tile-body img.pull-right {
  float: right !important;
  margin-left: 10px;
  margin-right: 0px;
}

.tile .tile-body .content {
  display: inline-block;
}

.tile .tile-body > i {
  margin-top: 17px;
  display: block;
  font-size: 56px;
  line-height: 56px;
  text-align: center;
}


.tile.double-down i {
  margin-top: 95px;
}

.tile .tile-body h1,
.tile .tile-body h2,
.tile .tile-body h3,
.tile .tile-body h4,
.tile .tile-body h5,
.tile .tile-body h6,
.tile .tile-body p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}

.tile .tile-body h3,
.tile .tile-body h4 {
  margin-bottom: 5px;
}

.tile .tile-body h1:hover,
.tile .tile-body h2:hover,
.tile .tile-body h3:hover,
.tile .tile-body h4:hover,
.tile .tile-body h5:hover,
.tile .tile-body h6:hover,
.tile .tile-body p:hover {
  color: #ffffff;
}

.tile .tile-body p {
  font-weight: 400;
  font-size: 13px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}

.tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}

.tile .tile-body p:hover {
  color: #ffffff;
}

.tile.icon > .tile-body {
  padding: 0;
}

.tile .tile-object {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}

.tile .tile-object:before,
.tile .tile-object:after {
  display: table;
  content: "";
}

.tile .tile-object:after {
  clear: both;
}

.tile .tile-object > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 13px;
  font-smooth: always;
  color: #ffffff;
}

.tile .tile-object > .name > i {
  vertical-align: middle;
  display: block;
  font-size: 24px;
  height: 18px;
  width: 24px;
}

.tile .tile-object > .number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 14px;
  font-smooth: always;
  margin-bottom: 8px;
  margin-right: 10px;
}

.tile.image {  
  border-color1: transparent !important;
}

.tile.image > .tile-body {
  padding: 0 !important;
}

.tile.image > .tile-body > img{
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}

.tile.image .tile-body h3 {
  display: inline-block;
}

/***
Theme Panel
***/

.theme-panel {
  width: 320px;
  margin-top: -20px;
  margin-right: 1px;
  z-index: 999;
  float: right;
  position:relative;
}

.theme-panel > .toggler {
  top:4px;
  right:0;
  padding:20px;
  cursor:pointer;
  position:absolute;
  background:#c9c9c9 url(../img/icon-color.png) center no-repeat;
}

.theme-panel > .toggler:hover {
  background-color: #3d3d3d !important;
}

.theme-panel > .toggler-close {
  display: none;
  top:4px;
  right:0;
  padding:20px;
  cursor:pointer;
  position:absolute;
  background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important;
}

.theme-panel > .toggler-close:hover {
  background-color:#222 !important;
}

.theme-panel > .theme-options {
  top:4px;
  right:40px;
  display:none;
  position:absolute;
  background:#3d3d3d;
}

.theme-panel > .theme-options > .theme-option {
  color:#cfcfcf;
  padding: 15px;
  border-top:1px solid #585858;
  margin-top: 0px;
  margin-bottom: 0px;
}

.theme-panel > .theme-options > .theme-option.theme-colors {
  border-top: 0;
}

.theme-panel > .theme-options > .theme-option > span {  
  text-transform:uppercase;
  display: inline-block;
  width: 85px;
  font-size: 14px;
}

.theme-panel > .theme-options > .theme-option.theme-colors > span {
  display: block;
  width: auto;
}

.theme-panel > .theme-options > .theme-option > select.form-control {
  display: inline;
  width: 100px;
  text-transform: lowercase;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul {
  list-style:none;
  padding: 0;
  display: block;
  margin-bottom: 1px !important;
  margin-top: 10px;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
  width:30px;
  height:30px;
  margin:0 4px;
  cursor:pointer;
  list-style:none;
  float: left;
  border:solid 1px #707070;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
  margin-left: 0;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
  border:solid 2px #ebebeb;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {
  background:#333438;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
  background:#6d6d6d;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
  background:#124f94;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {
  background:#623f18;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {
  background:#701584;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {
  background:#fff;
}

/***
Top bar menu
***/

/* enable arrow for dropdown menu */
.header .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.header .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

/***
Horezantal Menu(new in v1.2)
***/

.header .hor-menu {
  margin: 0;
  float: left;
}

.header .hor-menu ul.nav li a {
  font-size: 14px;
  padding: 11px 18px; 
}

.header .hor-menu ul.nav li {
  position: relative;
}

.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  background: #e02222 !important; 
}

.header .hor-menu ul.nav li.active .selected {
  left: 50%;
  bottom:0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #e02222;
  display: inline-block;
  margin: 0;
  width: 0px;
  height:0px;
  margin-left: -7px;
  margin-bottom:-6px;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
    background: #2d2d2d;
}

/*drop-down*/
.header .hor-menu .dropdown-menu {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: #2d2d2d;
}

.header .hor-menu .dropdown-menu li > a {
    color: #999;
    padding: 7px 18px !important; 
    margin-bottom:1px;
}

.header .hor-menu .dropdown-menu .arrow {
  display: none;
}

.header .hor-menu .dropdown-menu li > a:hover,
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu .dropdown-menu li.active > a {
    color: #fff;
    filter:none !important;
    background: #e02222 !important;
}

.header .hor-menu .nav > li > .dropdown-menu:after,
.header .hor-menu .nav > li > .dropdown-menu:before {
    border-bottom: none !important;
}

/*search*/
.header .hor-menu .hor-menu-search-form-toggler {
    display: inline-block;
    padding: 12px 22px 12px 22px !important;
    cursor: pointer;
    background: url(../img/hor-menu-search.png) no-repeat center;
}

.header .hor-menu .hor-menu-search-form-toggler:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .hor-menu-search-form-toggler.off {
   background: #101010 url(../img/hor-menu-search-close.png) no-repeat center;
}

.header .hor-menu a.hor-menu-search-form-toggler-close {
  display: none;
}

.header .hor-menu .search-form {
  top:42px; 
  right:0px; 
  padding:8px; 
  display:none;
  z-index:999; 
  position:absolute; 
  background:#101010; 
}

.header .hor-menu .search-form .btn {
  color: #999;
  padding: 7px 20px; 
  height: 32px;
  width: 10px;
  display: inline-block;
  background: #2d2d2d url(../img/search-icon.png) no-repeat center;
}

.header .hor-menu .search-form .btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .search-form form {
  margin-bottom: 0;
}

.header .hor-menu .search-form form input {
  background: none;
  width: 200px;
  color: #999;
  border: none;
}
/***
Top News Blocks(new in v1.2.2)
***/
.top-news {
  color: #fff;
  margin: 8px 0;
}

.top-news a,
.top-news em,
.top-news span {
  display: block;
  text-align: left;
}

.top-news a {
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
}

.top-news a .top-news-icon {
  right: 8px;
  bottom: 15px; 
  opacity:0.3; 
  font-size: 35px;
  position: absolute;
  filter: alpha(opacity=30); /*For IE8*/  
}

.top-news em {
  margin-bottom: 0;
  font-style: normal;
}

.top-news span {
  font-size: 18px;
  margin-bottom: 5px;
}

/***
Block Images(new in v1.2.2)
***/
.blog-images {
  margin-bottom: 0;
}

.blog-images li {
  padding: 0;
  margin: 0;
  display: inline;
}

.blog-images li a:hover {
  text-decoration: none;
}

.blog-images li img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin: 0 2px 8px;
}

.blog-images li img:hover {
  opacity: 1;
  box-shadow: 0 0 0 4px #72c02c;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}

/*Sidebar Tags*/
ul.sidebar-tags a {
  color: #555;
  font-size:12px;
  padding:3px 5px;
  background:#f7f7f7;
  margin:0 2px 5px 0;
  display:inline-block;
}

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i {
  background: #EEE;
  text-decoration:none;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

ul.sidebar-tags a i {
  color:#777;
}

ul.sidebar-tags li {
  padding: 0;
}

/***
Social Icons(new in v1.2.2)
***/
.social-icons {
  padding: 0;
  margin:0;
}

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}

.social-icons:after {    
  clear: both;
}

.social-icons li {
  float:left;
  display:inline;
  list-style:none;
  margin-right:5px;
  margin-bottom:5px;
  text-indent:-9999px;
}
.social-icons li a, a.social-icon {
  width:28px;
  height:28px;
  display:block;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position:0 -38px !important;
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social-icons .amazon {background: url(../img/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(../img/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(../img/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(../img/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(../img/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(../img/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(../img/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(../img/social/facebook.png) no-repeat;}
.social-icons .forrst {background: url(../img/social/forrst.png) no-repeat;}
.social-icons .github {background: url(../img/social/github.png) no-repeat;}
.social-icons .googleplus {background: url(../img/social/googleplus.png) no-repeat;}
.social-icons .jolicloud {background: url(../img/social/jolicloud.png) no-repeat;}
.social-icons .last-fm {background: url(../img/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(../img/social/linkedin.png) no-repeat;}
.social-icons .picasa {background: url(../img/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(../img/social/pintrest.png) no-repeat;}
.social-icons .rss {background: url(../img/social/rss.png) no-repeat;}
.social-icons .skype {background: url(../img/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(../img/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(../img/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(../img/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(../img/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(../img/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(../img/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(../img/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(../img/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(../img/social/vk.png) no-repeat;}
.social-icons .instagram {background: url(../img/social/instagram.png) no-repeat;}
.social-icons .reddit {background: url(../img/social/reddit.png) no-repeat;}

/***
Inline Social Icons
***/
.social-icon {
  display:inline-block !important;
  width:28px;
  height:28px;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icon.amazon {background: url(../img/social/amazon.png) no-repeat;}
.social-icon.behance {background: url(../img/social/behance.png) no-repeat;}
.social-icon.blogger {background: url(../img/social/blogger.png) no-repeat;}
.social-icon.deviantart {background: url(../img/social/deviantart.png) no-repeat;}
.social-icon.dribbble {background: url(../img/social/dribbble.png) no-repeat;}
.social-icon.dropbox {background: url(../img/social/dropbox.png) no-repeat;}
.social-icon.evernote {background: url(../img/social/evernote.png) no-repeat;}
.social-icon.facebook {background: url(../img/social/facebook.png) no-repeat;}
.social-icon.forrst {background: url(../img/social/forrst.png) no-repeat;}
.social-icon.github {background: url(../img/social/github.png) no-repeat;}
.social-icon.googleplus {background: url(../img/social/googleplus.png) no-repeat;}
.social-icon.jolicloud {background: url(../img/social/jolicloud.png) no-repeat;}
.social-icon.last-fm {background: url(../img/social/last-fm.png) no-repeat;}
.social-icon.linkedin {background: url(../img/social/linkedin.png) no-repeat;}
.social-icon.picasa {background: url(../img/social/picasa.png) no-repeat;}
.social-icon.pintrest {background: url(../img/social/pintrest.png) no-repeat;}
.social-icon.rss {background: url(../img/social/rss.png) no-repeat;}
.social-icon.skype {background: url(../img/social/skype.png) no-repeat;}
.social-icon.spotify {background: url(../img/social/spotify.png) no-repeat;}
.social-icon.stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;}
.social-icon.tumblr {background: url(../img/social/tumblr.png) no-repeat;}
.social-icon.twitter {background: url(../img/social/twitter.png) no-repeat;}
.social-icon.vimeo {background: url(../img/social/vimeo.png) no-repeat;}
.social-icon.wordpress {background: url(../img/social/wordpress.png) no-repeat;}
.social-icon.xing {background: url(../img/social/xing.png) no-repeat;}
.social-icon.yahoo {background: url(../img/social/yahoo.png) no-repeat;}
.social-icon.youtube {background: url(../img/social/youtube.png) no-repeat;}
.social-icon.vk {background: url(../img/social/vk.png) no-repeat;}
.social-icon.instagram {background: url(../img/social/instagram.png) no-repeat;}
.social-icon.reddit {background: url(../img/social/reddit.png) no-repeat;}

.social-icon:hover {
  background-position:0 -38px;
}

.social-icon-color {
  opacity: 0.7;
  background-position:0 -38px !important;
}

.social-icon-color:hover {
  opacity: 1;
}


/***
Notes
***/

/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}

/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}

.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}

/***
Demo Utils
***/
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}

.fontawesome-demo i {
  font-size: 18px;
}

.fontawesome-demo li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
}
.glyphicons-demo ul li:hover {
  background-color: rgba(86,61,124,.1);
}

@media (min-width: 768px) {
  .glyphicons-demo ul li {
    width: 12.5%;
  }
}


/***
Forms 
****/



.help-block {
 margin-top: 5px;
 margin-bottom: 5px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

.control-label {
  margin-top: 2px;
}

.form-control-static {
  font-size: 14px;
  padding-top: 7px;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.switch-wrapper {
   display: inline-block;
}

.form {
  padding: 0 !important;
}

.form-body {
  padding: 10px;
}

.form-actions {
  padding: 20px 10px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions.nobg {
  background-color: transparent;
}

.form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-actions.fluid {
  padding: 20px 0;
}

.form-actions.fluid > [class^="col-"] {
  padding-left: 13px;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
  margin-top: 5px;
}

.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}

/* left, right aligned form actions */
.form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

/* Checkboxes */
.form-group .checkbox {
  padding-left: 0;
}

.checkbox-list > label {
  display: block;
}

.checkbox-list > label.checkbox-inline {
  display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radios */

.radio-list > label {
  display: block;
}

.radio-list > label.radio-inline {
  display: inline-block;
}

.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}

.form-horizontal .radio-list .radio {
  padding-top: 1px;
}

/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 10px 10px 0px;
}

.form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.form-row-seperated .form-actions {
  margin-top: 0;
}

.form-row-seperated .form-body {
  padding: 0;
  margin-top: 0;
}

.form-row-seperated .help-block {
  margin-bottom: 0;
}

/* form bordered */
.form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form-bordered .form-actions {
  margin-top: 0;
}

.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered .form-group.last {
    border-bottom: 0;
}

.form-bordered .help-block {
  margin-bottom: 0;
}

.form-bordered .control-label {
  padding-top: 16px;
}

.form-bordered .form-group > div {  
  padding: 10px;
  border-left: 1px solid #efefef;
}

.form-bordered .form-actions.fluid > .row > div {
  padding-left: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
} 

.form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;  
}

/***
Bordered form layout
***/

.form-bordered .form-control {
  margin: 0;
}


/***
Disabled Menu Link
***/

.disabled-link > a > span.text,
.disabled-link > a > span.title {
  font-style: italic !important;
  color: #888 !important;
}

.disabled-link > a:hover  {
  cursor: not-allowed !important;
}


/***
Responsive & Scrollable Tables
***/

.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}

.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}




.table-scrollable > .table > tbody > tr td:nth-child(2) {
  position:relative;
}

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > thead > tr > td,
.table-scrollable > .table > tbody > tr > td,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}

.table-scrollable > .table-bordered {
  border: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

/***
Responsive Flip Scroll Tables
***/

.flip-scroll table { width: 100%; }

@media only screen and (max-width: 800px) {
  
  .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .flip-scroll * html .flip-content { zoom: 1; }
  .flip-scroll *:first-child+html .flip-content { zoom: 1; }
  
  .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
  .flip-scroll th,
  .flip-scroll td { margin: 0; vertical-align: top; }
  .flip-scroll th { 
    text-align: left; 
    border: 0 !important; 
    border-bottom: 1px solid #ddd !important; 
    border-right: 1px solid #ddd !important; 
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }
  
  .flip-scroll table { display: block; position: relative; width: 100%; }
  .flip-scroll thead { 
    display: block; 
    float: left; 
  }
  .flip-scroll tbody { 
    display: block; 
    width: auto; 
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap;     
  }
  .flip-scroll thead tr { display: block; border: !important;  }
  .flip-scroll th { display: block; text-align: right; }
  .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; }
  .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important}
  .flip-scroll td:first-child {}
 
 
  /* sort out borders */
 
  .flip-scroll th { border-bottom: 0; border-left: 0; }
  .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
  .flip-scroll tbody tr { border-left: 1px solid #ddd; }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
}
/*************************css***********************************/
.table-responsive {height: 202px;font-size: 17px;margin: 36px;color: grey;font-weight: bold;
}
/***********************unread***************************************/
span.ur {
    color: #fff;
    background-color: red;
    padding: 0px 14px;
    border-radius: 10px !important;
    font-weight: bold;
}
.hi td {    
  color: #000;    
  font-weight: bold;
}
}


.timeborderClass{
	/*border: 1px solid #999;
	border-radius: 10px !important;*/
	}
	.timetextClass{
	text-align: center;
	margin: 10px 0 !important;
	font-weight: normal !important;
	padding-left:10px;
	font-size: 14px;
    font-family: 'Myriad Pro Bold';
	    border-left: 1px solid #ccc;
	}
	ul.timeZoneWorld{list-style:none;text-align:center;padding: 0 15px 0 0; margin:5px 0px;}
	ul.timeZoneWorld li{display:inline-block; color:#000000; margin-left:10px; width:20%;}
	ul.timeZoneWorld li:nth-child(1) .timetextClass{border-left:0px !important;}

	
ul.middleOption{list-style:none;margin: 0;padding: 0px 0;}
ul.middleOption li{display:inline-block; float:left; position:relative; cursor:pointer; margin:0px; z-index:9;}
ul.middleOption li:hover, ul.middleOption li.active{background:rgba(0,0,0,0.5);}
ul.middleOption li li.active{background:rgba(0,0,0,0.5);}
ul.middleOption li a{color:#ffffff; font-size:14px;top: -2px;position: relative;font-family: 'sm_vinylism'; padding:3px 20px; display:block; height:63px; line-height:63px;}
ul.middleOption li ul{display:none; position:absolute; top:63px; left:0; background:#484aff; margin:0px; padding:0px; z-index:999;}
ul.middleOption li ul ul{display:none !important; position:absolute; top:0px; left:220px; background:#484aff; margin:0px; padding:0px;}
ul.middleOption li:hover ul{display:block;}
ul.middleOption li li:hover ul{display:block !important;}
ul.middleOption li li:hover .SubSubmenu{display:none !important;}
ul.middleOption li li li:hover .SubSubmenu{display:block !important;}
ul.middleOption li ul li{ width:220px; position:relative;}
ul.middleOption li ul li a{color:#ffffff; height:40px; line-height:40px;}
ul.middleOption li a:hover{text-decoration:none;}
ul.middleOption li a .glyphicon{font-size:18px; top:4px;}
.navbar-brand span{color:#000000; font-family: 'bradley_hand_itc_ttbold';}
.arrowIcon{float: right;font-size: 12px !important;top: 0;font-weight: lighter; right:-8px;}
ul.subButton{list-style:none; padding:0px; margin:35px 0 0 0px;}
ul.subButton li{float:left; margin:0px 5px 0 5px; background-color: #ffffff;padding: 10px; border-radius: 7px !important; box-shadow:0 2px 1px #555;}
ul.subButton li:nth-child(1){border-left:5px solid #bbdcff;}
ul.subButton li:nth-child(2){border-left:5px solid #c3e6cb;}
ul.subButton li:nth-child(3){border-left:5px solid #f5c7cc;}
.floatNone{float:none !important;}
ul.middleOption li li .glyphicon, ul.middleOption li li li .glyphicon{right:-10px;top: 12px;}
.arrowDown{position:absolute; bottom:-15px; left:30px;cursor: pointer; display:none;height: 15px;}
.arrowUp{position:absolute; top:-15px; left: 10px;cursor: pointer; height: 15px;}
/* footer logo css start (28-11-2019) */
.diverseNetLogo{height:70px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.diverseNetLogo_diver{background-image:url(../../assets/img/diversenet-logo.jpg); height:70px; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.marginTop12{margin-top:27px !important;}
/* footer logo css end (28-11-2019) */
.marginTop25{margin-top:25px;}
.fc-header .fc-state-active, .fc-header .ui-state-active{z-index:1 !important;}
li.hoverNone:hover .dropdown-menu{display:none;}
.toobBarBG{background:#ffffff !important;float: left;width: 100%; height:76px; position:relative;position: fixed;z-index: 11;box-shadow: 0 0 6px 2px #ededed;}
.toobBarBG .navbar-brand{padding: 0px;font-size: 21px; color:#000000;margin-top: 13px;}
div.button{height:20px;display:block; background-image:none !important; margin-top:15px;}
.sameHeight .nav>li>a:hover, .nav>li>a:focus{background-color: #fff;background: #fff;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background-color: transparent !important;background: transparent !important;}
.nav .open>a, .nav .open>a:hove ulr, .nav .open>a:focus ul{display:none;}

.timetextClass{font-weight: bold !important;letter-spacing: 0.7px;}
.navbar-nav > li > a{padding:10px 0px;}
.navbar-nav{margin-top:4px;}
/*table#tblAjax tr td:nth-child(3) img{max-width:100%;}*/
table#tblAjax tr td:nth-child(2) img{height:29px; width:29px;} 
table#tblAjax tr td:nth-child(3) center{text-align:left;}
table#tblAjax tr td:nth-child(2) center{text-align:left;}

/* --- Date 6/3/2019 by Designer  --- */

ul.woList{display:none; position:absolute; left:39px; top:27px; z-index:1; background-color:#ffffff; border:1px solid #555555;padding:0 5px; border-radius:10px !important;transform: translateY(-50%);
 margin-bottom: 0;}
ul.woList li{list-style:none;border-top:1px solid #cccccc;}
ul.woList li a{padding:2px 5px;cursor:pointer; color:#000000; display:block; font-weight:400;height: 24px;
    line-height: 24px;}
ul.woList li:first-child{border-top:0px solid #cccccc;}
.woListDiv:hover ul.woList{display:block;}
.woListDiv{position:relative;display:inline-block !important; }
/*----------------------------------*/

/* --- Date 11/3/2019 by Designer  --- */
.clockclass{color:#000000; margin-top:5px; display:block;font-family: 'Myriad Pro Light';}
.jobQueFilter input, .jobQueFilter select{height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    width: 100%; padding:5px;}
	.paddLeftNone {
    padding-left: 0px !important;
}
.padd5 {
    padding-left: 5px;
    padding-right: 5px;
}
.displaynone{
	display:none;
}
.displayblock{
	display:block;
}

.padd6{padding:6px 0;}
/*----------------------------------*/

/* --- Date 02/4/2019 by Designer (All pages internal CSS)  --- */

.editWoBox{border-radius:20px !important; margin-bottom: 5px !important;display: inline-block !important;}
.select2-choices{border-radius: 10px !important;}
.centerDiv{float:left; padding:0 20px; text-align:center;margin-top: 60px;font-size: 40px;font-weight: bold;font-style: normal;}
.clockface{background:#ededed; border-radius:50% !important; padding:10px;height: 180px;width: 180px;}

.mainDiv{position:relative;}
.floatLeft{float:left; margin-bottom:20px;}

.clockDiv{max-width:600px; display:inline-block; position:absolute; width:500px; padding:10px; background-color:#fff; border:1px solid #ccc; box-shadow:0 10px 50px #aaa; z-index:9;}
.clockDivSingle{max-width:600px; display:inline-block; position:absolute; padding:10px; background-color:#fff; border:1px solid #ccc; box-shadow:0 10px 50px #aaa; z-index:9;}

.clockface .outer, .clockface .inner{border-radius:50%; font-size:12px;}

.cancelButton{color:#0044cc; border:0px; border-radius:4px; padding:5px 0 5px 15px; font-size:14px; cursor:pointer;}
.okButton{color:#0044cc; border:0px; border-radius:4px; padding:5px 15px; font-size:14px; cursor:pointer;}
.clearBoth{clear:both;}
.buttonFooter{margin-top:0px; text-align:right;border-top: 0px solid #ccc;padding-top: 0px;}
.mainDiv .well{background:none; border:0px;}
.inputStyle input[type="text"]{border:1px solid #e5e5e5; background:#ffffff; color:#333; font-size:14px;display: block;width: 100%;
height: 34px;padding: 6px 12px; line-height: 1.428571429; margin-bottom:20px;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.inputStyle input:focus {border-color: #999999;outline: 0;-webkit-box-shadow: none !important;box-shadow: none !important;}
#errormsg .alert{margin-bottom:0px !important;}
/*#errormsg .close{background-image:none !important;}*/


/*----------------------------------*/

/*--------------- 24 May 2019 Designer -------------------*/

.statusHover ul{background-color:transparent;border:0px; padding:0px; border-radius:0px; top:-5px; left:30px;}
.statusHover ul a{color:#ffffff !important;}
.norecord{font-size: 16px; margin-top: 15px;}
.apua{background-color: aqua;color: white;}
.pink{background-color: pink; color: white;}
.blueviolet{background-color: blueviolet;color: white;}
.jobqueuecheckin{top:0px !important; background-color:transparent !important; border:0px !important; padding:0px !important; left:initial !important; right:-4px !important; transform: none !important;} 
.jobqueuecheckin li a{padding:0px !important;}

.DivclockMain{max-width: 600px;display: inline-block;position: absolute;width: 500px;padding: 10px;background-color: #fff;border: 1px solid #ccc;box-shadow: 0 10px 50px #aaa;z-index: 9;}

.DivclockSingleMain{max-width: 600px;display: inline-block;position: absolute; padding: 10px;background-color: #fff ! important;border: 1px solid #ccc;box-shadow: 0 10px 50px #aaa;z-index: 9;}
.DivCheckInTime{max-width: 600px;display: inline-block;position: absolute; padding: 10px;background-color: #fff ! important;border: 1px solid #ccc;box-shadow: 0 10px 50px #aaa;z-index: 9;}

.textCenter{text-align:center !important;}
#divAjaxCustomFieldModal{top:50% !important;height:auto !important; max-width:650px; margin-left: -325px !important;}
/***********************loader*****START**********/
.DivLoader{width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(255,255,255,0.5); z-index:99;display:none;}
.imgloader{left: 50%;position: absolute;top: 50%; z-index: 999999;}
/******************loader End*********************/

tr.preferred_tech_for_location td{background-color:#8ee187 !important;}
tr.preferred_tech_for_company td{background-color:#9da5e3 !important;}
.bgColor_green{padding:2px; border:1px solid #666666; width:220px; font-size:12px;background-color:#8ee187 !important;}
.bgColor_purple{padding:2px; border:1px solid #666666; width:220px; font-size:12px;background-color:#9da5e3 !important;}


/**********Inventory popup on 2-12-2019**********/

.Inv_popup_cancel{
	font-size: 10px;
    color: #ffffff;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #d9534f;
    padding: 3px 5px 5px 5px;
    border-radius: 5px !important;
    border: 0px solid #ffffff;
    display: inline-block;
    font-weight: 100;
	cursor:pointer;
	z-index:1;
}

.Inv_popup_heading{
	    background-color: #555555;
    padding: 10px;
    font-size: 18px;
    margin-bottom: 15px;
    color: #ffffff;
}
/*****************************************************/

#divAjaxAddNewInvModal{
	margin-left: auto;
    margin-right: auto;
    left: 50%;
    width: 90%;
    transform: translateX(-50%) translateY(-50%);
	margin-top:0px !important;
}

.marginTop30{
	margin-top:30px;
}

#ShowInvDetailsModal{
	width: 90%;
    margin-left: 0px;
    transform: translateX(-50%);
    max-width: 1600px;
    overflow-x: hidden;
}

.inv_heading{
	text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    font-size: 22px;
}

.animated{
	animation:none !important;
	animation-fill-mode:none !important;
}

.font-nunito tr th, .font-nunito tr td{font-family: 'Nunito', sans-serif; font-weight:300;}
.font-nunito tr td{vertical-align:middle !important;}

/********************Fix first column***************/
.stickytd tr th:first-child, .stickytd tr td:first-child{
    position: absolute !important;
    top: auto;
    left: 0px;
	width:120px !important;
	border:1px solid #dddddd !important;
	padding: 0 5px; 
	line-height: 44px !important;
}
.stickytd tr th, .stickytd tr td{
	white-space:nowrap !important;
	line-height: 45px !important;
	padding:0px 5px !important;
}

.stickytd tr:first-child th{height:45px !important}

.stickytd .checkboxHover div.checker input{
	top: -13px;
    position: relative;
}

.stickytd tr th{
	width:auto !important;
}

.stickytd{margin-left: 119px !important;}
/*****************************************************/

.stickytd_workOrder tr th:first-child, .stickytd_workOrder tr td:first-child{
    position: absolute !important;
    top: auto;
    left: 0;
	width:50px !important;
	border:1px solid #dddddd !important;
	background-color:#ffffff;
}

.stickytd_workOrder tr th:nth-child(2), .stickytd_workOrder tr td:nth-child(2){
    position: absolute !important;
    top: auto;
    left: 50px;
	width:130px !important;
	border:1px solid #dddddd !important;
	background-color:#ffffff;
}

.stickytd_workOrder tr th{
	width:auto !important;
}

.stickytd_workOrder tr th, .stickytd_workOrder tr td{
	white-space:nowrap;
}
.stickytd_workOrder{margin-left: 179px !important;}

.stickytd #tblAjax_length, .stickytd #tblTech_length{margin-left: -120px;}
.stickytd_workOrder #tblAjax_length{margin-left: -179px;}

.tdHeight tr td{height:52px;}

.stickytd div.dataTables_info{margin-left: -120px;}
.stickytd_workOrder div.dataTables_info{margin-left: -179px;}

/*  Geo Location Popup */

.bg_geoLocation{background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; right:0; bottom:0; display:none}
.popup_Geo{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#ffffff; padding:15px; width:400px; text-align:center;    max-width: 100%;}
.popup_Geo p{font-size: 16px;margin-bottom: 20px;font-weight: bold;}

/*  Geo Location with map Popup */ 

#divAjaxTechCheckinGeoloc, #divAjaxTechCheckOutGeoloc{background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; right:0; bottom:0;margin: 0 !important;transform: none !important;width: 100%;height: 100% !important;display:none; max-width: 100%;}
.popup_GeoMap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#ffffff; padding:15px 0; width:500px; max-width: 100%;}
.popup_GeoMap p{font-size: 16px;margin-bottom: 20px;font-weight: normal; padding-left:10px;}
.popup_GeoMap .col-md-6 .col-md-6{text-align:left; padding-left:25px;font-weight: normal;}
.popup_GeoMap h4{font-size: 15px;font-weight: bold !important; margin-top:15px; padding-left:10px;}
.popup_GeoMap .pl-none{padding-left:0px !important;}

.cancel_exit{position: absolute;right: 5px;top: 5px;}
.cancel_exit img{height:22px;}


/* Billing Section */

#country-list{float:left;list-style:none;margin:0;padding:0;width:190px;}
#country-list li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#country-list li:hover{background:#F0F0F0;}
#typeofwork{padding: 10px;border: #F0F0F0 1px solid;}
.boxPopup{border:1px solid #ccc; background:#f7f7f7; width:250px; transform:translateX(-50%) translateY(-50%); position:absolute;  left:50%;}
.boxPopup h3{margin-top:0px; background:rgb(19, 19, 255); color:#FFFFFF; padding:10px 10px; font-size:18px;font-weight: bold !important;}

.boxPopup_invoice{background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1;}
.boxPopup_invoice_inner{border:1px solid #ccc; background:#f7f7f7; width:350px; transform:translateX(-50%) translateY(-50%); position:absolute;  left:50%; top:50%;}
.boxPopup_invoice_inner h3{margin-top:0px; background:rgb(19, 19, 255); color:#FFFFFF; padding:10px 10px; font-size:18px;font-weight: bold !important;}

.image_preview{background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; display:none;}
.image_preview_inner{background:#ffffff; transform:translateX(-50%) translateY(-50%); position:absolute;  left:50%; top:50%;}
.cancel_preview{position: absolute;right: -15px;top: -15px;cursor: pointer;}

.success_popup_bg{background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; display:none;}
.success_popup{background:#ffffff; transform:translateX(-50%) translateY(-50%); position:absolute;  left:50%; top:50%;}
.danger_popup_bg{background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; display:none;}
.danger_popup{background:#ffffff; transform:translateX(-50%) translateY(-50%); position:absolute;  left:50%; top:50%;}
.marginBottom20{margin-bottom:20px;}

.textLeft{text-align: left !important;}

/*today ticket info css on dashboard START*/
.ticketFixed{position: fixed;background-color: #ededed;height: 60px;left: 0; bottom: 0;right: 0;z-index:9;}
.width18{width: 18% !important;}
.width27{width: 27% !important;}
.paddLeftNone{padding-left:0px !important;}
.paddRightNone{padding-right:0px !important;}
.marginTop13{margin-top:13px;}
.posRe{position:relative; top:-13px;width: 100%;}
.ticketFixed label{margin-top:7px;}
.upcomingName{font-size:12px;vertical-align:bottom; padding-left:8px}
.centerTickets{font-size:12px;padding-bottom: 50px;}
.wrapDiv .col-md-5{width:33%;}
.wrapDiv .col-md-4{width:22%;}
.wrapDiv .col-md-3{width:16%;}
.wrapDiv .col-md-2{width:10%;}
.wrapDiv .width6{width:6%;}
.centerTickets .row-fluid{margin-bottom:10px;display: inline-block;width: 100%;}
.bgRedTicket{background-color:#fe0000 !important; color:#000000 !important;}
ul.leftTickets{list-style:none; padding:0px; margin:0px;}
ul.leftTickets li{display:block; margin-bottom:20px;}
ul.leftTickets li label{display:block;padding:5px 10px; text-align:center;border:1px solid #000000;}
ul.leftTickets li:nth-child(1) label{color:#ffffff; background-color:#000000; }
ul.leftTickets li:nth-child(2) label{color:#000000; background-color:#657cfe;}
ul.leftTickets li:nth-child(3) label{color:#000000; background-color:#ffac38;}
ul.leftTickets li:nth-child(4) label{color:#000000; background-color:#00f6ff;}
ul.leftTickets li:nth-child(5) label{color:#000000; background-color:#f0ff01;}
ul.leftTickets li:nth-child(6) label{color:#000000; background-color:#f0ff01;}
ul.leftTickets li:nth-child(7) label{color:#000000; background-color:#0ace00;}
ul.leftTickets li h1{margin-top:0px; text-align:center; font-size:46px; font-weight:bold !important;}
.fontSize40{font-size:40px; font-weight:bold;}
.green{color:#00FF00;}
.red{color:#fe0000;}
.sizeFont40{font-size:40px; font-weight:bold; color:#fe0000;}
ul.rightTickets li{display:block; margin-bottom:20px;}
ul.rightTickets li label{display:block;padding:5px 10px; text-align:center;border:1px solid #000000; background-color:#fe0000; color:#000000;}
.btnRound {border: 0px; border-radius: 20px !important;padding: 3px 20px 3px 20px;color: #fff;display: inline-block;}
.vert{vertical-align: sub}
ul.rightTickets li h1{margin-top:0px; text-align:center; font-size:46px; font-weight:bold !important; color:#fe0000;}
.marginTop6{margin-top:6px;}
marquee{min-height:100px;}
#divAjaxTicketModal{width: 100%;height: 100% !important;transform: translateX(-50%);margin: 0;top: 0px !important;z-index: 9 !important;}
#divAjaxTicketModal .overflowAuto{overflow: auto;max-height: 100vh;}
#timer i {color: #bbb;font-size: 40px;}
 
/****************************END***********************************/


/* cancel alert css start */

.cancel_alert{float:right; font-size:24px; line-height:16px;cursor:pointer;}

.bg_black{background-color: #000000;color: #ffffff;border-radius: 10px !important;font-size: 13px;margin-top: -4px;padding: 5px 10px; display: inline-block;font-weight: bold;line-height: 20px;
}

.bg_black:hover, .bg_black:focus{color:#ffffff;}	

/*****jobqueue table 20_3_20202 ********START***/
.jobQueueTable tr td .statusDiv{width:100%;}
.jobQueueTable tr td .statusDiv a{width:100%;/*padding: 0px 8px;*/ font-size:14px; /*height:45px;*/ line-height:45px;}
.jobQueueTable tr td:nth-child(13){ padding:0px !important}
.stickytd .jobQueueTable tr th:first-child, .stickytd .jobQueueTable tr td:first-child{line-height:47px !important}
/*****************END***************/	

/*******Billing section for customer*****/
.checkboxHover{position:relative; display:inline-block;}
.checkboxHover .checkboxList{display:none;position: absolute;left: 20px;top: 10px;z-index: 999;background-color: #ffffff;border: 1px solid #555555;padding: 0 5px;border-radius: 10px !important;transform: translateY(-50%);margin-bottom: 0;}
ul.checkboxList li {list-style: none;border-top: 1px solid #cccccc;
}
ul.checkboxList li:first-child {border-top: 0px solid #cccccc;
}
ul.checkboxList li a {padding: 2px 5px;cursor: pointer;color: #000000;display: block;font-weight: 400;height: 24px;line-height: 24px;
}
.checkboxHover:hover ul.checkboxList {display: block;}

/*******TECH RATINGS***************/
ul.star_rating{list-style:none; padding:0px; margin:0px; display:inline-block; vertical-align:middle; margin-left:50px;}
ul.star_rating li{float:left; margin-left:20px; text-align:center;}
ul.star_rating li img{height:20px; margin-bottom:5px;}
ul.star_rating li:first-child{margin-left:0px;}
ul.star_rating:nth-child(1) span, ul.star_rating:nth-child(7) span{font-size:30px;}
.ml-10{margin-left:10px !important;}
.oreditcss{position: relative;top: -4px;margin-left: -38px;line-height: 1.428571429;}
/**********************************/

select#bill_permit{vertical-align: initial;}
.billing_tableStyle div.checker input{position:relative; top:-13px;}

.stickytd_workOrder .billing_tableStyle tr td, .stickytd_workOrder .billing_tableStyle tr th{padding:0px 8px; height:44px; line-height:44px;}
.stickytd_workOrder .billing_tableStyle tr th:nth-child(2), .stickytd_workOrder .billing_tableStyle tr td:nth-child(2){height:55px;}
.stickytd_workOrder .billing_tableStyle tr th:first-child, .stickytd_workOrder .billing_tableStyle tr td:first-child{height:55px;}
    
.jobQueueTable .woList{left:50px;}

.img_usr{border-radius: 50% !important;margin-right: 10px; height:29px; width:29px;}

.cancel_icon{ color: #000000;width: 20px;height: 20px;border: 1px solid #000000;position: absolute;right: 10px;top: 8px;line-height: 20px;text-align: center;cursor: pointer;}
.mb-20{margin-bottom:20px;}
.mt-30{margin-top:30px !important;    outline: 0px !important;}	
.paddright20{padding-right:20px;}
.btn_crop{position: absolute;top: 50%;transform: translateY(-50%);}
.panel-default>.panel-heading{position:relative;}


/******billed page css************/
#country-list{float:left;list-style:none;margin:0;padding:0;width:190px;}
#country-list li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#country-list li:hover{background:#F0F0F0;}
#typeofwork{padding: 10px;border: #F0F0F0 1px solid;}
.redcolor td{background-color:#d84a38;}
.yellowcolor td{background-color:#ffcd03;}
/************************************/

/*****************Complete Tickets Pay *******************/
.boxPopup{border:1px solid #ccc; background:#f7f7f7; width:265px; transform:translateX(-50%) translateY(-116%); position:absolute; left:50%;}
.boxPopup h3{margin-top:0px; background:#999999; color:#FFFFFF; padding:5px 10px;}
.form-horizontal .control-label{text-align:left;}
.list-group {padding-left: 0;margin-bottom: 20px;}
.list-group-item {position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;}
.mt-15{margin-top:13px !important;}
.pr-50{padding-right:50px !important;}
.pl-50{padding-left:50px !important;}
.bl-1{border-left:1px solid #cccccc;}
/********************************************************/

/***************complete ticket page**(24-7-2020)************************/
#ajax_datas .table-scrollable{border: 0px solid #dddddd;}
#ajax_datas .stickytd_workOrder tr th:first-child, .stickytd_workOrder tr td:first-child{border: 0px solid #dddddd !important;line-height: 57px !important;height:57px; padding:0 8px;background:transparent;}
#ajax_datas .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{border-top: 0px solid #ddd;line-height: 57px !important;padding:0 8px; height:57px;}
#ajax_datas .table-style tbody tr:hover {/*position: relative;*/box-shadow: 0 4px 7px #aaaaaa;background-color: #ffffff;}
#ajax_datas .table-style tbody tr:hover td:first-child{position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;}
#ajax_datas .table-style tr td:nth-child(3), .table-style tr th:nth-child(3){ padding-left:10px !important}
#ajax_datas .stickytd_workOrder {margin-left: 170px !important;}
#ajax_datas .dataTables_length {margin-left: -170px;}
#ajax_datas .stickytd_workOrder div.dataTables_info {margin-left: -110px;}
#ajax_datas .stickytd_workOrder tr th:nth-child(2), .stickytd_workOrder tr td:nth-child(2){border: 0px solid #dddddd !important;line-height: 57px !important;height:57px; padding:0 8px; background:transparent;}
#ajax_datas .table-style tbody tr:hover td:nth-child(1) {position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;z-index: 1;}
#ajax_datas .table-style tbody tr:hover td:nth-child(2) {position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;}
#ajax_datas div.checker input{position:relative; top:-14px;}
/****************************************************************/
/************billed page(24-7-2020)***************/
#div_billed_customer .table-scrollable{border: 0px solid #dddddd;}
#div_billed_customer .stickytd tr th:first-child, .stickytd tr td:first-child{border: 0px solid #dddddd !important;line-height: 57px !important;}
#div_billed_customer .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{border-top: 0px solid #ddd;line-height: 57px !important;}
#div_billed_customer .table-style tbody tr:hover {/*position: relative;*/box-shadow: 0 4px 7px #aaaaaa;background-color: #ffffff;}
#div_billed_customer .tdHeight tr td {height: 57px;}
#div_billed_customer .table-style tbody tr:hover td:first-child{position: relative;box-shadow: -7px 4px 7px #aaaaaa;}
#div_billed_customer .stickytd {margin-left: 109px !important;}
#div_billed_customer .stickytd #tblAjax_length, .stickytd #tblTech_length {margin-left: -110px;}
#div_billed_customer .stickytd div.dataTables_info {margin-left: -110px;}
#div_billed_customer .table-style tr td:nth-child(2), .table-style tr th:nth-child(2){padding-left:10px !important}
/*******************************************/

/*******************jobqueue(24-7-20202)********************/
#div_jobqueue .table-scrollable{border: 0px solid #dddddd;}
#div_jobqueue .stickytd tr th:first-child, .stickytd tr td:first-child{border: 0px solid #dddddd !important;line-height: 56px !important;}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{border-top: 0px solid #ddd;line-height: 56px !important;}
#div_jobqueue .table-style tbody tr:hover {/*position: relative;*/ box-shadow: 0 4px 7px #aaaaaa; -moz-box-shadow: 0 4px 7px #aaaaaa; -webkit-box-shadow: 0 4px 7px #aaaaaa;}
#div_jobqueue .stickytd .jobQueueTable tr th:first-child, .stickytd .jobQueueTable tr td:first-child {line-height: 57px !important;}
#div_jobqueue .table-style tbody tr:hover td:first-child{position: relative; box-shadow: -7px 4px 7px #aaaaaa;}
#div_jobqueue .stickytd {margin-left: 109px !important;}
#div_jobqueue .table-style tr td:nth-child(2), .table-style tr th:nth-child(2){ padding-left:10px !important}	
/********************************************************/
/************Billing Customer table(24-7-2020)**************START***************************/
#div_billing_cust .table-scrollable{border: 0px solid #dddddd;}
#div_billing_cust .stickytd tr th:first-child, #div_billing_cust .stickytd tr td:first-child{border: 0px solid #dddddd !important;line-height: 57px !important;}
#div_billing_cust .table thead>tr>th, #div_billing_cust .table tbody>tr>th, #div_billing_cust .table tfoot>tr>th, #div_billing_cust .table thead>tr>td, #div_billing_cust .table tbody>tr>td, #div_billing_cust .table tfoot>tr>td{border-top: 0px solid #ddd;line-height: 57px !important; height:57px;}
#div_billing_cust .table-style tbody tr:hover {/*position: relative;*/box-shadow: 0 4px 7px #aaaaaa;background-color: #ffffff;}
#div_billing_cust .stickytd_workOrder tr th:nth-child(2), #div_billing_cust .stickytd_workOrder tr td:nth-child(2){border: 0px solid #dddddd !important; background-color:transparent;}
#div_billing_cust .stickytd_workOrder tr th:first-child, #div_billing_cust .stickytd_workOrder tr td:first-child{border: 0px solid #dddddd !important; background-color:transparent;}
#div_billing_cust .table-style tbody tr:hover td:nth-child(2){position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;}
#div_billing_cust .table-style tbody tr:hover td:nth-child(1){position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;z-index: 1;}
#div_billing_cust .stickytd_workOrder {margin-left: 170px !important;}
#div_billing_cust .stickytd_workOrder .billing_tableStyle tr th:nth-child(2), #div_billing_cust.stickytd_workOrder .billing_tableStyle tr td:nth-child(2) {height: 57px;}
#div_billing_cust .table-style tbody tr td:nth-child(3){padding-left:10px;}
#div_billing_cust .stickytd_workOrder .billing_tableStyle tr th:first-child, #div_billing_cust .stickytd_workOrder .billing_tableStyle tr td:first-child {height: 57px;}
#div_billing_cust .stickytd {margin-left: 109px !important;}
#div_billing_cust .table-style-two tr td:nth-child(2){box-shadow: none !important;}
#div_billing_cust .table-style-two tr td:nth-child(1){height:56px;}
#div_billing_cust .table-style-two tr td:nth-child(2){padding-left:10px !important;}
#div_billing_cust .table-style-two tr th:nth-child(2){padding-left:10px !important;}
#div_billing_cust .stickytd_workOrder #tblAjax_length {margin-left: -169px;}
#div_billing_cust .stickytd #tblAjax_length, .stickytd #tblTech_length {margin-left: -110px;}
#div_billing_cust .stickytd_workOrder div.dataTables_info {margin-left: -169px;}
#div_billing_cust .stickytd div.dataTables_info {margin-left: -110px;}
/*************************END************************************/

/***************Billing Field engineer table(24-7-2020)**************START*************/
#div_billing_fieldengineer .table-scrollable{border: 0px solid #dddddd;}
#div_billing_fieldengineer .stickytd tr th:first-child, #div_billing_fieldengineer .stickytd tr td:first-child{border: 0px solid #dddddd !important;line-height: 57px !important;}
#div_billing_fieldengineer .table thead>tr>th, #div_billing_fieldengineer .table tbody>tr>th, #div_billing_fieldengineer .table tfoot>tr>th, #div_billing_fieldengineer .table thead>tr>td, #div_billing_fieldengineer .table tbody>tr>td, #div_billing_fieldengineer .table tfoot>tr>td{border-top: 0px solid #ddd;line-height: 57px !important; padding:0 8px; height:57px;}
#div_billing_fieldengineer .table-style tbody tr:hover {/*position: relative;*/box-shadow: 0 4px 7px #aaaaaa;background-color: #ffffff;}
#div_billing_fieldengineer .stickytd_workOrder tr th:nth-child(2), #div_billing_fieldengineer .stickytd_workOrder tr td:nth-child(2){border: 0px solid #dddddd !important; background-color:transparent;}
#div_billing_fieldengineer .stickytd_workOrder tr th:first-child, #div_billing_fieldengineer .stickytd_workOrder tr td:first-child{border: 0px solid #dddddd !important; background-color:transparent;}
#div_billing_fieldengineer .table-style tbody tr:hover td:nth-child(2){position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;}
#div_billing_fieldengineer .table-style tbody tr:hover td:nth-child(1){position: relative;box-shadow: -7px 4px 7px #aaaaaa;background-color: #ffffff;z-index: 1;}
#div_billing_fieldengineer .stickytd_workOrder {margin-left: 170px !important;}
#div_billing_fieldengineer .stickytd_workOrder .billing_tableStyle tr th:nth-child(2), #div_billing_fieldengineer.stickytd_workOrder .billing_tableStyle tr td:nth-child(2) {height: 57px;}
#div_billing_fieldengineer .table-style tbody tr td:nth-child(3){padding-left:10px;}
#div_billing_fieldengineer .stickytd_workOrder .billing_tableStyle tr th:first-child, #div_billing_fieldengineer .stickytd_workOrder .billing_tableStyle tr td:first-child {height: 57px;}
#div_billing_fieldengineer .stickytd {margin-left: 109px !important;}
#div_billing_fieldengineer .table-style-two tr td:nth-child(2){/*box-shadow: none !important;*/ padding:0 8px;}
#div_billing_fieldengineer .table-style-two tr td:nth-child(1){height:57px;}
#div_billing_fieldengineer .table-style-two tr td:nth-child(2){padding-left:10px !important;}
#div_billing_fieldengineer .table-style-two tr th:nth-child(2){padding-left:10px !important;}
#div_billing_fieldengineer .stickytd_workOrder #tblAjax_length {margin-left: -169px;}
#div_billing_fieldengineer .stickytd #tblAjax_length, .stickytd #tblTech_length {margin-left: -110px;}
#div_billing_fieldengineer .stickytd_workOrder div.dataTables_info {margin-left: -169px;}
#div_billing_fieldengineer .stickytd div.dataTables_info {margin-left: -110px;}
#div_billing_fieldengineer .stickytd_workOrder #tblAjax_length {margin-left: -169px;}
#div_billing_fieldengineer div.checker input{position:relative; top:-14px;}
/************************END********************/

/**************start*********/
#div_CmpyEmpTable .table-style tbody tr:hover{position:relative; box-shadow: 0 4px 7px #aaaaaa;background-color: #ffffff;}
#div_CmpyEmpTable .table-style tr:hover td{background-color: inherit !important;}
#div_CmpyEmpTable .table-style tr td, .table-style tr th{border-top:0px !important; padding:5px 10px !important;}
#div_CmpyEmpTable .table-scrollable {width: auto;/*overflow-x: inherit;*/overflow-y: inherit;border: 0px solid #dddddd; margin: 10px 0 !important;}
#div_CmpyEmpTable .table-style{box-shadow: 0 0px 3px #cccccc;}
#div_CmpyEmpTable .table-style tr td:first-child > div{float:right; margin-right:80px;}
#div_CmpyEmpTable .table-style tr td:first-child > div a{border-radius: 4px !important;padding: 0;text-transform: uppercase;height: 22px;width: 70px;line-height: 24px;text-align: center;font-size: 12px;}
/***************END********/
/**************START*******/
#div_paid .table-scrollable{border: 0px solid #dddddd;}
#div_paid .stickytd tr th:first-child, #div_paid .stickytd tr td:first-child{border: 0px solid #dddddd !important;line-height: 56px !important;}
#div_paid .table thead>tr>th,  #div_paid .table tbody>tr>th, #div_paid .table tfoot>tr>th, #div_paid .table thead>tr>td, #div_paid .table tbody>tr>td, #div_paid .table tfoot>tr>td{border-top: 0px solid #ddd;line-height: 56px !important;vertical-align: middle;}
#div_paid .table-style tbody tr:hover {/*position: relative;*/ box-shadow: 0 4px 7px #aaaaaa; -moz-box-shadow: 0 4px 7px #aaaaaa; -webkit-box-shadow: 0 4px 7px #aaaaaa;}
#div_paid .stickytd tr th:first-child, #div_paid .stickytd tr td:first-child {line-height: 57px !important; height: 57px;}
#div_paid .table-style tbody tr:hover td:first-child{position: relative; box-shadow: -7px 4px 7px #aaaaaa;}
#div_paid .stickytd {margin-left: 109px !important;}
#div_paid .table-style tr td:nth-child(2), #div_paid .table-style tr th:nth-child(2){ padding-left:10px !important}
#div_paid .stickytd #tblAjax_length, .stickytd #tblTech_length{margin-left: -110px !important;}
#div_paid .stickytd div.dataTables_info {margin-left: -110px !important;}
/*************END***************/
/**********************/
#div_CmpyCustTable .table-style tbody tr:hover{position:relative; box-shadow: 0 4px 7px #aaaaaa;background-color: #ffffff;}
#div_CmpyCustTable .table-style tr:hover td{background-color: inherit !important;}
#div_CmpyCustTable .table-style tr td, .table-style tr th{border-top:0px !important; padding:5px 12px 5px 5px !important;}
#div_CmpyCustTable .table-scrollable {width: auto;/*overflow-x: inherit;*/overflow-y: inherit;border: 0px solid #dddddd; margin: 10px 0 !important;}
#div_CmpyCustTable .table-style{box-shadow: 0 0px 3px #cccccc;}
#div_CmpyCustTable .table-style tr td:first-child > div{float:right; margin-right:80px;}
#div_CmpyCustTable .table-style tr td:first-child > div a{border-radius: 4px !important;padding: 0;text-transform: uppercase;height: 22px;width: 70px;line-height: 24px;text-align: center;font-size: 12px;}
/*************************/
.height22{height:22px;}
.scrollHidden{overflow:hidden !important;}
.scrollHidden table tr td{text-align:left; padding-left:30px;}

/*********************jobqueuelog_hrs(23-7-2020)***********START***********/
#divAjaxLogHours form{max-width: 600px;margin: 0px auto;}
#formLogHrs .centerDiv{float:left; padding:0 20px; text-center;margin-top: 60px;font-size: 40px;}
#formLogHrs .clockface{background:#ededed; border-radius:50% !important; padding:10px;height: 180px;width: 180px;}

#formLogHrs .mainDiv{position:relative;}
#formLogHrs .floatLeft{float:left; margin-bottom:20px;}

#formLogHrs .clockDiv{max-width:205px; display:inline-block;}
#formLogHrs .clockface .outer, .clockface .inner{border-radius:50%; font-size:12px;}

#formLogHrs .cancelButton{color:#000; background:#ddd; border:0px; border-radius:4px; padding:5px 15px; font-size:14px; cursor:pointer;}
#formLogHrs .okButton{color:#fff; background:#0044cc; border:0px; border-radius:4px; padding:5px 15px; font-size:14px; cursor:pointer;}
#formLogHrs .clearBoth{clear:both;}
#formLogHrs .buttonFooter{margin-top:0px; text-align:right;border-top: 1px solid #ccc;padding-top: 10px;}
#formLogHrs .mainDiv .well{background:none; border:0px;}
#formLogHrs .inputStyle input[type="text"]{border:1px solid #e5e5e5; background:#ffffff; color:#333; font-size:14px;display: block;width: 100%;height: 34px;padding: 6px 12px; line-height: 1.428571429; margin-bottom:20px;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#formLogHrs .inputStyle input:focus {border-color: #999999;outline: 0;-webkit-box-shadow: none !important;box-shadow: none !important;}
#table_loghrs{border-collapse:collapse;}
#table_loghrs tr th, #table_loghrs tr td{border:1px solid #cccccc !important;padding: 8px !important;line-height: inherit !important;}
#table_loghrs tr th{background-color:#ededed;}
/*******************END******************/

/*******question_settings page**********START**********/
.questsection{border: 1px solid #ccc!important;padding: 0.01em 16px;border-radius: 16px !important; box-sizing: inherit;padding-top: 20px;}
.marginTop80{margin-top:80px;}
/**************************END**********************/

/*****************digital signature popup css**********START*********/
.popupCloseButton {/*background-color: #fff;border: 3px solid #999;border-radius: 50px;*/cursor: pointer;display: inline-block;font-family: arial;font-weight: bold;position: absolute;top: 12px;right: 12px;font-size: 25px;line-height: 30px;width: 30px;height: 30px;text-align: center;}
/*.popupCloseButton:hover {background-color: #ccc;}*/
.popup_bg_overlay{background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1;}
.popup_box{background-color:#ffffff; box-shadow:0 0 7px 1px #333333; width:100%; max-width:600px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding:10px;}
.popup_box h3{font-size:22px; font-weight:bold; text-align:center;}
.popup_box textarea{width:100%; border:1px solid #cccccc; border-radius:0px;}
.popup_box input[type="text"]{border:1px solid #cccccc; border-radius:0px; height:30px;width:100%;}
.popup_box select{border:1px solid #cccccc; border-radius:0px; height:30px;width:100%;}
/*.popup_box form label{margin-right:10px; float:left; width:125px; padding-top:9px;}
.popup_box form input[type="text"]{height:34px; width:calc(100% - 110px); border:1px solid #cccccc;}
.popup_box form input[type="button"]{height:34px; width:100px; background-color:#ededed; border:1px solid #999999; float:left;}
.popup_box form > div{margin-bottom:15px; clear:both;float: left;width: 100%;}
.popup_box form .sign_img{height:65px; float:left; margin-left:10px;}
.popup_box form div:nth-child(3) input[type="button"]{ background-color:#333333; border:1px solid #444444; color:#ffffff; float:none;}
.popup_box form div:nth-child(3){text-align:left;}*/
.popup_box form .sign_img{height:125px; float:left;}
.btn_style{height:34px; width:100px; background-color:#ededed; border:1px solid #999999; margin:15px 0;}

#open_signpopup canvas#thecanvas{border: 0px;cursor: pointer;background-color: #f7f7f7;width: 475px;height: 225px;box-shadow: none;outline: 0px;}
#open_signpopup div.buttons{text-align: center; width: 477px; background-color: rgba(255,255,255,.85); position: relative; top: -3px; margin: auto;}
#open_signpopup div.buttons button{ cursor: pointer;}
#open_signpopup label{margin-top: 25px;width: 467px; padding: 5px; text-align: left; display: inline-block; background-color: rgba(255,255,255,.85);}
.preview_signbox{border:1px solid #999999;width: 475px;height: 225px; margin: 0px auto;}
.final_submit{height:34px; width:100px; background-color:#333333; border:1px solid #444444; color:#ffffff;    margin-top: 18px; cursor:pointer;}
.form_style{text-align: center;float: left;width: calc(100% - 740px);}
.mr-55 {margin-right : 55px;}
/**************************END*****************************/


.hoursSpan{display:none;position:absolute; left:68px; top:7px;padding:10px 15px; border:1px solid #000;background-color:#ededed;line-height:20px; border-radius:10px !important; color:#000000;}
.hourshover:hover .hoursSpan{display:block;}
.hourshover{position:relative;}
.left38{left:38px !important;}
.left34{left:-79px !important;}
/*#requestWorkOrder input[type="text"]{height: 34px;width: inherit;border: 1px solid #cccccc;}
#requestWorkOrder label{width: 150px;}
#requestWorkOrder input[type="text"]{width: calc(100% - 160px);}
#requestWorkOrder .textInfoInput{margin-top:10px;width: calc(100% - 160px); float:right;}*/

/* new menu css */

ul.menu_top{
	list-style:none;
	padding:0px;
	margin:10px 0 0 25px;
	background-color: transparent !important;
}


#cssmenu:before{
	content: "";
	width: 1px;
	background: #ccc;
	height: 30px;
	float: left;
	margin-top: 13px;
}

ul.menu_top li{
	float:left;
	margin:0 15px;
	cursor:pointer;
	 font-size:14px;
}

ul.menu_top li.active span{
	box-shadow:none;
	background: rgb(54, 36, 255);
    border: 0px !important;
}

ul.menu_top li a{
	padding:0px !important;
}

ul.menu_top li:hover .menu_top_list{display:block;}

ul.menu_top li:hover .dashboard, ul.menu_top li.active .dashboard{
	background-image:url(../img/dashboard_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .messages_two, ul.menu_top li.active .messages_two{
	background-image:url(../img/messages_two_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .tech, ul.menu_top li.active .tech{
	background-image:url(../img/tech_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .manager, ul.menu_top li.active .manager{
	background-image:url(../img/company-manager_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .task, ul.menu_top li.active .task{
	background-image:url(../img/task-manager_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .messages, ul.menu_top li.active .messages{
	background-image:url(../img/messages_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .infoCenter, ul.menu_top li.active .infoCenter{
	background-image:url(../img/infoCenter_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover .settings, ul.menu_top li.active .settings{
	background-image:url(../img/settings_white.png);
	position:relative;
	z-index:2;
}

ul.menu_top li:hover span{box-shadow:none; background:rgb(54, 36, 255); border:0px !important;}


ul.menu_top li li img{
	height:6px;
	vertical-align:middle;
}


.menu_top_list{display:none; position:absolute;background-color:#3491e1;top: 76px;left: 8px;border-radius: 7px !important;padding: 0px 10px;left:15px; right:15px;box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;z-index: 1;}

#cssmenu li:hover > ul.subsubMenu {
    left: 15px;
	right:15px;
	border-radius:7px !important;
	margin-top:15px;
}

.menu_top_list_two{position:absolute;background-color:#3491e1;top: 50px;left: 8px;border-radius: 7px !important;padding: 0px 10px;left:0px; right:0px;z-index: 1; border-top:2px solid #FFF;}



ul.menu_top li:nth-child(1) .bgCurve{
		left:23px;
	}
	
ul.menu_top li:nth-child(2) .bgCurve{
		left:360.2px;
	}
	
ul.menu_top li:nth-child(2) .bgCurve #quarterCircleBottomLeft{
	margin-left:71px;
}	

ul.menu_top li:nth-child(3) .bgCurve{
		left:444.2px;
	}

ul.menu_top li:nth-child(3) .bgCurve #quarterCircleBottomLeft{
		margin-left:71.5px;
	}	

ul.menu_top li:nth-child(4) .bgCurve{
		left:243.5px;
	}

ul.menu_top li:nth-child(4) .bgCurve #quarterCircleBottomLeft{
	margin-left:66.5px;
}	

ul.menu_top li:nth-child(5) .bgCurve{
		left:317px;
	}
ul.menu_top li:nth-child(6) .bgCurve{
		left:696px;
	}
	
ul.menu_top li:nth-child(6) .bgCurve #quarterCircleBottomLeft{
	margin-left:71.5px;
}	
ul.menu_top li:nth-child(7) .bgCurve{
		left:464.5px;
	}	
	ul.menu_top li:nth-child(7) .bgCurve #quarterCircleBottomLeft{
	margin-left:66.5px;
}
	
.menu_top_list li{margin:0 0px !important; padding: 15px 0;}
.menu_top_list li a{color:#ffffff; text-decoration:none;padding:8px 15px; border-radius:20px !important; font-size:14px;}
.menu_top_list li:hover a{background-color:rgba(0,0,0,0.5);padding:8px 15px;}

ul.menu_top ul ul{display:none;}
ul.menu_top ul li:hover ul{display:block;}

ul.menu_top li span{
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
text-align: center;
border-radius: 50px !important;
box-shadow: 0 2px 4px #999999;
}

ul.menu_top li.One span{
	background:#cce5ff;
	border:1px solid #b8daff;
}

ul.menu_top li.Two span{
	background:#e2ceff;
	border:1px solid #d5b9ff;
}

ul.menu_top li.Three span{
	background:#e2e3e5;
	border:1px solid #d6d8db;
}

ul.menu_top li.Four span{
	background:#d4edda;
	border:1px solid #c3e6cb;
}

ul.menu_top li.Five span{
	
	background:#f8d7da;
	border:1px solid #f5c6cb;
}

ul.menu_top li.Six span{
	
	background:#fff3cd;
	border:1px solid #ffeeba;
}

ul.menu_top li.Seven span{
	background:#d1ecf1;
	border:1px solid #bee5eb;
}


ul.menu_top li span > .dashboard{
	background-image:url(../img/dashboard.png);
	display: inline-block;
    height: 24px;
    width: 28px;
    background-repeat: no-repeat;
    vertical-align: sub;
	position: relative;
    top: 3px;
}

ul.menu_top li span > .messages_two{
	background-image:url(../img/messages_two.png);
	display: inline-block;
    height: 24px;
    width: 26px;
    background-repeat: no-repeat;
    vertical-align: middle;
	position: relative;
}

ul.menu_top li span > .tech{
	background-image:url(../img/tech.png);
	display: inline-block;
    height: 24px;
    width: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
	position: relative;
	top: -3px;
}

ul.menu_top li span > .manager{
	background-image:url(../img/company-manager.png);
	display: inline-block;
    height: 20px;
    width: 34px;
    background-repeat: no-repeat;
    vertical-align: sub;
	position: relative;
    top: 2px;
}

ul.menu_top li span > .task{
	background-image:url(../img/task-manager.png);
	display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    vertical-align: sub;
	position: relative;
    top: 4px;
}

ul.menu_top li span > .messages{
	background-image:url(../img/messages.png);
	display: inline-block;
    height: 24px;
    width: 27px;
    background-repeat: no-repeat;
    vertical-align: sub;
	position: relative;
    top: 4px;
}

ul.menu_top li span > .infoCenter{
	background-image:url(../img/infoCenter.png);
	display: inline-block;
    height: 24px;
    width: 26px;
    background-repeat: no-repeat;
    vertical-align: sub;
	position: relative;
    top: 4px;
}

ul.menu_top li span > .settings{
	background-image:url(../img/settings.png);
	display: inline-block;
    height: 24px;
    width: 34px;
    background-repeat: no-repeat;
    vertical-align: sub;
	position: relative;
    top: 4px;
}

ul.menu_top li .submenu-button{
	display:none !important;
}

.header_top{
	height:60px;
	/*box-shadow:0 -4px 6px #ededed inset;*/
}

	.bgCurve{
	background-color:#3491e1;
	float:left;
	position:absolute;
	top:-45px;
	}

#quarterCircleBottomRight {
     width: 17px; 
     height: 45px; 
     background: #ffffff;
     border-radius: 0 0 17px 0 !important;
     -moz-border-radius: 0 0 17px 0 !important;
     -webkit-border-radius: 0 0 17px 0 !important;
}
 
#quarterCircleBottomLeft {
     width: 17px; 
     height: 45px; 
     background: #ffffff;
     border-radius: 0 0 0 17px !important;
     -moz-border-radius: 0 0 0 17px !important;
     -webkit-border-radius: 0 0 0 17px !important;
	 float:left;
	 margin-left:67px;
}


.top_bar_menu{
	height:76px;
	background-color:#ffffff;
	box-shadow: 0 0 6px 2px #ededed;
}

.logo_text{
	max-width:100%;
	margin-top: 17px;
}

    .separator{
		width: 1px;
		background: #ccc;
		height: 30px;
		float: left;
		margin-top: 13px;
	}
	
.minWidth253{
	    width: 253px;
}

.minWidth33{
	    width: calc(33.33% - 32px);
}

	
.customColor > a{color: #6c7277 !important; font-size:16px !important; font-weight:bold; margin-top:-3px;}

@font-face {
    font-family: 'bradley_hand_itc_ttbold';
    src: url('../fonts/bradley_hand_itc_tt_bold-webfont.woff2') format('woff2'),
         url('../fonts/bradley_hand_itc_tt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eras Demi ITC';
    src: url('../fonts/ErasITC-Demi.woff2') format('woff2'),
        url('../fonts/ErasITC-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Light';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Light'), url('../fonts/MyriadPro-Light.woff') format('woff');
}


.subhoverMenu span.glyphicon{
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;background:none !important; border:0px !important;}
	
.subsubMenu li:hover ul.subsubsubMenu{
	left: 0 !important;
    right: 0;
    margin-top: 46px;
    border-radius: 10px !important;
    margin-left: 0 !important;border-top:2px solid #ffffff !important;}
	 
.subsubMenu li li:hover ul.subsubsubsubMenu{
	left: 0 !important;
    right: 0;
    margin-top: 46px;
    border-radius: 10px !important;
    margin-left: 0 !important;border-top:2px solid #ffffff !important;}

.subsubsubsubMenu li:hover ul.subsubsubsubsubMenu{
	left: 0 !important;
    right: 0;
    margin-top: 46px;
    border-radius: 10px !important;
    margin-left: 0 !important;border-top:2px solid #ffffff !important;}

.mt18{margin-top: 18px !important;}

.leftBarBG{
	position: fixed;
	top: 0;
	z-index: 9;
	background: #fff;
	width: 76px;
	height: 100vh;
	box-shadow: 0 0 6px 2px #ededed;
	top:77px;
	display:none;
}

.leftBarBG ul.menu_top{margin-left:0px; margin-left:10px;}
.leftBarBG ul.menu_top li{margin: 15px 0 !important; float:none;}

.leftBarBG #cssmenu li:hover > ul.subsubMenu{
	left: 85px;
	right: 15px;
	border-radius: 7px !important;
	top: 15px;
	width: 220px;
	margin-top:0px;
	height: calc(100vh - 105px);
}

.leftBarBG ul.menu_top li:nth-child(2) .bgCurve{
	left: -66px;
	transform: rotate(-90deg);
}

.leftBarBG .bgCurve{
	top: 98.5px;
}

.leftBarBG #quarterCircleBottomLeft{
	border:1px solid #ffffff;
}


.leftBarBG #quarterCircleBottomRight{
	border:1px solid #ffffff;
}

.leftBarBG #cssmenu ul ul li{
	padding: 0 10px !important;
	margin: 10px 0 !important;
}

.leftBarBG ul.menu_top li:nth-child(2) .bgCurve #quarterCircleBottomLeft {
    margin-left: 70.5px;
}

.leftBarBG .subsubMenu li:hover ul.subsubsubMenu{
	left: 220px !important;
	right: initial;
	margin-top: 0;
	border-radius: 10px !important;
	margin-left: 0 !important;
	border-left: 2px solid #fff !important;
	width: 220px;
}

.leftBarBG #cssmenu ul ul ul{
	margin-top:-42px;
	top:auto;
	border-top: 0px !important;
}

.leftBarBG .subsubMenu li li:hover ul.subsubsubsubMenu{
	left: 218px !important;
	right: initial;
	margin-top: 0;
	border-radius: 10px !important;
	margin-left: 0 !important;
	border-left: 2px solid #fff !important;
	width: 220px;
}

.leftBarBG .subsubMenu li li li:hover ul.subsubsubsubsubMenu{
	left: 218px !important;
	right: initial;
	margin-top: 0;
	border-radius: 10px !important;
	margin-left: 0 !important;
	border-left: 2px solid #fff !important;
	width: 220px;
}

.left85{left: 85px;}
.marginLeft65{margin-left:65px;}


.leftBarBG ul.menu_top li:nth-child(6) .bgCurve{
	left: -67px;
	transform: rotate(-90deg);
	top: 434px;
}
.leftBarBG ul.menu_top li:nth-child(6) .bgCurve #quarterCircleBottomLeft {
    margin-left: 70.5px;
}

.menu_name{display:none; color:#000000; font-style:normal;}

.time_custom #EditworkDate{position:absolute; background-color:#ffffff; padding:10px; z-index:1;text-align:center;} 
.time_custom .customWorkDate{position:absolute; background-color:#ffffff; padding:10px; z-index:1;text-align:center;} 
.time_custom #EditworkDate input{border-radius:30px !important; font-size:12px;}
.time_custom .customWorkDate input{border-radius:30px !important; font-size:12px;}

.time_custom #EditCheckin{position:absolute; background-color:#ffffff; padding:10px; z-index:1;text-align:center;}
.time_custom #EditCheckin input{border-radius:30px !important; font-size:12px;}

.customSpanNone{display:none !important;}


.customList > li{margin: 13px 0px 13px 10px;}
.customList li a > span{font-size: 13px;} 

.badgeCount{background-color: #00a01a;
    border-radius: 5px !important;
    color: #ffffff;
    padding: 1px 5px;
    font-size: 10px;
    border: 0px;
    position: relative;
    top: -5px;
    left: -7px;}
	#div_jobqueue .stickytd {
    margin-left: 149px !important;
}
#div_jobqueue .stickytd {
    margin-left: 149px !important;
}
.stickytd tr th:first-child, .stickytd tr td:first-child {
    width: 150px !important;
}

#reminderList table tr td, #reminderList table tr th{
	padding:8px;
	word-break: break-all;	
}
#reminderList table tr th{
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #cccccc;
	background-color: #f7f7f7;
}
#reminderList table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

#ReminderPOPUP table tr td, #ReminderPOPUP table tr th{
	padding:8px;
	word-break: break-all;	
}
#ReminderPOPUP table tr th{
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #cccccc;
	background-color: #f7f7f7;
}
#ReminderPOPUP table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

#reminder_list span{max-height:100px;overflow-y:auto; overflow-x:hidden;display:block;}
#list_body span{max-height:100px;overflow-y:auto; overflow-x:hidden;display:block;}
#ReminderPOPUP .popup_box{max-width:800px;} 
#reminderList .popup_box{max-width:800px;} 
.inp-bor {
	border : 1px solid #cccccc !important;
	color: black !important;
	padding: 10px;
	width: 100%;
	display: block;
	box-shadow: 0 0 12px 0px #80bdff;
}

.btn-custom {
	position: relative;
    right: -27px;
    bottom: 27px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

mt-20 {
	margin-top: 20px;
}

.time_custom #EditworkDate{position:absolute; background-color:#ffffff; padding:10px; z-index:1;text-align:center;} 
.time_custom .customWorkDate{position:absolute; background-color:#ffffff; padding:10px; z-index:1;text-align:center;} 
.time_custom #EditworkDate input{border-radius:30px !important; font-size:12px;}
.time_custom .customWorkDate input{border-radius:30px !important; font-size:12px;}

.time_custom #EditCheckin{position:absolute; background-color:#ffffff; padding:10px; z-index:1;text-align:center; width:200px;}
.time_custom #EditCheckin input{border-radius:30px !important; font-size:12px;}

.time_custom tr td{position:relative;}
.customSpanNone{display:none !important;}

.time_custom tr:last-child td #EditworkDate, .time_custom tr:nth-last-child(2) td #EditworkDate{top:-110px;}
.time_custom tr:last-child td .customWorkDate, .time_custom tr:nth-last-child(2) td .customWorkDate{top:-110px;}
.time_custom tr:last-child td #EditCheckin, .time_custom tr:nth-last-child(2) td #EditCheckin{top:-110px;}

.time_custom tr:last-child td .DivclockSingleMain{top:-230px;}
.time_custom tr:nth-last-child(2) td .DivclockSingleMain{top:-200px;}

.time_custom tr:last-child td .DivclockMain{top:-230px;}
.time_custom tr:nth-last-child(2) td .DivclockMain{top:-200px;}

.time_custom tr:last-child td .DivCheckInTime{top:-230px;}
.time_custom tr:nth-last-child(2) td .DivCheckInTime{top:-200px;}

/*02-06-2021 */

/*03-02-2022 Quote Css */
.metirialType{background-color: #ededed;padding-top: 15px;}
.dollarSign{
	display: flex;
}

.dollarSign label{
	margin-top: 6px;
    margin-bottom: 0;
    font-size: 18px;
	margin-right: 10px;
}
.closeTop{margin-top:7px !important; opacity:1 !important;}
.customIcon{position: relative;top: 3px;}
.marginTop15{margin-top:15px;}
.add-btn
{
	padding: 7px;
    background-color: #555555;
    display: table;
    color: #fff;
    float: left;
}

#tech_mat_upload .row {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#material{
	margin-left:0px;
	margin-right:0px;
}