@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
	h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin: 0;
		border: 0;
		outline: 0;
		/*font-size: 100%;*/
		background: transparent;

		/*  fix for mac os  */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}


	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { display: block; }

	*,
	 #tmm-form-wizard *:after,
	 #tmm-form-wizard *:before {
		margin: 0;
		padding: 0;


	}

body{
font-size:12px !important;
font-family:'Open Sans', arial !important;
/*overflow-x:hidden !important;*/
 
max-width: 100% !important;
min-width: 320px;
}

html {    
    overflow-x:hidden !important;
max-width: 100% !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 {
  padding: 4px 4px 4px 4px;
}

.btn{
font-size:12px !important;
}
.btn-custom-lighten.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-custom-lighten 
{
  
     padding: 7px 12px !important;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #6fb3e0;
  background-image: -moz-linear-gradient(top, #6fb3e0, #6fb3e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6fb3e0), to(#6fb3e0));
  background-image: -webkit-linear-gradient(top, #6fb3e0, #6fb3e0);
  background-image: -o-linear-gradient(top, #6fb3e0, #6fb3e0);
  background-image: linear-gradient(to bottom, #6fb3e0, #6fb3e0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fb3e0', endColorstr='#6fb3e0', GradientType=0);
  
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #6fb3e0;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-custom-lighten:hover,
.btn-custom-lighten:focus,
.btn-custom-lighten:active,
.btn-custom-lighten.active,
.btn-custom-lighten.disabled,
.btn-custom-lighten[disabled] {
  color: #ffffff;
  background-color: #8acbf6;
  background-image: -moz-linear-gradient(top, #8acbf6, #8acbf6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8acbf6), to(#8acbf6));
  background-image: -webkit-linear-gradient(top, #8acbf6, #8acbf6);
  background-image: -o-linear-gradient(top, #8acbf6, #8acbf6);
  background-image: linear-gradient(to bottom, #8acbf6, #8acbf6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8acbf6', endColorstr='#8acbf6', GradientType=0);
  
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #8acbf6;
}
.btn-custom-lighten:active,
.btn-custom-lighten.active {
  background-color: #8acbf6 ;
}
.btn-custom-lighten span
{
    margin-left:10px;
}

.btn-icon{
border: 1px solid #58a0cb;
border-bottom: 2px solid #58a0cb !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:5px 10px 5px 10px;
margin-left:10px;
text-decoration: none !important;
}
.btn-icon-search {
    border: 1px solid #58a0cb;
    border-bottom: 2px solid #58a0cb !important;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    /*margin-left: 10px;*/
}
.buttonmargin{
margin-top:5px !important;
}
.welcomemargin{
margin-top:20px !important;
padding-right:25px;
}
.welcomemessage{
color:#254271 !important;
}
.color1
{
    background-color:Blue !important;
}
.color2
{
    background-color:Maroon;
}
.logo {
    margin-top: 10px;
}
.logo img
{
    height:50px;
    margin-bottom:0px;    
}
input[type="checkbox"] {
margin: 3px 5px 0px 0px !important;
float: left;
z-index:9999 !important;
}
input[type="radio"] {
margin: 3px 5px 0px 0px !important;
float: left;
}
.table tbody {width:100%;}
.table thead {width:100%;
    font-weight:600;
  font-size: 13px; 
  text-align:center !important;
  background-color: #f0f0f0 !important;
}

h1
{
    font: normal 21px "Open Sans";
}
.accordion {
  margin-bottom: 0px;
}
.accordion-caret .accordion-toggle:hover {
        text-decoration: none;
    }
    .accordion-caret .accordion-toggle:hover span,
    .accordion-caret .accordion-toggle:hover strong {
        text-decoration: underline;
    }
    .accordion-caret .accordion-toggle:before {
        font-size: 40px;
        vertical-align: -3px;
    }
    .accordion-caret .accordion-toggle:not(.collapsed):before {
        content: "▾";
        margin-right: 0px;
    }
    .accordion-caret .accordion-toggle.collapsed:before {
        content: "▸";
        margin-right: 0px;
    }
.accordion-group 
{
margin-bottom: 0px !important;
border-bottom: 0px !important;
border-radius: 0px !important;
background-color:#f0f0f0;    
padding: 3px 0 0 0;
cursor:default;
border-bottom:1px solid #e8e8e8 !important;
}

.accordion-heading label {
  border-bottom: 0;  
  font:normal 18px "Open Sans" !important;
  background-color:#f0f0f0;
}
.accordion-heading .accordion-toggle span {
    /*content:url('../images/menuleftarrow.png');*/
    right:10px;
    margin-top:-20px;
    position:absolute;
}


#acc1
{
    BACKGROUND:#f0f0f0 url(../images/sprite.png) no-repeat -2px 0;
       width: 35px;
    height: 35px;
    margin: 5px 10px 3px 10px;
    padding-top: 5px;
}
#acc2
{
    BACKGROUND:#f0f0f0 url(../images/sprite.png) no-repeat -42px 0;
        width: 35px;
    height: 35px;
    margin: 5px 10px 3px 10px;
    padding-top: 5px;
}
#acc3
{
 BACKGROUND:#f0f0f0 url(../images/sprite.png) no-repeat -82px 0;
        width: 35px;
    height: 35px;
    margin: 5px 10px 3px 10px;
    padding-top: 5px;
}
#acc4 {
    BACKGROUND: #f0f0f0 url(../images/sprite.png) no-repeat -118px -1px;
	width: 21px;
	height: 35px;
    margin: 10px 10px 3px 10px;
    padding-top: 5px;
}

.accordion-toggle {
 cursor: pointer;
 text-decoration:none;
 margin:0 0 0 35px;
 padding-top: 2px !important;
}

.accordion-toggle:hover {
     color:#888888;
     text-decoration:none;
}

.accordion-inner {
  padding:0px !important;
  background-color:#fff;
  max-height:300px;
  overflow-y:auto;
}
.accordion-inner ul{  
margin: 0 !important;
}


.accordion-inner ul li div 
{    
  padding:22px 0 10px 0;
}
.accordion-inner ul li a{  
  color:#868585;
  padding-left:15px;  
  font: normal 13px "Open Sans";
 background-position:left;

}
.accordion-inner ul li a:hover{  
 background-position:left;
     text-decoration:none;
  color:#254271;
}
.accordion-inner ul li  
{
    list-style:none;
  border-bottom :1px solid #f0f0f0;
    padding: 2px;
}
.accordion-inner ul li span{
}
.accordion-inner h4{
    margin:10px 0 5px 10px;
}
       

.formhead
{
background-color:#f0f0f0;
border-bottom: 1px solid #bbbbbb !important;
  color: #254271;
/*width: 133% !important;*/
z-index:0 !important;
}



.formhead h1 {
    padding: 8px 0 0px 19px;
    margin-top: 0px !important;
    float:left;
}

.formheadstretch
{    
width: 104% !important;
}
.formborder
{
     border: 1px solid #c0bebe;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding:10px 10px 20px 10px;
    margin-top:20px;
    margin-bottom:100px;  
    min-height:180px;
}
.tipborder
{
     border: 1px solid #c0bebe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
    padding:0 20px 10px 20px;
    margin-top:40px;
}
.dottedline
{
        border-top: 2px dotted #c0bebe;        
        border-bottom: 2px dotted #c0bebe;    
        color:#114d86;
        padding-top:3px;    
        text-align: center;  
}
.searchbox
{
    margin-top:15px;
    background-color:#dcdcdc;
    border-radius: 10px;    
    padding:15px 10px 15px 10px;
}

.otherlinks
{
    background-color:#f3f3f4;
    border-right: 5px solid #e7eaec;      
    border-left: 5px solid #e7eaec;      
    border-radius: 5px;    
    padding:8px 10px 10px 10px;
    text-align:center;
    margin-bottom:6px;
}
.otherlinks a
{
   color:#000;
   text-decoration:none;
}
.otherlinks a:hover
{
   color:#000;
   text-decoration:underline;
}
.searchbox i{
    font-size: 1em;
    
}
.tipmargin
{
    margin-top:47px !important;
    z-index:2;
}
.iconmargin
{
    margin-top:15px;
    z-index:0 !important;
}
.fixed-buttonbar
{
    background-color:#61b0ed;
    width:100%;
    position: fixed;
      bottom: 0;
  z-index: 999;
  right:0px !important;
    transition:.6s;
    height:90px !important;

}
.rposlink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -8px -1142px;
    width: 41px;
   height: 46px;
   margin-top: 8px !important;
}
.hrmslink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -14px -20px;
    width: 41px;
   height: 46px;
   margin-top: 8px !important;
}
.recruitmentlink
{
   BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -4px -75px;
   width: 51px;
   height: 46px;
   margin-top: 8px !important;
}
.saleslink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -17px -138px;
width: 33px;
	height: 46px;
        margin-top: 8px !important;
}
.procurementlink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -2px -198px;
	width: 51px;
	height: 46px;
        margin-top: 8px !important;
}
.storeslink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -11px -264px;
 width: 40px;
	height: 46px;
        margin-top: 8px !important;
}
.transportinglink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -3px -325px;
  width: 52px;
	height: 46px;
        margin-top: 8px !important;
}
.cliniclink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -17px -380px;
  width: 32px;
	height: 46px;
        margin-top: 8px !important;
}
.plantlink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -17px -457px;
  width: 35px;
	height: 46px;
        margin-top: 8px !important;
}
.garagelink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position:  -5px -520px; 
  width: 46px;
	height: 46px;
        margin-top: 8px !important;
}
.rentallink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -6px -926px; 
width: 43px;
	height: 46px;
        margin-top: 8px !important;
}

.projectslink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -13px -586px;
 width: 36px;
	height: 46px;
        margin-top: 8px !important;
}
.financelink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -9px -649px;
  width: 46px;
  height: 46px;
      margin-top: 8px !important;
}

.adminlink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -12px -718px;
  width: 41px;
  height: 46px;
      margin-top: 8px !important;
}
.amclink {
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: 0px -1368px;
    width: 55px;
    height: 50px;
    margin-top: 8px!important;
}
.CRMlink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -1px -781px;
 width: 54px;
	height: 46px;
     margin-top: 8px !important;
}
.marketinglink
{
  BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -5px -858px;
 width: 46px;
	height: 46px;
        margin-top: 8px !important;
}
.automotivelink{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -5px -520px;
    width: 46px;
	height: 46px;
    margin-top: 8px !important;
}
.pmslink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position:  -1px -981px;
 width: 53px;
	height: 46px;
        margin-top: 8px !important;
}
.carsaleslink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position:  -4px -1028px;
 width: 55px;
	height: 46px;
        margin-top: 8px !important;
}
.traininglink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position:  -4px -1194px;
width: 48px;
	height: 46px;
        margin-top: 8px !important;
}

.CRM_Newlink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position:  -4px -1250px;
    width: 48px;
	height: 46px;
    margin-top: 8px !important;
}


.productionlink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -3px -1081px;
 width: 55px;
	height: 48px;
        margin-top: 8px !important;
}
.midnav { text-align: center !important;
    padding: 0px; 
           }

.midnav li {
    color:#fff !important;
    min-width:90px !important;
     width: auto;
}
 .navbar-nav {
    text-align: center !important;
    
  }
 ul.nav-tabs li a{
     padding:5px; 
 }
.midnav li a  
{
    padding: 0px; 
    color: #fff !important; 
	/*border-right: 1px solid #7ebef0;*/
    height: 90px;
    min-width: 90px !important;
    width: auto;

}
.midnav li a span {   
  word-break:normal !important;
}
/*.midnav li:last-child a
{
	border: 0px;

	
}*/

.midnav li a:hover {  
	background: #a1d6fe;
	background: -moz-linear-gradient(top,  #a1d6fe 0%, #a1d6fe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1d6fe), color-stop(100%,#a1d6fe));
	background: -webkit-linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
	background: -o-linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
	background: -ms-linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
	background: linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
    height:100px;
}
.midnav li a.active  
{
    background: #0D77FF !important; 
    height:100px;

}
.skin-0 .midnav li a:hover {  
	background: #a1d6fe;
	background: -moz-linear-gradient(top,  #a1d6fe 0%, #a1d6fe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1d6fe), color-stop(100%,#a1d6fe));
	background: -webkit-linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
	background: -o-linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
	background: -ms-linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
	background: linear-gradient(top,  #a1d6fe 0%,#a1d6fe 100%);
}
.skin-0 .midnav li a.active  
{
    background: #0D77FF !important;  

}
.midnav li a:disabled  
{
    box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; 
    -webkit-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; 
    -moz-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff; 
    background: rgba(0, 0, 0, 0.25); }
.midnav li a > span  
{
    display: block; 
    line-height: 13px; }
.midnav li strong  
{
    position: absolute; 
    top: 3px; 
    right: 3px; 
    font-size: 16px; 
    color: white; 
    padding: 3px 5px; 
    display: block; 
    line-height: 12px; 
    border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
	background: #BA6D6D;
	background: -moz-linear-gradient(top,  #BA6D6D 0%, #934848 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BA6D6D), color-stop(100%,#934848));
	background: -webkit-linear-gradient(top,  #BA6D6D 0%,#934848 100%);
	background: -o-linear-gradient(top,  #BA6D6D 0%,#934848 100%);
	background: -ms-linear-gradient(top,  #BA6D6D 0%,#934848 100%);
	background: linear-gradient(top,  #BA6D6D 0%,#934848 100%);
}


.midnav.no-background { font-size: 0; }
.midnav.no-background li  
{
    border-right: 1px dashed #ddd; 
    padding: 0 10px; 
    margin-left: -1px; 
    margin-right: 0; 
    border-left: 1px dashed #DDD; 
    }
.midnav.no-background li a  
{
    border: none; 
    background: none; 
    box-shadow: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    padding: 6px 14px 0 14px; 
    }
.midnav.no-background li a span { font-size: 16px; }


.midnav.midnav-font li a { padding: 15px 16px 4px 16px; }
.midnav.midnav-font li a > i { font-size: 32px; 
                               margin-right: 0; 
                               display: block; 
                               float: none; 
                               width: auto; 
                               line-height: 22px; }
.midnav.midnav-font li a > span { margin-top: 4px; }
.midnav-font.no-background li a { padding: 8px 12px 0 12px; }
.midnav li div
{ 
margin: auto;
}
.fullwidth
{
    width:100%;
    float:none !important;
    margin:auto !important;
}
.container {
       width:100%;
    float:none !important;
    margin:auto !important;
}
.leftmenu
 {
     background-color:#f0f0f0;
    
     float:none !important;
     min-height:600px;
     height:auto !important;
 }
 .accsearch
 {
     margin-left:0px;
 }
 
.minbartop {
    BACKGROUND: url(../images/slide.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    display: block;
    height: 46px;
    width: 27px;
       margin-left: -1.8%;
}

 #bottomminimize
 {
        display: block;
        margin-top:-30px;
 }
 .count-info
 {
     position:relative;
 }
 .count-info .label {
line-height: 12px;
position: absolute;
left: 20px;
top: -10px;
}
[class*="col-sm"].centred {
  margin: auto !important;
  float: none !important;
}
.niceborder
 {
    border: 1px solid #c0bebe;
    border-radius: 10px;
    padding:10px;


}
.niceborder h4
 {
  
    margin-top:5px !important;


}

.niceborder-padding
 {
    border: 1px solid #c0bebe;
    border-radius: 10px;
    padding:10px;


}

textarea
{
    /*min-height:156px !important;*/
    resize: none;
    font-size:12px !important;
   
}
.textarea2column
{
    min-height:72px !important;
    resize: none;
    font-size:12px;
     padding: 3px !important;
}
.textarea3column
{
    min-height: 117px !important;
    
    resize: none;
    font-size:12px;
     padding: 3px !important;
}

.visaattachstyle
{
    margin-bottom:5px;
}

/*
 *
 *   This is style for skin config
 *   Use only in demo theme
 *
*/
.theme-config {
    margin-right: -170px;
    position: absolute;
    top: 64px;
    right: 0px;
    overflow: hidden;
    min-height: 50px !important;
    z-index: 0;
}
.theme-config-show {
margin-right: 0px;
position: absolute;
right: 0px;
overflow: hidden;
min-height:50px !important;
z-index:5;
}
.theme-config-zindex
{
z-index:5 !important;

}
.theme-config-box {

transition-duration: 0.8s;
z-index:1;
}
.theme-config-box.show {
  margin-right: 0px;
}
.spin-icon {
  background-color: #61b0ed;
  position: absolute;
  padding: 7px 10px 7px 13px;
  border-radius: 20px 0px 0px 20px;
  font-size: 16px;
  top: 0px;
  color: #fff;
  cursor: pointer;  
  /*margin-left: 50px !important;*/
z-index:2;
}

.spin-icon-click
{
      background-color: #61b0ed;
    position: absolute;
    padding: 7px 10px 7px 13px;
    border-radius: 20px 0px 0px 20px;
    font-size: 16px;
    top: 62px;
    color: #fff;
    cursor: pointer;
    /* margin-left: 50px !important; */
    z-index: 20;
    right: 0;
        margin-right: 162px;
}
.skin-setttings {
  margin-left:40px;
  background:#fff;
  min-height:200px;
  padding:10px 10px 10px 10px;  
  border:1px solid rgba(0, 0, 0, 0.25);
}
.skin-setttings h4{
    border-bottom:1px solid #f0f0f0;
    padding-bottom:5px;
    margin-bottom:5px !important;
}
.skin-setttings .title {
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  padding: 10px 15px;
  font-size: 12px;
}
.setings-item {
    width:25px;
    height:25px;
    display:block;
    float:left;
    margin-left:0px; 
    margin-right:3px;
}

.setings-item.skin {
  text-align: center;
}
.setings-item .switch {
  float: right;
}
.skin-name a {
  text-transform: uppercase;
}
.setings-item a {
  color: #fff;
}
.blue-skin,
.green-skin,
.ultra-skin,
.yellow-skin {
  text-align: center;
}
.blue-skin {
  background-color: #0d8ddb;
}
.blue-skin:hover {
  background-color: #0d8ddb;
}
.green-skin {
   background-color: #2d8723;
}
.purple-skin {
   background-color: #70193d;
}
.Grey-skin{
   background-color: #819bb6;
}
.green-skin:hover {
   background-color: #2d8723;
}
.yellow-skin {
   background-color: #d98c14;
}
.yellow-skin:hover {
  background-color: #d98c14;
}
.ultra-skin {
  font-weight: 600;
  background: url("patterns/header-profile-skin-2.png") repeat scroll 0 0;
}
.ultra-skin:hover {
  background: #1a2d40;
}
.editabletable td:focus
{
    border:2px solid #0d8ddb;    
    box-shadow: 1px 1px 2px #0d8ddb;
}
.editabletable td
{
  word-wrap:break-word !important;
  word-break:break-all !important;
}
.break-allword
{
  word-wrap:break-word !important;
  word-break:break-all !important;
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{

    background-color: #f2f2f2;
    border: 1px solid #f1f1f1;
}
/* Green Skin */
.skin-1 .btn-custom-lighten {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #188809;
background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #188809, #188809);
}
.skin-1 .btn-custom-lighten:hover,
.skin-1 .btn-custom-lighten:focus,
.skin-1 .btn-custom-lighten:active,
.skin-1 .btn-custom-lighten.active,
.skin-1 .btn-custom-lighten.disabled,
.skin-1 .btn-custom-lighten[disabled] {
  color: #ffffff;
  background-color: #6fbc65;
    background-repeat: repeat-x;
    background-color: #6fbc65;
    background-image: linear-gradient(to bottom, #6fbc65, #6fbc65);
}
.skin-1 .btn-custom-lighten:active,
.skin-1 .btn-custom-lighten.active {
  background-color: #6fbc65 ;
}
.skin-1 .spin-icon {
  background-color: #7fbf76;
}
.skin-1 .midnav
{
    background-color:#188809;
    
}
.skin-1 .navbar
{
    background-color:#188809;
    
}
.skin-1 .midnav li a  
{
	border-right: 1px solid #529F47;
	
}
.skin-1 .midnav li:last-child a
{
	border: 0px;
	
}
.skin-1 .midnav li a:hover {  
	background: #9dcb98;
	background: -moz-linear-gradient(top,  #9dcb98 0%, #9dcb98 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dcb98), color-stop(100%,#9dcb98));
	background: -webkit-linear-gradient(top,  #9dcb98 0%,#9dcb98 100%);
	background: -o-linear-gradient(top,  #9dcb98 0%,#9dcb98 100%);
	background: -ms-linear-gradient(top,  #9dcb98 0%,#9dcb98 100%);
	background: linear-gradient(top,  #9dcb98 0%,#9dcb98 100%);
}
.skin-1 .midnav li a.active  
{
    background: #46E15C !important;  

}
 
.skin-1 .btn-icon {
border: 1px solid #188809;
border-bottom: 2px solid #188809 !important;
}
.skin-1 .welcomemargin  a {
color: #1aa709;
text-decoration: none;
}
.skin-1 .welcomemargin a:hover {
color: #188809;
text-decoration: none;
}

.skin-1 .btn-icon-search {
border: 1px solid #188809;
border-bottom: 2px solid #188809 !important;
}
.skin-1 .btn-icon-search a{
    color:#188809;
}

 .skin-1  .btn-icon-search .fa 
 {
    color:#188809 !important;   
}
.skin-1  #acc1
{
    BACKGROUND:#f0f0f0 url(../images/sprite-green.png) no-repeat -2px 0;
}
.skin-1  #acc2
{
    BACKGROUND:#f0f0f0 url(../images/sprite-green.png) no-repeat -42px 0;
}
.skin-1  #acc3
{
 BACKGROUND:#f0f0f0 url(../images/sprite-green.png) no-repeat -82px 0;
}
.skin-1 #acc4 {
    BACKGROUND: #f0f0f0 url(../images/sprite-green.png) no-repeat -118px -1px;	
}

.skin-1 .accordion-inner ul li a  
{
    color:#868585;
}
.skin-1 .accordion-inner ul li a:hover{  
 background-position:left;
     text-decoration:none;
  color:#105830;
}


.skin-1 .accordion-heading {
  border-bottom: 0;
  color:#105830;
  font:normal 18px "Open Sans" !important;
background-color:#f0f0f0;
}

.skin-1 .accordion-heading .accordion-toggle {
  text-decoration:none;
  color: #105830;
}
.skin-1 .accordion-inner {
  padding:0px !important;
  background-color:#fff;
  overflow-y:auto;
}
.skin-1 h1
{
  color: #105830;
}
.skin-1 .minbartop
 {
      BACKGROUND: url(../images/slide-green.png) no-repeat;
      background-size:100% 100%;
  float:left;
display: block;
    height: 46px;
width:27px
 }
 
.skin-1 .autocompletestyle-big
{

border:1px solid #abdcc0;
}
 
.skin-1 input[required] { 
    background-color: #e9faf4;

}
.skin-1 textarea[required] { 
    background-color: #e9faf4;

}

.skin-1 .ui-autocomplete {
 
  border-bottom-color: #7fbf76 !important;
}
.skin-1 .ui-menu-item > a.ui-corner-all:hover,
.skin-1 .ui-menu-item > a.ui-state-focus {
    
  background-color: #c9fce3 !important;
  color:#000 !important;
}

.skin-1 .datepicker table tr td span.active,.skin-1 .datepicker table tr td span.active:hover,.skin-1 .datepicker table tr td span.active.disabled,.skin-1 .datepicker table tr td span.active.disabled:hover {
  background-color: #3e913b;
  background-image: -moz-linear-gradient(top, #3e913b, #3e913b);
  background-image: -ms-linear-gradient(top, #3e913b, #3e913b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e913b), to(#3e913b));
  background-image: -webkit-linear-gradient(top, #3e913b, #3e913b);
  background-image: -o-linear-gradient(top, #3e913b, #3e913b);
  background-image: linear-gradient(top, #3e913b, #3e913b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e913b', endColorstr='#3e913b', GradientType=0);
  border-color: #3e913b #3e913b #3e913b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.skin-1 .famenu {
    color:#188809;
}
.skin-1 .famenu-a{
    color:#188809 !important;
}
.skin-1 .midnav-hide-button {
   background-color: #188809 !important;
}
.skin-1 .modal-header-company-selection {
    background-color: #2d8723;
}
.skin-1 .pagination > .active > a, .skin-1 .pagination > .active > span, 
.skin-1 .pagination > .active > a:hover, .skin-1 .pagination > .active > span:hover, 
.skin-1 .pagination > .active > a:focus, .skin-1 .pagination > .active > span:focus{
    
  background-color: #2d8723;
  border-color: #2d8723;
}
.skin-1 .editabletable td:focus
{
    border:2px solid #2d8723;     
    box-shadow: 1px 1px 2px #2d8723;
}
.skin-1 .ui-widget-header
{
    background-color:#2d8723 !important;
}
.skin-2 .ui-widget-header
{
    background-color:#d98c14 !important;
}
.skin-3 .ui-widget-header
{
    background-color:#70193d !important;
}
.skin-4 .ui-widget-header
{
    background-color:#819bb6 !important;
}

/*.skin-1 .form-control[disabled], .skin-1 .form-control[readonly], .skin-1 fieldset[disabled] .form-control{
    border:1px solid rgba(45, 135, 35, .5) !important;
    
    box-shadow: 1px 1px 2px #c0bebe;
    background: -moz-linear-gradient(top,  #f1fff0 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1fff0), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #f1fff0 0%,#fff 100%);
	background: -o-linear-gradient(top,  #f1fff0 0%,#fff 100%);
	background: -ms-linear-gradient(top,  #f1fff0 0%,#fff 100%);
	background: linear-gradient(top,  #f1fff0 0%,#fff 100%);
}*/
/* Yellow Skin */

.skin-2 .btn-custom-lighten {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #aa670f;
background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #aa670f, #aa670f);
}
.skin-2 .btn-custom-lighten:hover,
.skin-2 .btn-custom-lighten:focus,
.skin-2 .btn-custom-lighten:active,
.skin-2 .btn-custom-lighten.active,
.skin-2 .btn-custom-lighten.disabled,
.skin-2 .btn-custom-lighten[disabled] {
  color: #ffffff;
  background-color: #d28015;
    background-repeat: repeat-x;
    background-color: #d28015;
    background-image: linear-gradient(to bottom, #d28015, #d28015);
}
.skin-2 .btn-custom-lighten:active,
.skin-2 .btn-custom-lighten.active {
  background-color: #d28015 ;
}
.skin-2 .spin-icon {
  background-color: #be790d;
}
 .skin-2 .midnav
{
    background-color:#9b5801;    
}
 .skin-2 .navbar{
    background-color:#9b5801 !important;

}
.skin-2 .midnav li a  
{
	border-right: 1px solid #B4720C;
	
}
.skin-2 .midnav li:last-child a
{
	border: 0px;
	
}
.skin-2 .midnav li a:hover {  
	background: #be790d;
	background: -moz-linear-gradient(top,  #be790d 0%, #be790d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be790d), color-stop(100%,#be790d));
	background: -webkit-linear-gradient(top,  #be790d 0%,#be790d 100%);
	background: -o-linear-gradient(top,  #be790d 0%,#be790d 100%);
	background: -ms-linear-gradient(top,  #be790d 0%,#be790d 100%);
	background: linear-gradient(top,  #be790d 0%,#be790d 100%);
}
.skin-2 .midnav li a.active  
{
    background: #E3A24C !important;  

}
 
.skin-2 .btn-icon {
border: 1px solid #9b5801;
border-bottom: 2px solid #9b5801 !important;
}
.skin-2 .welcomemargin a {
color: #d48723;
text-decoration: none;
}
.skin-2 .welcomemargin a:hover {
color: #9b5801;
text-decoration: none;
}
.skin-2 .btn-icon-search {
border: 1px solid #9b5801;
border-bottom: 2px solid #9b5801 !important;
}
.skin-2 .btn-icon-search a{
    color:#9b5801;
}
 .skin-2  .btn-icon-search .fa 
 {
    color:#9b5801 !important;   
}
.skin-2  #acc1
{
    BACKGROUND:#f0f0f0 url(../images/sprite-yellow.png) no-repeat -2px 0;
}
.skin-2  #acc2
{
    BACKGROUND:#f0f0f0 url(../images/sprite-yellow.png) no-repeat -42px 0;
}
.skin-2  #acc3
{
 BACKGROUND:#f0f0f0 url(../images/sprite-yellow.png) no-repeat -82px 0;
}
.skin-2 #acc4 {
    BACKGROUND: #f0f0f0 url(../images/sprite-yellow.png) no-repeat -118px -1px;	
}

.skin-2 .accordion-inner ul li a  
{ 
  color:#868585;
}
.skin-2 .accordion-inner ul li a:hover{  
 background-position:left;
     text-decoration:none;
    color:#9b5801;
}


.skin-2 .accordion-heading {
  border-bottom: 0;
  color:#9b5801;
  font:normal 18px "Open Sans" !important;
background-color:#f0f0f0;
}

.skin-2 .accordion-heading .accordion-toggle {
  text-decoration:none;
  color: #9b5801;
}
.skin-2 .accordion-inner {
  padding:0px !important;
  background-color:#fff;
  overflow-y:auto;
}
.skin-2 h1
{
  color: #9b5801;
}
.skin-2 .minbartop
 {
      BACKGROUND: url(../images/slide-yellow.png) no-repeat;
      background-size:100% 100%;
  float:left;
display: block;
    height: 46px;
width:27px
 }
.skin-2 .autocompletestyle-big
{

border:1px solid #c7946f;
}

.skin-2 input[required] { 
    background-color: #faf2e9;

}
.skin-2 textarea[required] { 
    background-color: #faf2e9;

}
.skin-2 .ui-autocomplete {
 
  border-bottom-color: #c7946f !important;
}
.skin-2 .ui-menu-item > a.ui-corner-all:hover,
.skin-2 .ui-menu-item > a.ui-state-focus {
    
  color:#000 !important;
  background-color: #fce7c9 !important;
}

.skin-2 .datepicker table tr td span.active,.skin-2 .datepicker table tr td span.active:hover,.skin-2 .datepicker table tr td span.active.disabled,.skin-2 .datepicker table tr td span.active.disabled:hover {
  background-color: #3e913b;
  background-image: -moz-linear-gradient(top, #aa5921, #aa5921);
  background-image: -ms-linear-gradient(top, #aa5921, #aa5921);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aa5921), to(#aa5921));
  background-image: -webkit-linear-gradient(top, #aa5921, #aa5921);
  background-image: -o-linear-gradient(top, #aa5921, #aa5921);
  background-image: linear-gradient(top, #aa5921, #aa5921);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa5921', endColorstr='#aa5921', GradientType=0);
  border-color: #aa5921 #aa5921 #aa5921;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.skin-2 .famenu {
    color:#aa670f;
}
.skin-2 .famenu-a{
    color:#aa670f !important;
}
.skin-2 .midnav-hide-button {
   background-color:#9b5801 !important;
}

.skin-2 .modal-header-company-selection {
    background-color: #d98c14;
   
}
.skin-2 .pagination > .active > a, .skin-2 .pagination > .active > span, 
.skin-2 .pagination > .active > a:hover, .skin-2 .pagination > .active > span:hover, 
.skin-2 .pagination > .active > a:focus, .skin-2 .pagination > .active > span:focus{
    
  background-color: #d98c14;
  border-color: #d98c14;
}
.skin-2 .editabletable td:focus
{
    border:2px solid #d98c14;       
    box-shadow: 1px 1px 2px #d98c14;
}
/*.skin-2 .form-control[disabled],.skin-2  .form-control[readonly],.skin-2  fieldset[disabled] .form-control{
    border:1px solid rgba(217, 140, 20, .5) !important;
    box-shadow: 1px 1px 2px #c0bebe;
     background: -moz-linear-gradient(top,  #fdf4e6 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf4e6), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #fdf4e6 0%,#fff 100%);
	background: -o-linear-gradient(top,  #fdf4e6 0%,#fff 100%);
	background: -ms-linear-gradient(top,  #fdf4e6 0%,#fff 100%);
	background: linear-gradient(top,  #fdf4e6 0%,#fff 100%);
}*/
/* Purple Skin */


.skin-3 .btn-custom-lighten {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #70193d;
background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #70193d, #70193d);
}
.skin-3 .btn-custom-lighten:hover,
.skin-3 .btn-custom-lighten:focus,
.skin-3 .btn-custom-lighten:active,
.skin-3 .btn-custom-lighten.active,
.skin-3 .btn-custom-lighten.disabled,
.skin-3 .btn-custom-lighten[disabled] {
  color: #ffffff;
    background-repeat: repeat-x;
    background-color: #a55576;
    background-image: linear-gradient(to bottom, #a55576, #a55576);
}
.skin-3 .btn-custom-lighten:active,
.skin-3 .btn-custom-lighten.active {
  background-color: #a55576 ;
}
.skin-3 .spin-icon {
  background-color: #70193d;
}
 .skin-3 .midnav
{
    background-color:#70193d;    
}
 .skin-3 .navbar{
    background-color:#70193d !important;

}
.skin-3 .midnav li a  
{
	border-right: 1px solid #8F355B;
	
}
.skin-3 .midnav li:last-child a
{
	border: 0px;
	
}
.skin-3 .midnav li a:hover {  
	background: #a55576;
	background: -moz-linear-gradient(top,  #a55576 0%, #a55576 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a55576), color-stop(100%,#a55576));
	background: -webkit-linear-gradient(top,  #a55576 0%,#a55576 100%);
	background: -o-linear-gradient(top,  #a55576 0%,#a55576 100%);
	background: -ms-linear-gradient(top,  #a55576 0%,#a55576 100%);
	background: linear-gradient(top,  #a55576 0%,#a55576 100%);
}
.skin-3 .midnav li a.active  
{
    background: #D3769D !important; 

}
 
.skin-3 .btn-icon {
border: 1px solid #70193d;
border-bottom: 2px solid #70193d !important;
}
.skin-3 .welcomemargin a {
color: #a55576;
text-decoration: none;
}
.skin-3 .welcomemargin a:hover {
color: #70193d;
text-decoration: none;
}
.skin-3 .btn-icon-search {
border: 1px solid #70193d;
border-bottom: 2px solid #9b5801 !important;
}
.skin-3 .btn-icon-search a{
    color:#a55576;
}
 .skin-3  .btn-icon-search .fa 
 {
    color:#a55576 !important;   
}
.skin-3  #acc1
{
    BACKGROUND:#f0f0f0 url(../images/sprite-purple.png) no-repeat -2px 0;
}
.skin-3  #acc2
{
    BACKGROUND:#f0f0f0 url(../images/sprite-purple.png) no-repeat -42px 0;
}
.skin-3  #acc3
{
 BACKGROUND:#f0f0f0 url(../images/sprite-purple.png) no-repeat -82px 0;
}
.skin-3 #acc4 {
    BACKGROUND: #f0f0f0 url(../images/sprite-purple.png) no-repeat -118px -1px;	
}

/*.skin-3 .accordion-inner ul li a  
{ 
  color:#70193d;
}*/
.skin-3 .accordion-inner ul li a:hover{  
 background-position:left;
     text-decoration:none;
    color:#70193d;
}


.skin-3 .accordion-heading {
  border-bottom: 0;
  color:#70193d;
  font:normal 18px "Open Sans" !important;
background-color:#f0f0f0;
}

.skin-3 .accordion-heading .accordion-toggle {
  text-decoration:none;
  color: #70193d;
}
.skin-3 .accordion-inner {
  padding:0px !important;
  background-color:#fff;
  overflow-y:auto;
}
.skin-3 h1
{
  color: #70193d;
}
.skin-3 .minbartop
 {
 BACKGROUND: url(../images/slide-purple.png) no-repeat;
 background-size:100% 100%;
  float:left;
display: block;
    height: 46px;
width:27px
 }
.skin-3 .autocompletestyle-big
{

border:1px solid #c7946f;
}

.skin-3 input[required] { 
    background-color: #e8dce5;

}
.skin-3 textarea[required] { 
    background-color: #e8dce5;

}
.skin-3 .ui-autocomplete {
 
  border-bottom-color: #70193d !important;
}
.skin-3 .ui-menu-item > a.ui-corner-all:hover,
.skin-3 .ui-menu-item > a.ui-state-focus {    
  background-color: #F4C6D9 !important;
  color:#000 !important;
}

.skin-3 .datepicker table tr td span.active,.skin-2 .datepicker table tr td span.active:hover,.skin-2 .datepicker table tr td span.active.disabled,.skin-2 .datepicker table tr td span.active.disabled:hover {
  background-color: #70193d;
  background-image: -moz-linear-gradient(top, #70193d, #70193d);
  background-image: -ms-linear-gradient(top, #70193d, #70193d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70193d), to(#70193d));
  background-image: -webkit-linear-gradient(top, #70193d, #70193d);
  background-image: -o-linear-gradient(top, #70193d, #70193d);
  background-image: linear-gradient(top, #70193d, #70193d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70193d', endColorstr='#70193d', GradientType=0);
  border-color: #aa5921 #aa5921 #aa5921;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.skin-3 .famenu {
    color:#70193d;
}
.skin-3 .famenu-a{
    color:#70193d !important;
}
.skin-3 .midnav-hide-button {
   background-color: #70193d !important;
}

.skin-3 .modal-header-company-selection {
    background-color: #70193d;
   
}
.skin-3 .pagination > .active > a, .skin-3 .pagination > .active > span, 
.skin-3 .pagination > .active > a:hover, .skin-3 .pagination > .active > span:hover, 
.skin-3 .pagination > .active > a:focus, .skin-3 .pagination > .active > span:focus{
    
  background-color: #70193d;
  border-color: #70193d;
}
.skin-3 .editabletable td:focus
{
    border:2px solid #70193d ;
           
    box-shadow: 1px 1px 2px #70193d;
}
/*.skin-3 .form-control[disabled],.skin-3  .form-control[readonly],.skin-3  fieldset[disabled] .form-control{
    border:1px solid rgba(112, 25, 61, .5) !important;
    box-shadow: 2px 2px 5px #c0bebe; 
     
    background: -moz-linear-gradient(top,  #fff5f9 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff5f9), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #fff5f9 0%,#fff 100%);
	background: -o-linear-gradient(top,  #fff5f9 0%,#fff 100%);
	background: -ms-linear-gradient(top,  #fff5f9 0%,#fff 100%);
	background: linear-gradient(top,  #fff5f9 0%,#fff 100%);
}*/
/* Black Skin */


.skin-4 .btn-custom-lighten {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #708090;
background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #708090, #708090);
}
.skin-4 .btn-custom-lighten:hover,
.skin-4 .btn-custom-lighten:focus,
.skin-4 .btn-custom-lighten:active,
.skin-4 .btn-custom-lighten.active,
.skin-4 .btn-custom-lighten.disabled,
.skin-4 .btn-custom-lighten[disabled] {
  color: #ffffff;
    background-repeat: repeat-x;
    background-color: #708090;
    background-image: linear-gradient(to bottom, #819bb6, #819bb6);
}
.skin-4 .btn-custom-lighten:active,
.skin-4 .btn-custom-lighten.active {
  background-color: #708090 ;
}
.skin-4 .spin-icon {
  background-color: #708090;
}
 .skin-4 .midnav
{
    background-color:#708090;    
}
 .skin-4 .navbar{
    background-color:#708090 !important;

}
.skin-4 .midnav li a  
{
	border-right: 1px solid #969CA5;
	
}
.skin-4 .midnav li:last-child a
{
	border: 0px;
	
}
.skin-4 .midnav li a:hover {  
	background: #819bb6;
	background: -moz-linear-gradient(top,  #819bb6 0%, #819bb6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bb6), color-stop(100%,#819bb6));
	background: -webkit-linear-gradient(top,  #819bb6 0%,#819bb6 100%);
	background: -o-linear-gradient(top,  #819bb6 0%,#819bb6 100%);
	background: -ms-linear-gradient(top,  #819bb6 0%,#819bb6 100%);
	background: linear-gradient(top,  #819bb6 0%,#819bb6 100%);
}
.skin-4 .midnav li a.active  
{
    background: #90708c !important;  

}
 
.skin-4 .btn-icon {
border: 1px solid #708090;
border-bottom: 2px solid #708090 !important;
}
.skin-4 .welcomemargin a {
color: #819bb6;
text-decoration: none;
}
.skin-4 .welcomemargin a:hover {
color: #708090;
text-decoration: none;
}
.skin-4 .btn-icon-search {
border: 1px solid #819bb6;
border-bottom: 2px solid #708090 !important;
}
.skin-4 .btn-icon-search a{
    color:#708090;
}
 .skin-4  .btn-icon-search .fa 
 {
    color:#819bb6 !important;   
}
.skin-4 #acc1
{
    BACKGROUND:#f0f0f0 url(../images/sprite-grey.png) no-repeat -2px 0;
}
.skin-4  #acc2
{
    BACKGROUND:#f0f0f0 url(../images/sprite-grey.png) no-repeat -42px 0;
}
.skin-4  #acc3
{
 BACKGROUND:#f0f0f0 url(../images/sprite-grey.png) no-repeat -82px 0;
}
.skin-4 .accordion-inner ul li a  
{ 
  color:#708090;
}
.skin-4 #acc4 {
    BACKGROUND: #f0f0f0 url(../images/sprite-grey.png) no-repeat -118px -1px;	
}
.skin-4 .accordion-inner ul li a:hover{  
 background-position:left;
     text-decoration:none;
    color:#819bb6;
}


.skin-4 .accordion-heading {
  border-bottom: 0;
  color:#708090;
  font:normal 18px "Open Sans" !important;
background-color:#f0f0f0;
}

.skin-4 .accordion-heading .accordion-toggle {
  text-decoration:none;
  color: #708090;
}
.skin-4 .accordion-inner {
  padding:0px !important;
  background-color:#fff;
  overflow-y:auto;
}
.skin-4 h1
{
  color: #708090;
}
.skin-4 .minbartop
 {
 BACKGROUND: url(../images/slide-grey.png) no-repeat;
 background-size:100% 100%;
  float:left;
display: block;
    height: 46px;
width:27px
 }
.skin-4 .autocompletestyle-big
{

border:1px solid #708090;
}

.skin-4 input[required] { 
    background-color: #E1E7F0;

}
.skin-4 textarea[required] { 
    background-color: #E1E7F0;

}
.skin-4 .ui-autocomplete {
 
  border-bottom-color: #939dac !important;
}
.skin-4 .ui-menu-item > a.ui-corner-all:hover,
.skin-4 .ui-menu-item > a.ui-state-focus {    
  background-color: #D7DFE7 !important;
  color:#000 !important;
}

.skin-4 .datepicker table tr td span.active,.skin-2 .datepicker table tr td span.active:hover,.skin-2 .datepicker table tr td span.active.disabled,.skin-2 .datepicker table tr td span.active.disabled:hover {
  background-color: #708090;
  background-image: -moz-linear-gradient(top, #708090, #708090);
  background-image: -ms-linear-gradient(top, #708090, #708090);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#708090), to(#708090));
  background-image: -webkit-linear-gradient(top, #708090, #708090);
  background-image: -o-linear-gradient(top, #708090, #708090);
  background-image: linear-gradient(top, #708090, #708090);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#708090', endColorstr='#708090', GradientType=0);
  border-color: #aa5921 #aa5921 #aa5921;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.skin-4 .famenu {
    color:#708090;
}
.skin-4 .famenu-a{
    color:#708090 !important;
}
.skin-4 .midnav-hide-button {
   background-color: #708090 !important;
}

.skin-4 .modal-header-company-selection {
    background-color: #819bb6;
   
}
.skin-4 .pagination > .active > a, .skin-4 .pagination > .active > span, 
.skin-4 .pagination > .active > a:hover, .skin-4 .pagination > .active > span:hover, 
.skin-4 .pagination > .active > a:focus, .skin-4 .pagination > .active > span:focus{
    
  background-color: #819bb6;
  border-color: #819bb6;
}
.skin-4 .editabletable td:focus
{
     border:2px solid #819bb6 ;
           
    box-shadow: 1px 1px 2px #819bb6;
}
/*.skin-4 .form-control[disabled],.skin-4  .form-control[readonly],.skin-4  fieldset[disabled] .form-control{
    border:1px solid rgba(129, 155, 182, .5) !important;
    box-shadow: 1px 1px 2px #c0bebe;    
     
    background: -moz-linear-gradient(top,  #eff6fd 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff6fd), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #eff6fd 0%,#fff 100%);
	background: -o-linear-gradient(top,  #eff6fd 0%,#fff 100%);
	background: -ms-linear-gradient(top,  #eff6fd 0%,#fff 100%);
	background: linear-gradient(top,  #eff6fd 0%,#fff 100%);
}*/


.autocompletestyle-big
{
 min-width:300px !important;
 width:auto;
overflow:auto;
max-height:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
list-style:none;
margin-top:0px;
margin-left:0px;
padding-left:5px;
border:1px solid #bcddfd;
background-color:#fff;
}
#mdlCandidate
{
    left:20% !important;
}
 input[type="file"]
 
 {
     margin-bottom:5px !important;
 }
 
 .modalBackground
{
	background-color: #787878;
	filter: alpha(opacity=50);
	opacity: 0.50;
}
 
 
h4
{
      font-weight:normal !important;
      font-size:15px !important;
      margin-bottom:5px !important;
}
#leftpanel
{
background-color:#f0f0f0; 

    border-right: 2px solid #d7d7d7;  
}
.leftpanelheight{
margin-bottom: -5000px; /* any large number will do */
  padding-bottom: 5000px; 
}
.autoheightleft.container { 
  overflow: hidden; 
  /*Mobile theam alignment issue solve*/ 
  position:relative;
} 
.hideDelete
{
	display:none;
}
.accsearch
{
    margin-bottom:10px;
    }

.tblpanel
{
    margin-bottom:15px !important;
}
.icon-addnew
{   
border:1px solid #c0bebe;
height:20px;
padding-top:5px;
margin-top:-9px !important;
}

.clubbed
{
margin-left: -1px !important;
}
.clubbedtextbox
{
    width:89% !important;
}
 .control-group {
margin-bottom: 0px !important;
}
.btngrid
{
    padding-top:10px !important;
}


.editablegridleft {
    
     /*z-index: 4;*/
}

.list-wrap
  {
      float:left !important;
      height:inherit !important;
  }
  .modalBackground
{
	background-color: #000;
	filter: alpha(opacity=70);
	opacity: 0.70;
	
}



.closepop  
{
    margin:0 0 0 20px;
    BACKGROUND: url(../images/close.png) no-repeat 0 0;
     WIDTH:26px;POSITION: relative; background-position:right;
    HEIGHT: 26px; 
    cursor:pointer;
    z-index: 100000;
     float:right;
} 

.loginpnl{
	background: #ededed;
	padding: 20px 20px 20px 20px; 	
	border: 2px solid #ddd;
	   z-index:200001;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
        width:600px;
        min-height:100px;
        max-height:500px !important;
        overflow:auto;
        top:10px !important;
}

.logininnerpnl
{
	background: #ffffff;
}
#popupDesignation, #popupDepartment
{    
padding-bottom: 20px;
}
#ContentPlaceHolder1_MPDesignation_foregroundElement , #ContentPlaceHolder1_MPDepartment_foregroundElement
{
    top:10% !important;
}
.leftmenuslide
 {
    margin-left:-400px !important;
    transition-duration: 0.8s;
     
}
.headbarstretch
{   
   
    margin-right:0px !important;
    width:100% !important;
    transition-duration: 0.8s;
}
.leftmenustat
 {
    margin-left:-200px !important;
     
}
.headbarstat
{
    
   
    margin-right:0px !important;
    width:70% !important;
}
.loginback
{
    border:1px solid #6fb3e0 !important;
    border-bottom:3px solid #6fb3e0 !important;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  box-shadow: 10px 10px 5px #f2f2f2;
}   

    .loginbtngap
{
    padding-top:10px !important;
}

label.valid {
	width: 24px;
	height: 25px;
	background: url(assets/img/valid.png) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
    
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 0px;
    margin-left: -10px;
}
input[required] { 
    background-color: #e9f2fa;

}
textarea[required] { 
    background-color: #e9f2fa;

}

 .ui-autocomplete-loading
{
   background: #fff url(../images/ajax-loader.gif) no-repeat 95%; 
}
  .ui-autocomplete {
  max-height:300px;
  height:auto;
  overflow-y:inherit;
  overflow-x:hidden;
    position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 12px;
  line-height: normal;
  list-style: none;
  background-color: #fff;
  border: 2px solid #ccc;
  border-bottom-color: #39f;
  box-shadow: 5px 5px 5px #f2f2f2;
  z-index:10000 !important;
}
  
.ui-menu-item > a.ui-corner-all {
  padding: .1em .3em;
  margin: 0;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}
.ui-menu-item > a.ui-corner-all:hover,
.ui-menu-item > a.ui-state-focus {
    
  background-color: #8ed0ff !important;
  border:none !important;  
  color:#000 !important; 
  border-bottom-color: #39f;
}

.tree {
  min-height: 100px;
  height: auto;
  max-height:400px;
  overflow-y: auto;
  padding: 40px;
  margin-bottom: 20px;
  background-color: #fbfbfb;
}
.tree li {
    list-style-type:none;
    margin:0;
    position:relative
}
.tree .parent_li::before {
  border-left: 1px solid #999;
}
.tree .parent_li::after {
    border-top:1px solid #999;
}
.tree li::before, .tree li::after {
    content:'';
    left:-30px;
    position:absolute;
    right:auto;
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:10px;
    width:1px;
}
.tree li::after {
    border-top:1px solid #999;
    height:5px;
    top:10px;
    width:25px;
}
.tree li a {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    padding:1px 0 0 0;
    text-decoration:none;
}
.tree li.parent_li>a {
    cursor:pointer;
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:1px;
}
.dropdown-menu {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none; 
    z-index:10000 !important;
}
.dropdown-menu > li > a {
    color: #333;
    border-top: 1px solid #EEEEEE;
    font-size: 12px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    
    background-color:#428BCA !important;
}
.profilepic{
    margin-top:3px !important;
}
.tablepanel{
 width:100%;
 margin:auto !important;
 max-height:300px !important;
 height:auto !important;
 overflow:auto !important;
}
.topspacing {
    margin-top:10px;
}
.radiotopspacing{
    margin-top:10px !important;
}

.userphotoicon img{
    margin-top:10px !important;

}
input[type="text"],input[type="password"],input[type="number"],input[type="url"],input[type="email"] {
    height: 26px !important;
    padding: 3px 3px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
    }
table input[type="text"],table input[type="password"],table input[type="number"],table input[type="url"],table input[type="email"] {
  margin-top:-2px !important;
    }
select {
    height: 26px !important;
     padding: 3px 5px !important;
    font-size: 12px !important;
     border-radius: 0 4px 4px 0;
}
.thumb {
    height: 75px;
    margin: 10px 5px 0px 0px;
}
.input-group-addon {
    padding: 3px 12px !important;
    z-index:99 !important;
    color:#4D91CB;
}
.combinedcombo .input-group-addon {
     padding: 0px !important;
     background-color:rgba(0, 0, 0, 0.00) !important;
     border:0px;
}
.combinedcombo .input-group-addon select{
    height: 26px !important;
    margin-right:10px !important;
}
.selectdate {
    text-transform: capitalize;
}
.addresspadding{
    padding-top:5px !important;

}
.dropdown-menu input[type="checkbox"] {
  margin: 2px 0 0 -20px  !important;
  position:inherit !important;
}
.dropdown-menu li:hover{
    background-color:#f0f0f0 !important;
     color:#000;
}
.dropdown-menu li a:hover{
    background-color:#f0f0f0 !important;
    color:#000;
}
button.multiselect{
   height: 26px !important;
    margin-top:-1px !important;
    margin-right:10px !important;
        width:100% !important;
    text-align:left !important;
}
.tableback{
    background-color:#fff;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
.btn-dropbox {
  color: #1087dd;
  border-color: rgba(0,0,0,0.2);  
    -webkit-border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border:0;
    width:auto;
}
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left:-15px;  
  margin-top:-10px;
  font-size: 1.2em;
    width:auto;
}
.btn-social>:first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.2em;
  text-align: center;
  border-right: 1px solid rgba(0,0,0,0.2);
}
.modal-header-company-selection {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #6fb3e0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}
.panelsize{
    width:900px;

}

.btncompanyselect {
    margin-left:-17px !important;
    margin-top:-10px;
}
    .btncompanyselect i {
        margin-left:0px !important;
        padding:1px !important;
    }
.btncompanyselect a{
}

.fa-buildingnew {
background: url("../images/companyicon.png") !important;
width:23px !important;
background-size:cover;
height:20px !important;
}
.navbar-top-links{
    padding:0px;
    padding-bottom:10px;
}
.navbar-top-links i{
    color:green;
}
.navbar-top-links li a{
    color:#000;
    text-decoration:none;
}
.navbar-top-links li {

}
.fixed-table-container{
   /* max-height:400px !important;*/
    border:none !important;
     height: auto !important;
     
}
.fixed-table-body{
  max-height: 300px !important;
  height: auto !important;
}
.btn-custom-lighten {
  padding: 3px 10px !important;
  margin-top:6px;
}
.table .table-bordered td{
padding:0px !important;
}

input.parsley-error, select.parsley-error, textarea.parsley-error {
  color: #444444 !important; 
}
/*.parsley-required {
    white-space: nowrap;
}*/
text {
   content:'' !important;
}

.progress{
   
    width:80%;
    margin : 0 auto;
  margin-top:20px;
}
.progwell{
       width:30%;
       padding:20px;
    margin : 0 auto;
    
      position: fixed;
    top: 35%;
    left: 35%;
}
.navbar-right {
    margin-right:0px;
}
.popover {
    z-index:2000 !important;
    right:auto;
}
.groupwell{

}
.niceborder h4 {
    margin:-10px 10px 10px 0px;
    text-align:center;
}
.panel-heading {
  border-color: #eff2f7;
  font-size: 16px;
  font-weight: 300;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.task-content {
    margin-bottom: 30px;
}

.tasks-widget .task-content:after {
	clear: both;
}

.tasks-widget .task-footer  { 
	margin-top: 5px;
}

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

.tasks-widget .task-footer:after {
	clear: both;
}

.tasks-widget  .task-list {
  padding:0;
  margin:0;
}

.tasks-widget .task-list > li {
  position:relative;
  padding:10px 5px;
  border-bottom:1px dashed #eaeaea;
    background: #f5f6f8;
}

.tasks-widget .task-list  li.last-line {
  border-bottom:none;
}

.tasks-widget .task-list  li > .task-bell  {
  margin-left:10px;
}

.tasks-widget .task-list  li > .task-checkbox {
	float:left;
	width:30px;
}

.tasks-widget .task-list  li > .task-title  {
  overflow:hidden;
  margin-right:10px;
}

.tasks-widget .task-list  li > .task-config {
	position:absolute;
	top:10px;
	right:10px;
}

.tasks-widget .task-list  li .task-title .task-title-sp  {
  margin-right:5px;
}

.tasks-widget .task-list  li.task-done .task-title-sp  {
  text-decoration:line-through;
  color: #bbbbbb;
}

.tasks-widget .task-list  li.task-done  {
  background:#f6f6f6;
}

.tasks-widget .task-list  li.task-done:hover {
  background:rgba(0, 0, 0, 0.25);
}

.tasks-widget .task-list  li:hover  {
  background:#f9f9f9;
}

.tasks-widget .task-list  li .task-config {
  display:none;
}

.tasks-widget .task-list  li:hover > .task-config {
  display:block;
  margin-bottom:0 !important;
}


@media only screen and (max-width: 320px) {
    .midnav li a,.midnav li , .midnav li span  
{

    width:100% !important;

}
	.tasks-widget .task-config-btn {
		float:inherit;
		display:block;
	}
	
	.tasks-widget .task-list-projects li > .label {
		margin-bottom:5px;
	}

}

.task-list > li {
    padding: 15px 0 15px 35px !important ;
    position: relative;
    background: rgba(0,0,0,0.2);
    margin-bottom: 2px;
    border-bottom   : none !important;
}

.task-list li.list-primary {
    border-left: 3px solid #41CAC0;
}

.task-list li.list-success {
    border-left: 3px solid #78CD51;
}

.task-list li.list-danger {
    border-left: 3px solid #FF6C60;
}

.task-list li.list-warning {
    border-left: 3px solid #F1C500;
}

.task-list li.list-info {
    border-left: 3px solid #58C9F3;
}

.task-list li.list-inverse {
    border-left: 3px solid #BEC3C7;
}

.midnav-hide-button {
   background-color: #61b0ed;
  position: absolute;
  padding: 5px 20px 30px 20px;
  border-radius: 20px 20px 0px 0px;
  font-size: 16px;
  /*margin-top:-2%;*/
  margin-top:-27px;
  margin-left:48%;
  color: #fff;
  cursor: pointer; 
  z-index:-1 !important;
}

.fixed-buttonbar-hide
{
    background-color:#61b0ed;
    width:100%;
    position: fixed;
      bottom: -90px !important;
  z-index: 999;
  right:0px !important;
  /*transition:all 1s;*/    
}

.midnav-hide-button-bottom {
   background-color: #61b0ed;
  position: fixed;
  padding: 5px 20px 30px 20px;
  border-radius: 20px 20px 0px 0px;
  font-size: 16px;
  margin-left:48%;
  color: #fff;
  cursor: pointer;
  /*transition:all 1s;*/
}


.search input[type="text"]{
    
    height: 30px !important;
    margin-top:1px !important;
}
text,tspan{
    font-weight:normal !important;

}
.title{
    font-weight:normal !important;

}
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  top:13px;
  opacity:.5;
  font-size:14px !important;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

.left-addon .glyphicon .fa-lock{ left:  0px;font-size:30px !important;}
/* add padding  */
.left-addon input  { padding-left:  30px; }
label{
    
  font-weight:600;
  font-size: 15px;

}

a.disabled { text-decoration:none; color:#bbb; }
.searchbox i{
    color:#17c810 !important;
}

legend{
    font-size:16px;

}

.highcharts-container{
    width:100% !important;
}

.tooltip > .tooltip-inner {
    background-color: #fff;
    border:1px solid #6fb3e0;
    color:#999;  
    position: relative;
    
word-wrap: break-word;      
white-space: -webkit-pre-wrap;
 /*word-break: break-all;*/
}

.bottomslider{
    position:relative;    
}
.midnavdisable{    
  background-color: #cdd2d6 !important;
   pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
   cursor: default;
    background-image: none;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    border-right:1px solid #fff;
}

.arrow:before,.arrow:after{
    content:'' !important;
    top:0px !important;
    left:auto;    
  border-top-width: 1px !important;
}

/*@media only screen and (max-width : 775px){
 
    .fixed-buttonbar, .midnav-hide-button{

         display:none;
    }
    
    .leftmenu{
        display:none;
    }
	}*/

.widget {
    padding: 0px;
    box-shadow: none;
    margin: 0px 0px 30px;
}
.widget-header.bordered-bottom {
    border-bottom: 1px solid #FFF;
}
.widget-header {
    position: relative;
    min-height: 35px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    color: #555;
    padding-left: 12px;
    text-align: right;
}
.bordered-themesecondary {
    border-color: #FB6E52 !important;
}
.widget-header .widget-icon {
    display: block;
    width: 30px;
    height: 32px;
    position: relative;
    float: left;
    font-size: 111%;
    line-height: 32px;
    text-align: center;
    margin-left: -10px;
}
.themesecondary {
    color: #FB6E52 !important;
}
.widget-header > .widget-caption {
    line-height: 34px;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: left;
    font-weight: 400 !important;
    font-size: 13px;
}
.themesecondary {
    color: #FB6E52 !important;
}
.widget-body.no-padding {
    padding: 0px;
}
.widget-body {
    background-color: #FBFBFB;
    box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.3);
    padding: 12px;
}
.tickets-container {
    position: relative;
    padding: 25px;
    background-color: #fff;
}
.tickets-container .tickets-list {
    list-style: outside none none;
    padding: 0px;
    margin-bottom: 0px;
}
.tickets-container .tickets-list .ticket-item {
    position: relative;
    background-color: #FFF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background-clip: padding-box;
    margin-bottom: 8px;
    padding: 0px 15px;
    vertical-align: top;
}
.tickets-container .tickets-list .ticket-item .ticket-user {
    line-height: 30px;
    padding: 0px 10px 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tickets-container .tickets-list .ticket-item .ticket-time {
    line-height: 30px;
    height: 50px;
    padding: 10px;
}
.tickets-container .tickets-list .ticket-item .divider {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 1px;
    background-color: #EEE;
    display: inline-block;
}
.tickets-container .tickets-list .ticket-item .ticket-time i {
    color: #CCC;
}
.tickets-container .tickets-list .ticket-item .ticket-time .time {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
}
.tickets-container .tickets-list .ticket-item .ticket-type {
    line-height: 30px;
    padding: 0px 10px 0px 10px;
    cursor:pointer;
}
.tickets-container .tickets-list .ticket-item .ticket-state {
    position: absolute;
    top: 13px;
    right: -12px;
    height: 25px;
    width: 24px;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #E5E5E5;
    text-align: center;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    border: 2px solid #FFF;
}
.accback{
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2) !important;
    /* background: url(../img/active.png) repeat-x; */
    background: #7ca7c3 !important;
    background: -moz-linear-gradient(top, #7ca7c3 0%, #5ba8db 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca7c3), color-stop(100%,#5ba8db)) !important;
    background: -webkit-linear-gradient(top, #7ca7c3 0%,#5ba8db 100%) !important;
    background: -o-linear-gradient(top, #7ca7c3 0%,#5ba8db 100%) !important;
    background: -ms-linear-gradient(top, #7ca7c3 0%,#5ba8db 100%) !important;
    background: linear-gradient(top, #7ca7c3 0%,#5ba8db 100%) !important;
}
.accback .countalert{
    display: block;
    position: absolute;
    color:#156785;
    top: 7px;
    right: 0;
    padding: 0 10px;
    margin-right: 10px;
    font: normal bold 12px/18px Arial, sans-serif;
    background: #f0f0f0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}
.bg-palegreen {
    background-color: #A0D468 !important;
}
.bg-darkorange {
    background-color: #ED4E2A !important;
}
.bg-yellow {
    background-color: #FFCE55 !important;
}
.tickets-container .tickets-list .ticket-item .ticket-state i {
    font-size: 13px;
    color: #FFF;
    line-height: 20px;
}
.tickets-container .tickets-list .ticket-item:hover {
    color:#f57b4d !important;
}
.themesecondary h4{
    margin-top:7px;

}
.tblApprovalwidth {min-width: 200px !important;}
.tblApprovalwidth tr {height: 10px !important;padding:0px !important;margin:0px !important}

.well .wellpanel{
    background-color:#fff !important;

}
.well {
padding:7px 20px 7px 30px  !important;
margin-bottom:5px;
}


.headbarstretch-rightside
{   
   
    margin-right:0px !important;
    width:82% !important;
    transition-duration: 0.8s;
}

.right-menu-hide
{
    margin-right:-800px !important;
    transition-duration: 0.8s;
}

.btn-icon-search-show
{
  
  position: relative;
}
.inner-addon .fa .fa-lock{
    font-size:15px !important;
}
.headingerror
{
  font-size:30px;
  opacity:.6;

}
.closemodel
{
  float: right;
  margin-right: 5px !important;
  margin-top: 5px !important;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.LeftSide-Label{
    position:absolute;
    z-index:9;
    margin-top:-3px;
    margin-left:-3px;
}
#CommonErrorMessage .widget{
    margin-top:40% !important;
}
.checkboxcenter{
    float:none !important;
}
#captcha-wrap{
	width:100%;
	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
    background: #ebf2fd;
	/*margin-left:80px;*/
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}
#captcha-wrap .captcha-box{
	-webkit-border-radius: 7px;
    background: #dae6f9;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align:center;
    border: solid #dae6f9 1px;
    height: 31px;
}
#captcha-wrap .text-box{
	-webkit-border-radius: 7px;
    background: #dae6f9;
	-moz-border-radius: 7px;
    margin: 3px;
	text-align:center;
    margin-top: 7px;
    padding: 5px 0px;
}
 
/*#captcha-wrap .text-box input{ width:120px;}*/
#captcha-wrap .text-box label{
	 color:#000000;
	 font-family: helvetica,sans-serif;
	 font-size:12px;	
	 width:150px;
	 padding-top:3px; 
	 padding-bottom:3px; 
}
#captcha-wrap .captcha-action{
	float:right; width:117px; 
	background:url(logos.jpg) top right no-repeat; 
	height:44px; margin-top:3px;
}
#captcha-wrap  img#captcha-refresh{
	/*margin-top:7px;*/
	/*border:solid #333333 1px;*/
	margin-right:6px;
	cursor:pointer;
      width: 90px;
}
#captcharefresh{
    /*cursor:pointer;*/
    
    color: #fff;
}
.model-topmargin
{
 margin-top:30% !important;
}
.green-text
{
    color:#39823a;
}
   
.captcha-box .input-group-addon {
   
     cursor:pointer;
    background-color: #28a7e2 !important;
    border: 2px solid #249fd8;
     border-radius:0px 7px 7px 0px;
}
.captcha-box .input-group {
    height:31px;
}
.model-topmargin
{
 margin-top:30% !important;
}
.green-text
{
    color:#39823a;
}
.famenu {
    color:#254271;
    margin:0 5px 0 -15px !important;
}
.famenu-a{
    color:#254271 !important;
}


#PassportClick,#VisaClick,#HealthCardClick,#DrivingLicenseClick
{
    cursor:pointer;
}
.pointer{
    cursor:pointer;

}
#LeftUlMenu > li {
    
    padding:10px;

}
#LeftUlMenu > li:hover {
    background:#d5d3d3;
    border-left:3px solid #aaa6a6;
}
.Left-Border {
    border-left:3px solid rgba(0, 0, 0, 0.25);
    background:#f5f1f1;
}
.Left-Border-doubleLine {
    border-left:1px solid #a5a4a4;
    height:100%;
}

.tickets-container-About {
    position: relative;
    background-color: #fff;
      padding: 5px;
}
/*.form-page-textbox{
    cursor: not-allowed;
  background-color: #c0bebe !important;
  border:none;
  opacity: 1;
  color:red;
  -webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}*/

.profile-minwidth{
    min-width:32%;
    padding:10px;
}

.profile-background{
    
    background:#fafafa;
    border:1px solid #eeeeee;

}
.profile-data-fontweight{
    
    font-weight:500;
}
/*.profile-minwidth-toprow{
    min-width:35%;
    padding:10px;
}*/
.profile-maxwidth{
    min-width:43%;
    padding:10px;
}
.profile-maxwidth-version2{
    min-width:46%;
    padding:10px;
}
.profile-maxwidth-version3{
    min-width:65%;
    padding:10px;
}
.profile-minwidth-version2{
    min-width:40%;
    padding:10px;
}
.profile-minwidth-version4{
    min-width:28%;
    padding:10px 5px 10px 10px;
}
.textmaxwidth{

width:50px;
}
#PersonalprofilecollapseOne h4,#PersonalprofilecollapseTwo h4,#PersonalprofilecollapseThree h4,#PersonalprofilecollapseFour h4,#PersonalprofilecollapseFive h4{

    padding:5px !important;
}
#PersonalprofilecollapseOne .panel-body,#PersonalprofilecollapseTwo .panel-body{
    padding:0px 15px 0px 15px !important;
}

.Only-padding{
     padding:10px 0px 10px 10px;
}
.recentactivity li{
  border:1px solid #f0f0f0;
  border-left: 3px solid rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 20px 10px;
  margin-bottom:5px;
  background: #fff;
  list-style:none;

}
.imgtopheight{

    margin-top:5px;
}
#PassportClick,#VisaClick,#HealthCardClick,#DrivingLicenseClick
{
    cursor:pointer;
}
.pointer{
    cursor:pointer;
}
#LeftUlMenu > li {    
    padding:10px;
}
#LeftUlMenu > li:hover {
    background:#d5d3d3;
    border-left:3px solid #aaa6a6;
}
.Left-Border {
    border-left:3px solid rgba(0, 0, 0, 0.25);
    background:#f5f1f1;
}
.Left-Border-doubleLine {
    border-left:1px solid #a5a4a4;
    height:100%;
}

.tickets-container-About {
    position: relative;
    background-color: #fff;
}
.tdbackground{
    background:rgba(0, 0, 0, 0.25);
}

.navbar{
    background-color:none;
}

.tdbackground{
    background:rgba(0, 0, 0, 0.25);
}

.skin-settings .settingshead{
border-bottom: 1px solid #999;
}

#imgprofile:hover
{
  right: 0px;
  height: 200px;
  z-index: 9999999999 !IMPORTANT;
  position: absolute !important;
}

#imgprofile:hover
{
    right: 0px;
  height: 250px;
  z-index: 9999999999 !IMPORTANT;
  position: absolute !important;
}

.deleteprofilepic
{
  position: absolute;
  top: 80%;
  left: 30%;
  background-color: #fff;

}

.fixed {
    position:fixed;
    width: 16.5%;
    /*overflow:hidden !important;*/
   
}
.headbar-fix{
    position: fixed;
  overflow: visible;
  z-index: 999 !important;
  background-color: #fff;
  width: 100%;
  padding-bottom:5px;
}
.fixed-formhead
{
position: fixed;
z-index: 5 !important;
margin-top: -47px;
/*width: 90% !important;
width: 85.7% !important;*/
width: 83.4% !important;

}
.contentwrapper-adjust
{
    margin-top: 101px !important;
}
#contentwrapper{
    position:relative;
}
.leftmenu-adjust
{
    margin-top: 54px;
    /*margin-left:-4px;*/
}
.theme-config-fixed{
    position:fixed !important;
    z-index:99;
}
.dashtablepanel{
 overflow-x:auto;
 width:100%;
 margin:auto !important;
 float:none;
height:150px;
}
.tbldashboardsettings tr td:nth-child(4) {width:2%;}




.tablefixcolumn tr td:nth-child(1),.tablefixcolumn thead th:nth-child(1) {   
     position: absolute !important;
    display: block !important;
    width: 100px;

}

.table-header-width {
  min-width: 120px;
}
.tipmarginindex{
    z-index:0;
}
.searchboxindex{
    z-index:0;
}

.editabletable td{
    text-align:left;
}

.heightsettings
{
    height:380px;
    overflow-y:scroll;
}
.table  td  input[type=checkbox],.table  td  input[type=radio]{
 
    margin-left:50% !important;

}
.table  th  input[type=checkbox],.table  th  input[type=radio]{
 
    margin-left:44% !important;

}

.heightsettings
{
    height:380px;
    overflow-y:scroll;
}
.Background-Skin
{
    height:400px;
    background:#5aa9f5;
    position:absolute;
}
.skin-1 .Background-Skin
{
    background-color:#7fbf76;
    
}
.skin-2 .Background-Skin
{
    background-color:#be790d;    
}
.skin-3 .Background-Skin
{
    background-color:#70193d;    
}
.skin-4 .Background-Skin  
{
    background: #acc0d4; 

}

.Pluse-Color{

    color:#5aa9f5;
}
.skin-1 .Pluse-Color
{
    color:#7fbf76;
    
}
.skin-2 .Pluse-Color
{
    color:#be790d;    
}
.skin-3 .Pluse-Color
{
    color:#70193d;    
}
.skin-4 .Pluse-Color  
{
    color: #acc0d4; 

}
.adler-help-toggle{
    padding:20px;
}
.panel-body-background{
    background: #d7eef9;
}
.skin-1 .panel-body-background{
    background: #d7f9ea;
}
.skin-2 .panel-body-background{
    background: #f9f2d7;
}
.skin-3 .panel-body-background{
    background: #F7E1EA;
}
.skin-4 .panel-body-background{
    background: #ececec;
}

.boredrbox{
    list-style:none;
    height:100px;
    width:100px;
    margin-left:20px;
    margin-top:20px;
}
.boredrbox:hover{
    -moz-box-shadow:    2px 2px 4px 2px #ccc;
  -webkit-box-shadow: 2px 2px 4px 2px #ccc;
  box-shadow:         2px 2px 4px 2px #ccc;
}

.imagcenter{

      margin-left: 25px;
  margin-top: 10px;
}

#helplistiterm label{

    color:#fff;
    font-weight:300;
    margin-top:10px;

}


.presentinnerImage{
     margin-left: 100px; 
        width:80%;
    transition-duration: 0.8s;


}
.innerImage{
    
    transition-duration: 0.8s;
    margin-left: 100px; 
    margin-top: -40%;
    width:80%;
}
.heightandscroll{
    height: 500px;
  overflow: scroll;

}
#rightmenuhelp {

    max-height:300px;
    height:auto;
    overflow-y:auto;
    width:100%;
}
#rightmenuhelp li
  {
  list-style: none !important;
  margin-bottom:10px;
  }
#rightmenuhelp li a
  {
 
  color:#fff !important;
 cursor:pointer !important;
  text-decoration:none !important;
  padding: 5px !important;
  width:90% !important;
  display: block

  }
#rightmenuhelp li a:hover
  {
 background: #055da8 !important;
 border-left: 2px solid #fff !important;
  color:#fff !important;
  }
.skin-1 #rightmenuhelp li:hover, .skin-1 .selectedcolor{
    background: #0da805;
}
.skin-2 #rightmenuhelp li:hover, .skin-2 .selectedcolor{
    background: #a86105;
}
.skin-3 #rightmenuhelp li:hover, .skin-3 .selectedcolor{
    background: #48021f;
}
.skin-4 #rightmenuhelp li:hover, .skin-4 .selectedcolor{
    background: #6f6d6a;
}
.selectedcolor{
 background: #055da8;
 border-left: 2px solid #fff;
}

.backbutton
{
color:#fff; 
cursor:pointer;
  padding: 5px;
  margin-top: -50px;
  border: 1px solid #fff;
  border-radius: 5px;
}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.Helpshadow h2,.Helpshadow h3{

   font-size:25px;
}
.Helpshadow h4{

   font-size:20px !important;
   margin-bottom:5px !important;
}

.Helpshadow {

    background: #fff; 

  -moz-box-shadow:    2px 2px 4px 2px #ccc;
  -webkit-box-shadow: 2px 2px 4px 2px #ccc;
  box-shadow:         2px 2px 4px 2px #ccc;
}
.Helpshadow h4{

   font-size:20px !important;
}
.Helpshadow .accordion h4{

   font-size:15px !important;
}

.approvalimg{
    
    BACKGROUND:#fff url(../images/Approve.png) no-repeat -2px 0;
    background-size:15% 100%;
    height:95px;
    padding-left:80px !important;

}
.hidebtn{
    display:none;
}
.rate
{
    text-align:center;
}
.QuestionMark{

    margin-top: -30px !important;
    margin-left: 50px;
}
.SmallPadding
{
    padding:5px !important;

}

#ApprovalContentback{
    background-color:#e5f3fe;
    overflow:hidden;
    padding:20px 0 20px 0 !important;
      width: 94%;
}
.skin-1 #ApprovalContentback{
    background-color:#d9f5ef;
   
}
.skin-2 #ApprovalContentback{
    background-color:#f5ecd9;
   
}
.skin-3 #ApprovalContentback{
    background-color:#f3e3e8;
   
}
.skin-4 #ApprovalContentback{
    background-color:#ebedf2;
   
}
.borderpointer
{
  background-color:#f0f0f0;
  max-width:500px;
  padding:10px;	
}


.context-menu {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 12px 0;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
}

.context-menu--active {
  display: block;
  margin-top:-60px;
  margin-left:-230px;
}

.context-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.context-menu__item {
  display: block;
  margin-bottom: 4px;
}

.context-menu__item:last-child {
  margin-bottom: 0;
}

.context-menu__link {
  display: block;
  padding: 4px 12px;
  color: #0066aa;
  text-decoration: none;
}

.context-menu__link:hover {
  color: #fff;
  background-color: #0066aa;
}
.rate.form-control{    
    height:25px !important;
    padding:2px !important;
}

.fixed-table-container .no-records-found
{
    text-align:left !important;
}
.paddingtable td{
    padding:2px 0 1px 3px !important;

}
.editabletabletd{
    border:2px solid #6fb3e0  !important;

}


    div.pq-grid-toolbar-search
    {
        text-align:left;
    }
    div.pq-grid-toolbar-search *
    {
        margin:1px 5px 1px 0px; 
        vertical-align:middle;       
    }
    div.pq-grid-toolbar-search .pq-separator
    {
       margin-left:10px;   
       margin-right:10px;   
    }
    div.pq-grid-toolbar-search select
    {
        height:18px;    
        position:relative;
    }
    div.pq-grid-toolbar-search input.pq-search-txt
    {
        width:180px;border:1px solid #b5b8c8;
        /*text-align:center; */
        height:16px;
        padding:0px 5px;        
    }


.TickerNews.theme3{
  background-color: #fff;
  font-size:15px !important;
}
 .skin-1 .TickerNews.theme3{
    background: #fff;
    color:#000 !important;
}
.skin-2 .TickerNews.theme3{
    color:#000 !important;
}
.skin-3 .TickerNews.theme3{
    color:#000 !important;
}
.skin-4 .TickerNews.theme3{
    color:#000 !important;
}
.TickerNews.theme3 .ti_news a{
  display: block;
  margin-right: 10px;
  text-decoration: none;
  color:#000 !important;
}




.TickerNews {
  width: 100%;
  height: 42px;
  line-height: 42px;
  color:#000 !important;
}

.TickerNews marquee {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 40px;
  margin-top: -8px;
}

.tickermargin {
  margin-top: -10px !important;
}
.clocktext .input-group-addon a{
    padding: 1px !important;
    border:none !important;
    width:100% !important;

}

.flag { 
  width: 110%;
  height:80px;
  background: #ECEEF4;
  position: relative;
}

.flag:before { 
content: ""; 
position: absolute; 
top: 0; 

width: 0; 
height: 0; 
border-top: 40px solid transparent; 

border-bottom: 40px solid transparent; 

border-left: 45px solid white;

}

.flag:after { 
content: ""; 
position: absolute; 
left: 100%; 
bottom: 0; 
width: 0; 
height: 0; 
border-top: 40px solid transparent;

border-bottom: 40px solid transparent;

border-left: 45px solid #ECEEF4;

}

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

.flagNext  {
    background: #6FB3E0 !important;
    color: #fff;
}
.flagNext:after
{
     border-left: 45px solid #6FB3E0;
}

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

.flagfirsr { 
width: 110%; height:
     80px; background: #6FB3E0;
            position: relative;
            color:#fff;
}
.flagfirsr:after { 
content: ""; 
position: absolute; 
left: 100%; 
bottom: 0; 
width: 0; 
height: 0; 
border-top: 40px solid transparent;

border-bottom: 40px solid transparent;

border-left: 45px solid #6FB3E0;

}

.flaglast { 
  width: 100%;
  height: 80px;
  background: #ECEEF4;
  position: relative;
}
.flaglast:before { 
content: ""; 
position: absolute; 
top: 0; 

width: 0; 
height: 0; 
border-top: 40px solid transparent; 

border-bottom: 40px solid transparent; 

border-left: 45px solid white;

}
.BtnNext {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.BtnNext:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.BtnNext::before {
	background-color:#2591b4;
	background-image:url(../Images/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.BtnNext:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.BtnBack {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.BtnBack::before {
	background-color:#2591b4;
	background-image:url(../Images/left_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.BtnBack span
{
    left: 30px;
    position: relative;
}

.BtnCancel {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.BtnCancel::before {
	background-color:#2591b4;
	background-image:url(../Images/SubmitIcon.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}
.BtnCancel span
{
    left: 30px;
    position: relative;
}


.BtnSubmit {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.BtnSubmit:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.BtnSubmit::before {
	background-color:#2591b4;
	background-image:url(../Images/BtnSubmit.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}
.btn-group button{
    color:#000 !important;

}
#LabDetails.handsontable table{
    width:100%;
}
/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 100px) and (max-width:767px)
{
     .chattbox
    {
            bottom: -160px !important;
    }
    
   .panelsize{
        width:auto;
    }
    .fixed-maincontent
    {
        margin-top: 32px;
    }
    /*body{
        padding:20px !important;
        margin-left:-20px !important;
    }*/
   .panelsize{
        width:auto;
    }
   .tipmargin {
  margin-top: 0px !important;
  z-index: 2;
}
   .tickermargin,.btngrp{
       margin-top:10px !important;

   }
   .welcomecontent{
       text-align:center;
       margin-top:20px !important;
       margin-bottom:20px !important;
   }
   .formborder {
  margin-bottom: 10px;
}
   .leftmenu{    
       min-height:0px !important;
       height:auto !important;
    }
   .formhead{
       width: 108% !important;
    display: inline-flex;
   }
   .iconmargin
   {
       /*width:100px;
       margin-left: 20%;*/
    margin-left: 12%;
    padding: 0px;
   }
   #topminimize{
       display:none;
   }
  /*.midnav-hide-button
  {
      display:none;
  }*/
  /*.fixed-buttonbar-hide
{
      bottom: 0px !important;
}*/
#Topleft-Menu
{
    display:initial !important;
}

#leftpanel
{
    display:none;
}
.profilepic {
    margin-top: -8px !important;
}
    .midnav li a,.midnav li , .midnav li span  
{
   
    width:100% !important;
}
}
.tabletextright
{
    text-align:right;
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

}
@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
   .btn-icon-search,.btn-icon{
       font-size:.9vw;
   }
    .btn-icon{
       
    margin-left: 3px;
   }
   
   .navbar-nav > li > a{
           padding-top: 5px !important;
}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}
@media only screen and (min-width: 768px) and (max-width:1040px){

    .navbar-nav
    {
            overflow: auto;
    }

    
}
@media only screen and (min-width: 768px) and (max-width:1176px){

    /*.formhead {
    width: 135% !important;
}*/
   

   .minbartop {
   margin-left:0px !important;
}
    .fixed-formhead .headbar {
    padding-left:0px !important;
    }

     .headbar {
    padding-left:0px !important;
    }
}
@media only screen and (min-width: 100px) and (max-width:400px) {
    h1
    {
        font-size:16px !important;
    margin-left: -60px;
    display:table-caption;
    }
    .btn-icon-search
    {
        margin-left:-10px;
    }
.formhead h1 {
    padding: 3px 0 0px 60px !important;
        margin-left: 9px;
}

.row.formhead .col-sm-4.iconmargin.text-center {
    width: 20% !important;
}


}


@media only screen and (max-width : 767px) {
    .formhead h1 {
    padding: 10px 0 0px 6px;
    font: 600 16px "Open Sans" !important;
}
    #imgiconuserphoto
    {
        margin-left: 10px;
        margin-top:2px;

    }
    #Topleft-Menu
    {
        float: left; 
        padding: 10px 20px 10px 20px; 
        padding: 10px 20px 10px 20px; 
        margin-top: -10px !important; 
        display: inline-block !important;
    }
    /*.profilepic{
        float:right !important;
    }*/
    #leftpanel
    {
        margin-top:10px;
    }

}
ul > li > a > .fa-medkit
{
    color:red;
}
ul > li > a > .fa-usd
{
    color:rgb(66, 139, 202);
}
.maqueeborder{
border: 1px solid #58a0cb;
border-bottom: 2px solid #58a0cb !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*padding:2px;*/
text-decoration: none !important;
    height: 42px;
    line-height: 39px;
}

#Lay_CompanyName, #Layout_CompanyLog
{
     display: inline-block;
      vertical-align: middle;
      line-height: normal;
}
.btnmaqueeborder
{
    margin-top: -10px;
}
.comptopspacing{
    margin-top:3px;

}
/*.comptopspacing .img-responsive{
    max-height:32px !important;

}*/
textarea.handsontableInput{
    min-height:10px !important;
    height:auto;
    max-height:80px;
    overflow:auto
}
/*.leftgridtop{
    margin-left:15px;

}*/

/*.ht_clone_top,.ht_clone_left.ht_clone_corner {
margin-left:15px;
}*/

.tdminwidth
{
        min-width:100px !important;
}

.leftsidespace
{
    margin-left:5px;
}
.tree_menu_menu {
  position: absolute;
  z-index: 10;
  padding: 12px 0;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
  
}
.tree_menu_menu li
{
    list-style:none;
}

.multipleselect .btn-group{
    width:100% !important;
    text-align:left !important;

}
.multiselect-container{
    width:100% !important;

    max-height: 200px !important;
    overflow: auto !important;
}
.tblinterviewcallseperation
{

    background-color:#a1d6fe !important;
}

.tablepanelthreeColumn
{
 overflow-x:auto;
 width:100%;
 margin:auto !important;
 max-height:120px !important;
 height:auto !important;
}
.header-fix-skin-index {
    z-index: 100;
}

hr.horizobdalLine
{
    margin-top: 5px !important;
    margin-bottom:11px !important;
}
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ul.dragdrop li.placeholder {
  position: relative;
}
ul.dragdrop li.placeholder:before {
  position: absolute;
}


/*From Shanu*/

/*From Shanu*/
.listActive {
  border: 1px solid #ccc;
  background-color: #fcfcfc;
  padding: 0.5em 0 3em 0 !important;
}
.placeholder {
  list-style-type: none;
  text-align: center;
  font-style: italic;
  border: 1px dashed #ddd !important;
  background-color: #fff !important;
  color: #aaa !important;
}
.dismiss {
  float: right;
  position: relative;
  top: -8px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none !important;
  color: #468847;
}
ul.source, ul.target {
  min-height: 50px;
  /*margin: 0px 25px 10px 0px;*/
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  list-style-type: none;
  list-style-position: inside;
}

ul.source {
  border-color: #f8e0b1;
  min-height:270px !important;
  max-height: 300px !important;
  overflow:auto;
}
ul.target {
  border:2px solid #D6EBF9;
    max-height: 200px;
    overflow: auto;
    height:auto;
}

.source li, .target li {
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.source li {
  background-color: #fff;
  border: 2px solid #DFCACA;
  color: #D17979;
}
.target li {
  background-color: #fff;
  border: 1px solid #c6ddb3;
  color: #0d8ddb;
  box-shadow: 0 2px 8px #DCD9D9;
}
.sortable-dragging {
  border-color: #ccc !important;
  background-color: #fafafa !important;
  color: #bbb !important;
}
.sortable-placeholder {
  height: 40px;
}
.source .sortable-placeholder {
  border: 2px dashed #f8e0b1 !important;
  background-color: #fefcf5 !important;
}
.target .sortable-placeholder {
  border: 2px dashed #add38d !important;
  background-color: #f6fbf4 !important;
}
.total-rooms
{
    
    border:2px solid #f59f9f;
    background-color:#f6cdcd;
}
.CompanySelectionPanel
{
    max-height: 200px;
    overflow: auto;
}
.tottalborder
{
    background-color:#fff;
    /*border: 1px solid #ADD38D;*/
    padding: 15px;
}
.skin-1 .target{
    border-color: #cdf5c8;
}
.skin-2 .target{
    border-color: #fae6c6;
}
.skin-3 .target{
    border-color: #fcd4e4;
}
.skin-4 .target{
    border-color: #f1f1f2;
}
.skin-1 .target li{
    color: #357e2b;
}
.skin-2 .target li{
    color: #b18236;
}
.skin-3 .target li{
    color: #a3295a;
}
.skin-4 .target li{
    color: #99999f;
}
#Topleft-Menu
{
    display: none;
}
.ui-autocomplete
{
    z-index:99999999999999999 !important;
}
@media only screen and (max-width : 940px) {
    
.accordion-heading label {
  border-bottom: 0;
  font:normal 15px "Open Sans" !important;
background-color:#f0f0f0;
}

.NewsBox{ width:50%;float:left; margin-bottom:20px}

    .Boxbotmar {
        display:none;
}
.LeftNewsMenu {
height: 105% !important;
}

}
@media only screen and (max-width : 759px) {

    #imgiconuserphoto
    {
        margin-left: 10px;
        margin-top:2px;

    }
    #Topleft-Menu
    {
        float: left; 
        padding: 10px 20px 10px 20px; 
        padding: 10px 20px 10px 20px; 
        margin-top: -10px !important; 
        display: inline-block !important;
    }
    /*.profilepic{
        float:right !important;
    }*/
    #leftpanel
    {
        margin-top:10px;
    }

}

@media only screen and (max-width : 500px) {
   
.NewsBox{ width:100%;float:none; margin-bottom:20px}

    .Boxbotmar {
        display:none;
    }
}
@media only screen and (min-width: 764px) and (max-width:1200px) {

    .fixed-maincontent
    {
        margin-top: 27px;
    }
     /*.theme-config{margin-top: 32px;   }*/
    
}

.chattbox
{
    width:270px;
    position:fixed;
    right: 5px;
    bottom:-120px;
    background:#fafafa;
    z-index: 998;
}
.chattbox-midnavhide
{
    width:270px;
    position:fixed;
    right: 5px;
    bottom:-210px;
    background:#fafafa;
    z-index: 998;
}
.chattbox-show
{
    width:270px;
    position:fixed;
    right: 5px;
    bottom:80px;
    background:#fafafa;
    z-index: 998;
}
.chattbox-show-above
{
    width:270px;
    position:fixed;
    right: 5px;
    bottom:0px;
    background:#fafafa;
    z-index: 998;
}
.chattbox-header
{
    background-color:#F2F3F4;
    border:1px solid #e9e2e2;
    height:25px;
}
.chattbox-header > label
{
    
    margin-top:3px;
    color:#61b0ed;
    margin-left:10px;
}
.chattbox-users
{
    border:1px solid #e9e2e2;
    height:100px;
    display:flex;
}
.chattbox-users-list
{
    border:2px solid #e9e2e2;
    /*height:100px;*/
    /*overflow-y:scroll;*/
    width:70%;
}
.chattbox-users-list > select[multiple]{
    height:100px !important;
}
.chattbox-users-list > select[multiple] > option{
   border-bottom:1px solid #dddada;
}
.chattbox-users-refresh
{
    border:2px solid #e9e2e2;
    height:100px;
    width:30%;

}
.chattbox-users-refresh >a
{
    
}
.chattbox-messages
{
    border:2px solid #e9e2e2;
    /*height:100px;*/
    width:100%;
    /*overflow-y:scroll;*/
}
.chattbox-submit
{
    background:#e9e2e2;
}
.chattbox-submit > a > span
{
    margin-left:10px;
}
.skin-1 .chattbox-header > label{
    color: #2d8723;
}
.skin-2 .chattbox-header > label{
    color: #d98c14;
}
.skin-3 .chattbox-header > label{
    color: #70193D;
}
.skin-4 .chattbox-header > label{
    color: #819BB6;
}
.Employeeview
    {
  margin-left: 40px;
  margin-top: -25px;
    }

.hansonloading{    
    BACKGROUND:#f0f0f0 url(../images/ajax-loader.gif) no-repeat;
    width:100%;
    height:95px;
    margin-right:200px;
}
.dashboardniceborder{
 border: 1px solid #c0bebe;
    border-radius: 10px;
    padding:10px;
    margin:10px;
}
.modalscroll{
    max-height:520px !important;
    height:auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
.payprocess_prepayslip_color
{
     background-color:#fae4df !important;
  
}
.payprocess_process_color
{
     background-color:#daf1e3 !important;
}


.ht_master .htCore tr td input[type="checkbox"] {
float: none !important;
}
.letter-head
{
    width:200px;
}
.jstree-container-ul{

    margin-left: -30px !important;
}

.tooltip_checkbox{
float:left !important;
}

.welcome-page-background
{
        background: url(../images/welcomepage.png) 0 0; 
        background-size:cover !important;
        min-height:557px;
}
.hrmswelcome-page-background
{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d2d3d5+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #d2d3d5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#d2d3d5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#d2d3d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d3d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.welcome-head{
    color:#230b2d !important;
    font-size:18px;
}
.welcome-notification{
    color:#1185b1 !important;
    font-size:16px;
}
.welcome-notification-no{
    color:#ff5a00 !important;
}
.lastlogged{    
    color:#230b2d !important;
    font-size:16px;
}
.modal-custom-class .modal-dialog{
    width:800px;
    min-height:800px !important;
}
.modal-custom-class .modal-header {
    background-color:#6fb3e0;
    color:#fff;
    border-radius:5px 5px 0 0;
}
.modal-custom-class .modal-body {
   min-height:350px;
}
.modal-custom-class .modal-content {
    
    border-radius:5px;
}
.modal-custom-class .fontlabel{
    font-weight:normal;
    margin-bottom:10px;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
    
	background: url(../images/preloader.gif) center no-repeat #fff;
}
#Room
{
    height:380px !important;
  overflow:auto;
}
.highlite
{
    /*background: #fff;
    padding: 2px;
    border: 2px solid #770707;*/

    color:#c30d0d;
}
.welcome-page-table {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #fff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.welcome-page-table table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.welcome-page-table tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.welcome-page-table table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.welcome-page-table table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.welcome-page-table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.welcome-page-table tr:hover td{
	
}
.welcome-page-table tr:nth-child(odd){ background-color:#A8D5E6; }
.welcome-page-table tr:nth-child(even)    { background-color:#ffffff; }.welcome-page-table td{
	vertical-align:middle;
	
	
	border:1px solid #fff;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	/*font-size:10px;*/
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.welcome-page-table tr:last-child td{
	border-width:0px 1px 0px 0px;
}.welcome-page-table tr td:last-child{
	border-width:0px 0px 1px 0px;
}.welcome-page-table tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.welcome-page-table tr:first-child td{
		background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);

	background-color:#ff5656;
	border:0px solid #7f0000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.welcome-page-table tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ff5656 5%, #61B0ED 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #ff5656 5%, #61B0ED 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#61B0ED");	background: -o-linear-gradient(top,#ff5656,7f0000);

	background-color:#ff5656;
}
.welcome-page-table tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.welcome-page-table tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.loadimagePosition
{
    margin-left: 30%;
    margin-top: 15%;
}
.alertsymbol
{
    font-size:17px;
}
.alert {


    word-wrap: break-word !important;
    word-break: break-all !important;
}

.tdtxtminwidth{
    width:140px;
}
.campallocation-highlight-excess{
    background-color: #FFAD89;
}
.empprofilezoom:hover
{
    width: 100px !important;
  z-index: 9999999999 !IMPORTANT;
  /*position:  absolute !important;*/
}
@media(min-width:768px) {
    .table-responsive>.fixed-column {
        display: none;
    }
}
.fixedtable
{
    width:100px;
    overflow:scroll;
}
.medium-size-font
{
    font-size:16px;
}
.medium-size-font2
{
    font-size:14px;
}
.reportview
{
    min-height: 520px;
    border: 1px solid #CDCCCC;
    padding:5px;
}
.borderforcriteria
{
    min-height: 150px;
    border: 1px solid #CDCCCC;
    padding:5px;
}
/*.ht_master
{
    margin-left: -15px !important;
}*/

.input-group .form-control:not(:first-child):not(:last-child)
{
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
    .button {
        display: inline-block;
        vertical-align: middle;
        margin: 0px 5px;
        padding: 5px 12px;
        cursor: pointer;
        outline: none;
        font-size: 13px;
        text-decoration: none !important;
        text-align: center;
        color: #fff;
        background-color: #4D90FE;
        background-image: linear-gradient(top,#4D90FE, #4787ED);
        background-image: -ms-linear-gradient(top,#4D90FE, #4787ED);
        background-image: -o-linear-gradient(top,#4D90FE, #4787ED);
        background-image: linear-gradient(top,#4D90FE, #4787ED);
        border: 1px solid #4787ED;
        box-shadow: 0 1px 3px #BFBFBF;
    }

    a.button {
        color: #fff;
    }

    .button:hover {
        box-shadow: inset 0px 1px 1px #8C8C8C;
    }

    .button.disabled {
        box-shadow: none;
        opacity: 0.7;
    }

    .leftjoin
    {
        padding-right:0px;
    }
    .leftjoin .form-control
    {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .rightjoin
    {
         padding-left:0px;
    }
    .leftjoin .input-group-addon,.rightjoin .input-group-addon
    {
        padding: 5px 1px !important;
    }


 
p,
.Touchbutton {
    /*transition*/
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	cursor: pointer;
}
span:hover>p {
    color: #00aeff;
    text-shadow: -1px -2px 1px #000;
}
.Touchbutton {
    display: block;
    float: left;
    font-size: 28px;
    background-color: #434343;
    background-image: -webkit-linear-gradient(100% 100% 90deg, #515151, #7A7A7A);
    background-image: -moz-linear-gradient(100% 100% 90deg, #515151, #7A7A7A);
    background-image: -o-linear-gradient(100% 100% 90deg, #515151, #7A7A7A);
    background-image: -ms-linear-gradient(100% 100% 90deg, #515151, #7A7A7A);
    background-image: linear-gradient(100% 100% 90deg, #515151, #7A7A7A);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7A7A7A), to(#515151));
    border: none;
    border-top: 3px solid #c2c2c2;
    /*border-radius*/
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    /*box-shadow
    -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 1px 0 #2D2D2D, 0 2px 0 #2D2D2D, 0 3px 0 #2C2C2C, 0 4px 0 #2A2A2A, 0 0 0 6px black, 0 4px 0 6px black, 0 0 0 7px #222, 0 4px 0 7px #222;
    -moz-box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 1px 0 #2D2D2D, 0 2px 0 #2D2D2D, 0 3px 0 #2C2C2C, 0 4px 0 #2A2A2A, 0 0 0 6px black, 0 4px 0 6px black, 0 0 0 7px #222, 0 4px 0 7px #222;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 1px 0 #2D2D2D, 0 2px 0 #2D2D2D, 0 3px 0 #2C2C2C, 0 4px 0 #2A2A2A, 0 0 0 6px black, 0 4px 0 6px black, 0 0 0 7px #222, 0 4px 0 7px #222;
   */ padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    margin-right: 10px;
    text-decoration: none;
    color: #242424;
    background-image: -webkit-radial-gradient(  50%   0%,  8% 50%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),                        -webkit-radial-gradient(  50% 100%, 12% 50%, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%),                        -webkit-radial-gradient(   0%  50%, 50%  7%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),                        -webkit-radial-gradient( 100%  50%, 50%  5%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),                                                -webkit-repeating-radial-gradient(    50% 50%, 100% 100%, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   3%, hsla(0,0%,  0%,.1) 3.5%),                        -webkit-repeating-radial-gradient(    50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%,.1) 7.5%),                        -webkit-repeating-radial-gradient(    50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.2) 2.2%),                                                -webkit-radial-gradient(    50% 50%, 200% 50%, hsla(0,0%,90%,1) 5%, hsla(0,0%,85%,1) 30%, hsla(0,0%,60%,1) 100%);
}
.Touchbutton:before,
.Touchbutton:after {
    /*content: "";*/
    top: 0;
    left: 0;
    position: absolute;
    width: inherit;
    height: inherit;
    /*border-radius*/
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    /* fake conical gradients */
    background-image: -webkit-radial-gradient(  50%   0%, 10% 50%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),                        -webkit-radial-gradient(  50% 100%, 10% 50%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),                        -webkit-radial-gradient(   0%  50%, 50% 10%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),                        -webkit-radial-gradient( 100%  50%, 50% 06%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%);
}
.Touchbutton:before {
    /*transform*/
    -webkit-transform: rotate( 65deg);
    -moz-transform: rotate( 65deg);
    -ms-transform: rotate( 65deg);
    -o-transform: rotate( 65deg);
    transform: rotate( 65deg);
}
.Touchbutton:after {
    /*transform*/
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}
.Touchbutton:active {
    border-top: 0px solid #dde1e7;
    /*box-shadow*/
    -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 1px 0 #2D2D2D, 0 2px 0 #2D2D2D, 0 3px 0 #2C2C2C, 0 4px 0 #2A2A2A, 0 0 0 6px black, 0 4px 0 6px black, 0 0 0 7px #222, 0 4px 0 7px #222,0px 0px 5px #00aeff,0px 0px 50px #00aeff,0px 0px 50px #93d9fa;
    -moz-box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 1px 0 #2D2D2D, 0 2px 0 #2D2D2D, 0 3px 0 #2C2C2C, 0 4px 0 #2A2A2A, 0 0 0 6px black, 0 4px 0 6px black, 0 0 0 7px #222, 0 4px 0 7px #222,0px 0px 5px #00aeff,0px 0px 50px #00aeff,0px 0px 50px #93d9fa;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2), 0 1px 0 #2D2D2D, 0 2px 0 #2D2D2D, 0 3px 0 #2C2C2C, 0 4px 0 #2A2A2A, 0 0 0 6px black, 0 4px 0 6px black, 0 0 0 7px #222, 0 4px 0 7px #222,0px 0px 5px #00aeff,0px 0px 50px #00aeff,0px 0px 50px #93d9fa;
    /*transform*/
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
}
/* Social btns */
.social span {
    width: 40px;
    height: 40px;
    margin: 15px;
    font-size: 20px;
}
.social span p {
    padding: 0;
    margin-top: -5px;
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.social span:active {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,0.2),        0 1px 0 #2D2D2D,         0 2px 0 #2D2D2D,        0 3px 0 #2C2C2C,         0 4px 0 #2A2A2A,         0 0 0 7px #222,         0 4px 0 7px #222,        0px 0px 50px #FFF;
    -moz-box-shadow: inset 0 1px 2px rgba(255,255,255,0.2),        0 1px 0 #2D2D2D,         0 2px 0 #2D2D2D,        0 3px 0 #2C2C2C,         0 4px 0 #2A2A2A,         0 0 0 7px #222,         0 4px 0 7px #222,        0px 0px 50px #FFF;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.2),        0 1px 0 #2D2D2D,         0 2px 0 #2D2D2D,        0 3px 0 #2C2C2C,         0 4px 0 #2A2A2A,         0 0 0 7px #222,         0 4px 0 7px #222,        0px 0px 50px #FFF;
}
/*.social span:hover {
    color: #53B1F0;
    text-shadow: -1px -1px 1px #000;
}*/

.social span .btn {
    padding: 0;
    margin: 0px;
}
.social .mainbtn {
    width: 100px;
    height: 40px;
    margin: 15px;
    font-size: 20px;
    border-radius: 5px;
}
.portraits
{
    display: grid;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    padding: 15px;
    padding-bottom: 5px;
    width:auto;
    border-radius: 5px;
    box-shadow: yellowgreen;
    -moz-box-shadow: 2px 2px 4px 2px #ccc;
    -webkit-box-shadow: 2px 2px 4px 2px #ccc;
    box-shadow: 2px 2px 4px 2px #ccc;
    cursor:pointer;
    text-decoration:none;
    color:#4c4c4c!important;
    font-weight:500;
    background: -moz-linear-gradient(top, rgba(228,228,228,0.3) 0%, rgba(228,228,228,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba (228,228,228,0.3)), color-stop(100%,rgba(228,228,228,1)));
    background: -o-linear-gradient(top, rgba(228,228,228,0.3) 0%,rgba(228,228,228,1) 100%);
    background: -ms-linear-gradient(top, rgba(228,228,228,0.3) 0%,rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,rgba(228,228,228,1) 100%);
}
.portraits:hover
{
    color:#D05151 !important;
}
/*.ItermIcon
{
    width:10% !important;
}*/
.portraits img
{
    float:right;
    margin-top:-10px;
}
.portraits .leftaligntext
{
    float:left;
}
.Touchscreen
{
    padding:15px !important;
}


.Mainbutton {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  cursor:pointer;
    text-decoration:none;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.Mainbutton i {
  margin-left: -30px;
    text-decoration:none;
     color:#fff;
}
.Mainbutton span {
  margin-left: 30px;
    text-decoration:none;
     color:#fff;
}

.Mainbutton:hover
{
    text-decoration:none;
     color:#fff;
}
.Mainbutton:active {
  /*margin-top: 2px;
  margin-bottom: 13px;*/
  
  color:#fff;
    text-decoration:none;
  
}
.itermlist p
{
    text-align:right;
    margin-bottom:5px;
}
.itermlist label
{
    text-align:left;
    float:left;
}
.table-responsive > .fixed-columns-fixed {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 2px solid #ddd;
    background-color: #fff;
  }


.join-textbox-left
{
    padding-right:0px;
}
.join-textbox-right
{
    padding-left:5px;
}
.manualvalidationfail
{
    background-color:rgba(187, 232, 212, 0.45);
}
.manualvalidationsuccess
{
 background-color:rgba(232, 193, 187, 0.45)
}
.my-custom-class .modal-dialog{
    width:800px;
    min-height:800px !important;
}
.my-custom-class .modal-header {
   background-color:#6fb3e0;
    color:#fff;
    border-radius:5px 5px 0 0;
}
.skin-1 .my-custom-class .modal-header {
    background-color: #2d8723;
}
.skin-2 .my-custom-class .modal-header {
    background-color: #d98c14;
   
}
.skin-3 .my-custom-class .modal-header {
    background-color: #70193d;
   
}
.skin-4 .my-custom-class .modal-header {
    background-color: #819bb6;
   
}
.my-custom-class .modal-body {
   min-height:350px;
}
.my-custom-class .modal-content {
    
    border-radius:5px;
}
.my-custom-class .fontlabel{
    font-weight:normal;
    margin-bottom:10px;
}
/*.bootstrap-table .table, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tfoot > tr > td
{
     max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/
.htMiddleClass
{
    
text-align: center !important;
}

.my-Report-class .modal-dialog{
    width:850px;
    min-height:800px !important;
}
.my-Report-class .modal-header {
    background-color:#6fb3e0;
    color:#fff;
    border-radius:5px 5px 0 0;
}
.my-Report-class .modal-body {
   min-height:500px;
}
.my-Report-class .modal-content {
    
    border-radius:5px;
}
.my-Report-class .fontlabel{
    font-weight:normal;
    margin-bottom:10px;
}
/* Given by Shanu for Multi Aucomplete with Check box*/
.tautobutton
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.adropdown
{
    text-align:center !important;
}

.yellow
{
    background:#d7ff09;
}
/*#reportContainer .component .style0{
margin:0 40px 0 40px !important;
}
*/
.adropdown > table td {
 word-wrap: break-word;      
white-space: -webkit-pre-wrap;
word-break: break-all;
}
.highlight {
    background-color: rgba(97, 176, 237, 0.57);
    color: #fff;
}


.mcautocompleteitem{
display:  table-cell !important; 
text-overflow:ellipsis !important;
overflow:hidden !important;
padding-left:10px !important;
white-space:nowrap !important;
}

.mcautocompletehead{
display:  table-cell !important; 
text-overflow:ellipsis !important;
overflow:hidden !important;
padding-left:10px !important;
white-space:nowrap !important;
font-weight:600;
}

.ui-widget-header {	
    min-width:100% !important;
    background-color:#0D77FF !important;
}
  .fixed-maincontent
    {
            margin-top: 5px !important;
    }

    .mcacAnchor .ui-corner-all span {
display: table-cell !important; 
    word-wrap:break-word !important; 
    white-space:nowrap !important; 
}
.borderforcriteria {
    
    min-height: 150px !important;
    max-height: 250px !important;
    border: 1px solid #cdcccc;
    padding: 5px;
    height:auto;
    overflow: auto;
}
.jstree li a{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /*width:100% !important;*/
}
.jstreemaindiv{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width:130% !important;
}
.empprofilezoom {
    vertical-align: baseline;
}
.multiselect .dropdown-menu li a:hover{
    background-color:#428bca !important;
    color:#fff;
}
.Mypencil{
cursor: url(../Images/pencil.png)5 30, auto !important;
}
.Myeraser{
cursor: url(../Images/eraser.png)5 30, auto !important;
}
#tools_sketch
{
    margin-top:5px;
    border:1px solid rgba(130, 125, 125, 0.65);
   
}
/*self service styles*/
   
    .selfservicestyles .fixed-buttonbar{
    height: auto !important;
}

.selfservicestyles .righthead{
    background-color:#767779;
    padding:5px;
    text-align:center;
    color:#fff;
}
.selfservicestyles .rightheadback {
    background-color: #efecec;
    margin-top: 10px;
    border-left: 1px solid #d2d2d2;
}



 .selfservicestyles .rightheadbackmarquee {
    background-color:#a1d6fe !important;
    border:1px solid #a1d6fe;
  -webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.selfservicestyles .rightheadbackmarquee marquee{
    background-color:#a1d6fe !important;
     border:1px solid #a1d6fe;
  
    width:100%;
}
.selfservicestyles .rightheadbackmarquee ul li {    
    font-size:12px;
    list-style:none;
    display:block;
    float:left;
    width:auto;
}
.selfservicestyles .rightheadbackmarquee ul div:first-child:before {
    content: "• ";
    color: #a5152f; /* or whatever color you prefer */
    font-size:20px !important;
    display: block;
    float: left;
    margin: -5px 6px 0 0;
}
.selfservicestyles .rightheadbackdiv {
    position: relative;
    margin-top:10px;
    background-color:#767779;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.selfservicestyles .rightheadbackdiv h3{
 color:#fff;    
 padding: 1.5%;
    font-size: 15px;
}


.selfservicestyles .rightheadbackinnerdiv {
   
    padding-top: 15px;
    right: 0;
    top:40px;
    height:auto;
    width: 100%;
left:0px;
    background-color:#fff;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

}
.selfservicestyles .rightheadbackmarquee ul li .alerthead {    
   width:auto !important;
   display:block;
    font-weight:600;
   float:left;
   color:#004f84;

}
.selfservicestyles .rightheadbackmarquee ul li .alertdate {    
   width:auto !important;
   display:block;
   float:left;
   color:#011a63;
   margin: 0px 20px 12px 10px !important;
}
.selfservicestyles .rightheadbackdiv .innerheading h4{
 color:#225e93;
}
.selfservicestyles .rightheadbackdiv .innerheading .innerback{

}
.selfservicestyles .rightheadbackdiv .innerheading .innerback ul {
padding:5px;

}
.selfservicestyles .rightheadbackdiv .innerheading .innerback ul li{
background-color:#f1f1f1;
border-bottom:1px solid #e1e1e2;
padding:5px;
list-style:none;
}
.selfservicestyles .rightheadbackdiv .innerheading .innerback ul li .newsdata span{
    font-weight:bold;
    color:#575757;
}

.selfservicestyles .hrmswelcome-page-background .table-curved.theadblue h4{
    font-size:18px !important;
    color:#1c8bd8 !important;
}
.selfservicestyles .hrmswelcome-page-background .table-curved.theadbrown h4{
    font-size:18px !important;
    color:#771238 !important;
}

.selfservicestyles .hrmswelcome-page-background .table-curved {

    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}
.selfservicestyles .hrmswelcome-page-background .table-curved thead th {
     color: #fff;
    padding: 3px;
    
 font-size:10.8px !important;
}
.selfservicestyles .hrmswelcome-page-background .table-curved .theadblue tbody td {
  border:1px solid #4986b2;
  text-align:center;
 padding:3px;
}
.selfservicestyles .hrmswelcome-page-background .table-curved thead th:first-child {
    border-radius: 20px 0 0 0;
}
.selfservicestyles .hrmswelcome-page-background .table-curved thead th:last-child {
    border-radius: 0 20px 0 0;
}

.selfservicestyles .hrmswelcome-page-background .table-curved tbody tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}
.selfservicestyles .hrmswelcome-page-background .table-curved tbody tr:last-child td:last-child {
  border-radius: 0 0 20px 0;
}
.selfservicestyles .hrmswelcome-page-background  .theadblue thead{
    background-color:#b2b2b3 !important;
}

.selfservicestyles .hrmswelcome-page-background  .theadbrown thead{
    background-color:#b2b2b3 !important;
}
.selfservicestyles .hrmswelcome-page-background .table-curved.theadblue tbody td {
  border:1px solid #b2b2b3;
  text-align:center;
 padding:3px;
 color:#000;
}
.selfservicestyles .hrmswelcome-page-background .table-curved.theadbrown tbody td {
  border:1px solid #b2b2b3;
  text-align:center;
 padding:3px;
 color:#000; 
 font-size:10.8px !important;
}

.selfservicestyles.formheadstretch
{    
width: 100% !important;
}
.btncompanyselect{
overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    /*width:180px;*/
     width:100%;
    margin-top:1%;
    -webkit-line-clamp: 2;
    display:inline-block;
}
/*.mid-width .multiselect-container {
    width: 200px;
}*/
.multiselect-container li label{ 
    width: 100%;
    white-space: normal;
    font-size: 12px !important;
}
.multiselect-container li checkbox{
    z-index:-1 !important
}




/*.fixed-table-header{
    
    width: 100%;
                margin-right: 28px !important;
}
.fixed-table-container{
    width:100%;
}
.fixed-table-body{
    width: 100%;
}*/

.BudgetEntry_color
{
     background-color:#C4C3D0 !important;  
     
}
.printselect{
    
    background:url(../images/print_icon.png) top right no-repeat; 
    background-position:left;
    background-color: transparent !important;
    border:none;
    text-shadow:0 0 0 rgba(0, 0, 0, 0.4);
    width:35px !important;
   text-indent: -9999px !important;

  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
   font-size: 0px !important;
   border-radius:0px !important;
}

.printselect::-ms-expand {
    display: none;
    text-indent: -9999px !important;
    content:"";
    overflow:hidden;
}
.printselect option { color: black; font-size: 12px!important;}


.handsontablewithbordersundrypurchase{
   border: 1px solid #999 !important;min-height: 100px;
}


.handsontablewithbordersundrypurchase .ht_master .wtHolder{
 height:150px !important;
}
.profilepic img{
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 100px;
}
.btn .caret{
    /*float:right !important;
    margin-top:1%;*/

}
.multiselect-selected-text {float:left;}
.btn b.caret{float:right !important;margin-top:5px;  }



.CRM_Newlink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position:  -4px -1248px;
    width: 48px;
	height: 46px;
    margin-bottom: 8px !important;
}
.htContextMenu {
    height: 100px  !important;
}
.htContextMenu .ht_master .wtHolder{
        overflow: auto !important;
        
    height: 100px  !important;
}
.my-Report-class .modal-body table td{vertical-align: top;}

.page table tr td {
    vertical-align: bottom !important;
}
.Activation .col-sm-3 + .col-sm-3:before {
    content: "-";
    position: absolute;
    left: -2%;
    top: 6px;
}
.versiondiv{
    background-color:#6fb3e0;
    width:auto !important;
    color:#fff;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    padding:5px;
    position:absolute;
    margin-top:-15px;
}

.versionline{
    position:relative;
    border-bottom:1px solid #156785;
    margin-top:18px;
}
.versionback{
  height:42px;
    background-color:#eaeaea;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    padding:5px;
}
.multicolumnchkauto{
    margin-right:20px;
}
.Employeeview
    {
  margin-left: 40px;
  margin-top: -25px;
    }

#autobuttondiv{
    background-color:#a1d6fe !important;
    padding:5px !important;
    border:1px solid #ccc !important;
    background-color:#daebf7 !important;
    z-index:20000000 !important;
}
.selectedcolor{
 background: #055da8;
 border-left: 2px solid #fff;
}

.backbutton
{
color:#fff; 
cursor:pointer;
  padding: 5px;
  margin-top: -50px;
  border: 1px solid #fff;
  border-radius: 5px;
}




/*-------------------- Responsive 3-8-16 ---------------------*/

.Fl_left {
float:left;
}
@media only screen and (max-width: 1260px) {
.Responsive_menuWid{width: 1070px !important;


}
}
@media only screen and (max-width: 1257px) {
.Responsive_menuWid{width: 1055px !important;}
.owl-item {border-left: 0px !important;}
}
@media only screen and (max-width: 1235px) {
.Responsive_menuWid{width: 1031px !important;}

}
@media only screen and (max-width: 1215px) {
.Responsive_menuWid{width: 1006px !important;}
}
@media only screen and (max-width: 1193px) {
.Responsive_menuWid{width: 935px !important;}
}
@media only screen and (max-width: 1115px) {
.Responsive_menuWid{width: 915px !important;}
}
@media only screen and (max-width: 1100px) {
.Responsive_menuWid{width: 824px !important;}
.NewsBigImg {height: 256px !important;}
.newslist img {min-height: 100% !important;}
.newslist { min-height: 100% !important;}
.NewsBox {min-height: 100% !important;}
}

@media only screen and (max-width: 1029px) {

 #HandsonTableComment {
    float: none !important;
    margin-top: 6px !important;
    font-size: 12px !important;
    font-weight: normal  !important;
    display: block;
    margin-left:10px;
}
.row.formhead .col-sm-8.headbar {
    width: 87% !important;
}


}

@media only screen and (max-width: 1008px) {
.Responsive_menuWid{width: 796px !important;}
}
@media only screen and (max-width: 1000px) {
.Responsive_menuWid{width: 796px !important;}
}
@media only screen and (max-width: 980px) {
.Responsive_menuWid{width: 775px !important;}
}
@media only screen and (max-width: 960px) {
.Responsive_menuWid{width: 760px !important;}


}
@media only screen and (max-width: 950px) {
.Responsive_menuWid{width: 746px !important;}
}
@media only screen and (max-width: 931px) {
.Responsive_menuWid{width: 733px !important;}
}
@media only screen and (max-width: 912px) {
.Responsive_menuWid{width: 718px !important;}
}
@media only screen and (max-width: 888px) {
    .Responsive_menuWid {
        width: 693px !important;
}
    .LoginLeft {
        width: 100% !important;
        background: url(../Images/Login/RightBg.png) no-repeat right fixed !important;
        box-shadow: none !important;
        padding-bottom: 730px !important;
    }

    .LoginRight {
        display: none !important;
}
    .LoginBox {
        width: 40% !important;
        /*height: 390px;*/
}
    .t-marg135 {
        padding-top: 80px !important !important;
        margin: 0px !important !important;
    }

    .LoginFooter {
        color: #fff !important;
    }
    .LoginLabel {
        display: none !important;
    }

    .LoginPart {
        padding: 22px 0px !important;
    }

    .SignupBtn1 {

    padding-top: 5px !important;
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.63);
    padding-bottom: 5px !important;
    display: inline-block;
    padding: 5px 43px;
    margin-top: 5px;
}
}
@media only screen and (max-width: 898px) {
    .NewsBigImg {height: 325px !important;}
.Responsive_menuWid{width: 649px !important;}
.NewsDetailsPart {
    background-color: rgba(255, 255, 255, 0.64);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
    .DetailsFull {
    width:100%;
    float:none;
}
    .DetailsRightFull {
    width:100%;
    float:none;
    margin-top:15px;
    }
    .recenthead ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding: 10px 0 10px 0;
    list-style: none;
    width: 47%;
    float: left;
    margin-right: 15px;
}
}


.newslist p {
    padding-left: 5px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Com_Nwh_LnkRedirect {
    float: right;
    margin-right: 5px;
}


.NewsBigImg{
    padding: 0px;
    height: 325px;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.25);
    box-shadow: 0 0 5px 3px rgba(0,0,0,.25);
    border: 2px solid #8abef9;
}
.NewsBigImg img{width:100%;}

.NewsSmallImg{
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;

}
.NewsSmallImg img{
    height: 100%;
}
}
@media only screen and (max-width :675px) {

.LoginBox {
    width: 55% !important;
}
}
@media only screen and (max-width: 853px) {
.Responsive_menuWid{width: 650px !important;}
}
@media only screen and (max-width: 845px) {
.Responsive_menuWid{width: 648px !important;}
    .RightResPadd {
    padding-right:0px;
}
}
@media only screen and (max-width: 832px) {
.Responsive_menuWid{width: 628px !important;}
}
@media only screen and (max-width: 809px) {
.Responsive_menuWid{width: 543px !important;}
}
@media only screen and (max-width: 780px) {
    .formhead h1 {
        padding: 10px 8px 0px 6px !important;
    }
}
@media only screen and (max-width: 731px){
.Responsive_menuWid {width: 530px !important;}
}
@media only screen and (max-width: 725px){
.Responsive_menuWid {width: 419px !important;}
}
@media only screen and (max-width: 636px){
.Responsive_menuWid {width: 350px !important;}

.formhead h1 {
    display: block;
    width: 100%;
}

}
@media only screen and (max-width: 535px){
.Responsive_menuWid {width: 320px !important;}
.NewsBigImg {height: 250px !important;}



}
@media only screen and (max-width: 515px){
.Responsive_menuWid {width: 240px !important;}
 .owl-item {border-right: 0px !important;}
 .owl-item {border-left: 0px !important;}
 .btn-icon-search {
    margin-left: -35px;
}
 .LoginBox {    width: 75% !important;}
}
@media only screen and (max-width: 419px){
.Responsive_menuWid {width: 180px !important;}
.NewsBigImg {height: 200px !important;}
}
@media only screen and (max-width: 365px){
.Responsive_menuWid {width: 120px !important;}
}
@media only screen and (max-width: 310px) {
    .HomeIcon {
        padding-right: 0px !important;
        width: 40% !important;
        margin-top: 27px !important;
        float: left;
    }
    .NewsMaintitle {
    width: 50% !important;
    float: left;
}
}
@media only screen and (max-width: 300px){
.Responsive_menuWid {width: 91px !important;}
}
.owl-carousel{
left: 0 !important;
right: 0 !important;
margin: auto !important;
}
@media only screen and (max-width: 1256px) {
    .welcomecontent {
    padding-right:0px !important;
    padding-left:0px !important;
    }

    .respons_wid {
    padding:0px !important;
    }
    .theme-config {
    top:65px;
    }
.row.formhead .col-sm-8.headbar {
    width: 90%;
}
}

@media only screen and (max-width: 1114px) {
    .row.formhead .col-sm-8.headbar {
        width: 90%;
    }

    .row.formhead .col-sm-4.iconmargin.text-center {
        width: 10% !important;
    }
}

@media only screen and (max-width: 1090px) {

    .formhead h1 {
        padding: 10px 15px 0px 6px;
        font: normal 18px "Open Sans";
    }
}

@media only screen and (max-width: 1066px) {


    


    .welcomecontent {
    padding-right:0px !important;
    padding-left:0px !important;
    }

    .respons_wid {
    padding:0px !important;
    }
    .res_marqWidt {
    width:20% !important;
    }

    .res_rightHead {
    padding:0px !important;
    }

    .theme-config {
    top:65px;
    }

    
}
@media only screen and (max-width: 1145px) {

}
@media only screen and (max-width: 991px) {

 .contentwrapper-adjust {
    margin-top: 133px !important;
}

 .res_marqWidt {
    width: 50% !important;
}
 .theme-config {
    top: 96px;
}

    .leftmenu-adjust {
        margin-top: 86px;
    }
    
 }
@media only screen and (max-width: 990px) {

    
    .res_marqWidt {
    width:50% !important;
    padding-right:0px;
    }
    .theme-config {
    top: 96px;
}
    
  
}

@media only screen and (max-width: 767px) {

    #rightmenu {
    display:block !important; 
    }
    .SearchMenuPart {
    display:none !important;
    }
    .ListnewsRow {
    margin: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
        padding-bottom: 15px;

}
    .recenthead h4 {
         margin-top:12px;
    }
    .mainNewsBox {
    margin-top:20px;}
    .HomeIcon {
        padding-right: 0px !important;
    }
    .RightResPadd {
    padding-right:15px;
    }
 .LeftNewsMenu {
    height: 68% !important;
    padding-bottom:0px;
    margin-bottom:0px;

    }
    .recenthead ul li {
        width: 47.3%;
        margin-right: 0px !important; 
    }
     .recenthead ul li:nth-child(3) {
        margin-right: 15px !important;
     
        }
     .recenthead ul li:nth-child(1) {
        margin-right: 15px !important;

        }
     .rightpad {
     padding-right: 15px !important; 
}
    .res_marqWidt {
        width: 100% !important;
    padding-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 22px;
    }

    .welcomemargin .row {
    margin-left:0px !important;
    }
 
    .wid_half1{
        width:40% !important;
        float: left;
    }

    .wid_half{
        width:50% !important;
        float: left;
    }
    .wid_half2{
        width:60% !important;
        float: left;
    }
    .Nopad_left {
    padding-left:0px;
    }

.profilepic {
    margin-top: 3px !important;
}

    .respons_wid .row .btngrp {
        padding-top: 16px !important;
    }


    .theme-config {
   
    top: 230px;
   
}
    .responsive_clear {
    clear:both !important;
    
    }
    #leftpanel {
    background-color: transparent !important;
   
}

    .RightMenu_respons {
    margin: 10px;
    margin-bottom: 50px;
    }
    .RightMenu_Under {
    padding: 25px;
    }



    .fixed_btnPart {
    display: none !important;
}
    

    .row.formhead .col-sm-4.iconmargin.text-center {text-align:left; z-index:1 !important;}
    .row.formhead.formheadstretch .col-sm-4.iconmargin.text-center {text-align:left; z-index:1 !important;}
}

@media only screen and (max-width: 536px) {
    .wid_half{
        width:50% !important;
        float: left;
    }
    .wid_half1{
        width:36% !important;
        float: left;
    }

    .wid_half2{
        width:64% !important;
        float: left;
    }

    .logo_resp {
         width:30% !important;
         margin: auto !important;
         float: none !important;
    }
}

@media only screen and (max-width: 490px) {
    
    .wid_half1{
        width:40% !important;
        float: left;
    }

    .wid_half2{
        width:60% !important;
        float: left;
    }


    .theme-config {
    
    top: 233px;
   
}
    
    .midnav-hide-button { margin-left: 43%;}

}

/*@media only screen and (max-width: 515px) {
 .owl-item {border-right: 0px !important;}
 }*/
@media only screen and (max-width: 454px) {

    .wid_half1 {
        width: 36% !important;
        float: left;
            padding: 0px;
    }

    .wid_half2 {
        width: 64% !important;
        float: left;
    }


    .theme-config {
       
        top: 233px;
        
    }
}

@media only screen and (max-width: 496px) {

    .wid_half1 {
        width: 100% !important;
        float: left;
        
    }
    .wid_half2 {
        width: 100% !important;
        float: left;
        text-align: center;
    }
    .welcomecontent {
     width:41%;
     margin: auto !important;
     float: none !important;
     padding-top:10px;
    }


    .theme-config {
    top: 270px;
}
}
@media only screen and (max-width: 432px) {
        
    /*.theme-config {
        
        top: 268px;

    }*/
    .formhead {
    width: 115% !important;
    display: inline-flex;
}


}


@media only screen and (max-width: 383px) {
    .welcomecontent {
     width:50%;
     margin: auto !important;
     float: none !important;
     padding-top:10px;
    }

    .respons_wid .row .btngrp {
    padding:0px !important;
    margin-top:15px !important;
    }


    .logo_resp {
         width:50% !important;
         margin: auto !important;
         float: none !important;
    }
    .midnav-hide-button {    margin-left: 37%;}
    .theme-config {top: 257px;}
}


@media only screen and (max-width: 300px) {
    .midnav-hide-button {
        margin-left: 36%;
    }
}
/*IE Responsive mobile*/

@media only screen and (max-width: 285px) {
    .welcomecontent {
     width:75%;
   }
    .respons_wid .row .btngrp .btn-icon {
        margin-left:0px;
    }
  
}
.product_next{
    
    width: 40px;
    padding-left: 15px;
    height: auto;
    opacity: 0.7;
    position: relative;
    float: right;
    cursor: pointer;
    z-index: 999999 !important;
    font-size: 51px;
    margin-top: 10px;
    margin-right: 26px;
}

.product_next a{
    color:#fff !important;
}
.product_previous a{
    color:#fff !important;
}

.product_previous{
    width: 40px;
    padding-left: 15px;
    height: auto;
    opacity: 0.7;
    position: relative;
    float: left;
    cursor: pointer;
    z-index: 99999 !important;
    font-size: 51px;
    margin-top: 10px;
    margin-left: 10px;
}



/*.menu_fullRespons{width: 1095px;padding-left: 0px;}
.navbar_ResWidth{width: 100%;overflow: hidden !important;}
.navbar_ResUlWidth{position: relative; width:2290px !important;}*/

/*.Responsive_menuWid{height: 1px;width: 1080px !important;margin: 0 auto;}*/

.owl-controls {
 display:none !important;
}


    #owl-demo .owl-item:hover{
    background: #a1d6fe;
    background: -moz-linear-gradient(top, #a1d6fe 0%, #a1d6fe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1d6fe), color-stop(100%,#a1d6fe));
    background: -webkit-linear-gradient(top, #a1d6fe 0%,#a1d6fe 100%);
    background: -o-linear-gradient(top, #a1d6fe 0%,#a1d6fe 100%);
    background: -ms-linear-gradient(top, #a1d6fe 0%,#a1d6fe 100%);
    background: linear-gradient(top, #a1d6fe 0%,#a1d6fe 100%);
    text-decoration:none;
    height: 100px !important;
    }

    .midnav li {
    color: #fff !important;
    min-width: 90px !important;
    width:auto;
    margin: 0 auto;
    height: 100px;
}
.midnav li a{
    display: block;
    padding-top: 5px;
      text-decoration:none;
}
    
.owl-item {

    border-right: 1px solid #7ebef0;
}

.midnav li a > span  
{
    display: block; 
    line-height: 13px;
    /*margin-top:8px;*/
}



.row.formhead.formheadstretch.fixed-formhead {
    width: 100%!important;
}

.row.formhead.formheadstretch.fixed-formhead  .iconmargin {
    margin-top: 9px;
}

/*.row.formhead .col-sm-8.headbar {width:75% !important;}*/

.row.formhead .col-sm-8.headbar {width:78%;}

/*.row.formhead .col-sm-4.iconmargin.text-center {width:25% !important;text-align:left; }*/
.row.formhead .col-sm-4.iconmargin.text-center{width:20%; text-align:left; }
.row.formhead.formheadstretch .col-sm-4.iconmargin { /*margin-top:9px !important;*/ text-align:left;    width: 17%;}
.row.formhead.formheadstretch .col-sm-4.iconmargin { margin-top:9px !important; text-align:left;}

.row.formhead.formheadstretch .col-sm-8.headbar {
    width: 80.3%;
}

/* new style Add */

/*.bootstrap-table .table>tbody>tr>td{
    font-size: 12px!important;
    padding: 0px 4px!important;
}

.table td select, .table td input[type=text] {
    margin: 0px !important;
   
}*/

midnav li a, .midnav li, .midnav li span {
    width: 100% !important;
}

/*.skin-1  {
    background-color: #529f47;
}*/

.skin-1 .owl-item {

    border-right: 1px solid #529f47;
}
.skin-2 .owl-item {
border-right: 1px solid #B4720C;
}

.skin-3 .owl-item {
border-right: 1px solid #8F355B;
}
.skin-4 .owl-item {
border-right: 1px solid #969CA5;
}
.skin-1 .maqueeborder {
    border: 1px solid #188809;
    border-bottom: 2px solid #188809 !important;
}

.skin-2 .maqueeborder {
    border: 1px solid #9b5801;
    border-bottom: 2px solid #9b5801 !important;
}

.skin-3 .maqueeborder {
    border: 1px solid #70193d;
    border-bottom: 2px solid #70193d !important;
}

.skin-4 .maqueeborder {
    border: 1px solid #708090;
    border-bottom: 2px solid #708090 !important;
}
.skin-1 .dottedline {
    border-top: 2px dotted #c0bebe;
    border-bottom: 2px dotted #c0bebe;
    color: #188809;
    padding-top: 3px;
}

.skin-2 .dottedline {
    border-top: 2px dotted #c0bebe;
    border-bottom: 2px dotted #c0bebe;
    color: #9b5801;
    padding-top: 3px;
}
.skin-3 .dottedline {
    border-top: 2px dotted #c0bebe;
    border-bottom: 2px dotted #c0bebe;
    color: #70193d;
    padding-top: 3px;
}
.skin-4 .dottedline {
    border-top: 2px dotted #c0bebe;
    border-bottom: 2px dotted #c0bebe;
    color: #708090;
    padding-top: 3px;
}


.owl-item:first-child {

    border-left: 1px solid #7ebef0;
}


.skin-1 .owl-item:first-child {border-left: 1px solid #529f47;}
.skin-2 .owl-item:first-child {border-left: 1px solid #b4720c;}
.skin-3 .owl-item:first-child {border-left: 1px solid #8f355b;}
.skin-4 .owl-item:first-child {border-left: 1px solid #969ca5;}


/*---------report page scroll not work--------------*/


#viewerContainer .ar-viewer.desktop {
    z-index: 1;
    position: relative;
}


.multiselect-selected-text {float:left;}
.btn b.caret{  float:right !important;   margin-top:5px;  }




/*---------multiselect overflow error-----------*/

.multiselect.dropdown-toggle.btn.btn-default {
    overflow: hidden;
        text-overflow: ellipsis;
    }



/*---------report sidebar alignment error-----------*/


.modal-body .bootbox-body .ar-viewer.desktop .sidebar {
    width: 25%;
    height: 100%;
    float: left;
    overflow: auto;
    border-right-style: solid;
    border-width: 1px;
    border-color: gray;
    padding-top: 2px;
}
/*BootstrapTable modfication style*/

.fixed-table-body .card-view .title {
    float:left !important;
    min-width: 297px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    width: 300px !important;
}

.fixed-table-body .card-view .value {
    float:left !important;
    width: 50%;
    word-wrap: break-word;
    word-break: break-all;

}
.fixed-table-body .card-view {
    clear: both;
}

.colHeader{
    
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.bootstrapPaddingBottom .fixed-table-container{
    padding-bottom:0px !important
}
.studentlogin_head {
    color: #585656 !important;
}
.studentlogin {
    border: 1px solid #d48c21 !important;
    border-bottom: 3px solid #b76f25 !important;
}

.skin-1 .btn-custom_studentlogin {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ca8040;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #cc6922, #ad5219);
}
.login_btn_marg {
margin-top:13px !important;}

.exam_top{
    background-color: #f7f6f6;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding:20px 0px;
        margin: 0px;
}
.question_head {
/* margin-top: 30px; */
font-size: 18px !important;
color: #238ce8;
/* margin-bottom: 10px; */
padding-bottom: 6px;
}

.exam_mid {
    background-color: #f7f6f6;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding:20px 0px;
    margin: 10px 0px 0px 0px;
   
}
.floatLeft {
float:left !important;
}

.floatRight {
float:right !important;
}

.t-marg27 {
margin-top:27px !important;
}

.exam_head {
    background-color: rgba(134, 184, 220, 0.12);
    padding: 10px;
    color: #247cb3;
    border-radius: 5px;
}

.Question_para{color:#646c75;  /*font-size:14px;*/ text-align:justify; line-height:18px;}
.answer_sty{margin-top: 4px; color:#6d6b6b; /*font-size:13px;*/}
.QuestionNo_box{padding: 10px; text-align: center; background-color: #a6c8de; color: #184461; border-radius: 4px; font-size: 18px; width: 70px; float: right; }
.QuestionNo_text {
    width: 108px;
    height: 30px;
    font-size: 15px;
    color: #247cb3;
    margin-top: 12px;
    float: right !important;
    padding-right: 10px;
}

#Layout_CompanyLog{
    max-width: 62px;
    min-height: 14px;
    max-height: 35px;
    width: auto;
}
#Crm_Coh_ImgeProfile:hover {
    right: 0px;
    height: 250px;
    z-index: 9999999999 !IMPORTANT;
    position: absolute !important;
}
.CompanyNameTop{
    width: 95px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}


/*Handsontable modfication style*/

textarea.handsontableInput{
    min-height:10px !important;
    height:auto;
    max-height:80px;
    overflow:auto
}
.ht_master{
    overflow:auto !important;
}
.th-inner,th{
    font-weight:600;
  font-size: 13px;
  text-align: center;
}
.handsontablewithborder > .handsontable {

    border: 1px solid #999!important;
}
.handsontableInputHolder
{
  z-index: 1000;
}

.handsontable.autocompleteEditor
{
  border: 1px solid #AAAAAA;
  box-shadow: 10px 10px 15px #AAAAAA;
  background-color: white;

}
.handsontable.autocompleteEditor .ht_master{
    padding-right:0px !important;
  height:auto !important;
} 
.handsontable.autocompleteEditor .ht_master .wtHider{
   height:auto !important;
}  
.handsontable.autocompleteEditor.handsontable
{
  padding-right: 0px !important;
}

.handsontable.listbox .ht_master table
{
  border: none;
}

.ht_clone_corner {
  z-index: 3;
}

.ht_clone_left {
  z-index: 1 !important;
}
.ht_clone_top {
  z-index: 1 !important;

}
.autocompleteEditor .htCore
{
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.handsontableEditor{
    width:auto !important;
      height: auto !important;
}
.ht_master .wtHolder {
  overflow: scroll !important;
}

.handsontableEditor .ht_master .wtHolder{ 
   max-height:300px !important;
   height: auto !important;
    overflow:auto !important;
    width: 100% !important;    
      /*max-width:350px !important;*/
}
.handsontableEditor .ht_master .wtHolder .wtHider{
     width: 100% !important;
}
.handsontableEditor .ht_master .wtHolder .wtHider .wtSpreader{
     width: 100% !important;
}
   
.editablegridleft > .handsontable,.handsontable:first-child > .ht_master .wtHolder,.handsontable.handsontable:first-child > .ht_master .wtHolder .wtHider .htCore{
    width:100% !important;
}

.handsontableEditor .ht_master .wtHolder .htCore{
width:auto !important;
}
.handsontableEditor .ht_master .wtHolder .htCore td ul{
    margin:0px !important;
}
#handsonmultiauto{
    width:auto !important;
    display:flex !important;
}
#handsonmultiauto li{
  float:left !important;
  margin-right:5px;
  display:inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  width:200px;
}
.handsontableEditor .htCore thead tr th ul li{
  float:left !important;
  margin-right:5px;
  display:inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  width:200px;

}
.handsontableEditor .htCore thead tr th ul li:last-child,.handsontableEditor .htCore tbody tr ul li:last-child{
 
  width:100px !important;

}
.handsontableEditor .htCore thead th{
    background-color: rgb(13, 119, 255) !important;
    color:#fff;

}
/* Tooltip Inverted Triangle is missing */
.input-group .tooltip-inner {
    min-width: 180px !important;
}
 /* Handsontable Set character limit */

.handsontableInputHolder .handsontableInput {
    max-width: 20px !important;
}

 /* Handsontable sl No. border & width set */

/*.ht_clone_left.handsontable {
    width: 50px !important;
    border-right: 1px solid #ccc;
}*/

/* Handsontable sl No. border & width set autocompleteEditor width adjust */

.autocompleteEditor.listbox .ht_clone_left{
     width: 0px !important;
    border-right: 1px solid #ccc;
}





button.close{
    z-index:101 !important;
}
.custombootstrapheight .fixed-table-body{
height:auto !important;
max-height:522px !important;
}
.headbarstretch .table{
    width:100% !important;
}
.tab-content{
    /*border:1px solid #ddd;
    padding:5px;*/
}
.tab-pane hr{
    border-top:1px dotted #e9d5d5;
}
.blog_archieve {
    list-style: none outside none;
    margin-top: -4px;    
    margin-bottom: 0px;
    padding: 0;
    background-color:#e8eff6 !important;
}

.blog_archieve li {
    padding: 10px;
    background:#e8eff6 url('../images/newsbulet.png')0 0 no-repeat ;
    background-position: left 1em bottom 13px;
    border-bottom: 1px solid #ccc;
}
.blog_archieve li div{
 background-color:#2ca6f3;
 padding:2px;
 width:20px;
 float:right;
 text-align:center;
 color:#fff;
 border:1px solid #fff;
}
.blog_archieve a {
    margin-left: 20px;
   color:#2e4452 !important;
   text-decoration:none;
}

.newshead{
    /*background-color: rgb(44,160,202);*/
    background: #2ca0ca;
    background: -moz-radial-gradient(center, ellipse cover, #49c0f0 0%, #2f55ed 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #26c1ff 0%,#2f99ed 100%);
    background: radial-gradient(ellipse at center, #26c1ff 0%,#2f99ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2f55ed',GradientType=1 );
    color:#fff;
    padding:10px;
    border-right: 2px solid #2d60c5;
    border-left: 2px solid #2d60c5;
}
.newslist{
    min-height: 280px;
    padding:3px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
min-height: 280px;
    background-color: #f7fafb;
}
/*.newsdetails h4{
    font-size:medium;
    color:#2380c7;
    padding:3px !important;
    font-weight:600 !important;

}*/

.newsdetails{
    padding: 0px !important;
    height: 325px  !important;
    overflow: hidden  !important;
    margin-bottom: 20px  !important;

}


.newslist h4{
    font-size:medium;
    color:#2380c7;
    padding:3px !important;
    font-weight:600 !important;
}
.newslist img {
    max-height: 190px;
    width: 100%;
    min-height: 190px;
}

.newsreadmore{
    background-color:#16cfc4;
    color:#fff;
    font-size:medium;
    width:25px;
    height:25px;
}
.newsreadmore i{
        margin-top: 5px;
}
.newslist .image-container h4{
    font-size:19px !important;
    color:#fff;
}
.image-container {
    position: relative;
    overflow:hidden;
}
.image-container .after {
    position: absolute;
    top: 0;
    left: 0;
   width: 30%; 
    height: 100%;
    display: none;
    color: #FFF;
    display: block;
    background: rgba(22, 207, 196, 0.7);
    padding-left:10px !important;
    padding:5px 5px 5px 10px;
}
.newsdetails h4{
    float:left;    
    font-size:20px !important;
    font-size:medium;
    color:#2380c7;
    padding:3px !important;
    font-weight:600 !important;
}
.NewsDetailsPart h4{
    float:left;    
    font-size:20px !important;
    font-size:medium;
    color:#2380c7;
    padding:3px !important;
    font-weight:600 !important;
    margin-right:5px;
}
.recenthead h4{
    font-size:20px !important;
    font-size:medium;
    color:#676767;
    padding:3px !important;
    font-weight:600 !important;
    text-align:left;
}
.recenthead ul li{
 border-bottom:1px solid rgba(0, 0, 0, 0.25);
 padding:10px 0 10px 0;
list-style:none;
}

.detailsdate{
    background-color:#16cfc4;   
    float:left;
    padding:3px !important;
    color:#fff;
    font-size:15px !important;
    font-weight:600 !important;
}
#divInv_StockCard_Mst1 .bootstrap-table{
margin-top:-10px !important;
}
#divInv_StockCard_Mst2 .bootstrap-table{
margin-top:-10px !important;
}
#divInv_StockCard_Mst1 .fixed-table-container{
    padding-bottom:10px !important;
}

#divInv_StockCard_Mst2 .fixed-table-container{
padding-bottom:0px !important;
}
#divInv_StockCard_Mst2 .fixed-table-body{
    height:auto !important;
    max-height: 400px !important;
}
#divInv_StockCard_Mst1 .fixed-table-body{
    height:auto !important;
    max-height: 200px !important;
}
#divInv_StockCard_Mst3 .fixed-table-body{
     height:auto !important;
    max-height: 120px !important;
}
#divInv_StockCard_Mst1 tr td,#divInv_StockCard_Mst2  tr td,#divInv_StockCard_Mst3  tr td,#divInv_StockCard_Mst1 tr td,#divInv_StockCard_Mst2  tr td,#divInv_StockCard_Mst3  tr td{
padding:1px !important;
}

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

/***************************Stock Card******************************/
#Inv_StockCard_Mst tbody{
        height:auto !important;
    max-height: 200px !important;
}
/*Blue*/
#divInv_StockCard_Mst1 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: rgb(235, 245, 255);
}

#divInv_StockCard_Mst2 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
           background-color: rgb(235, 245, 255);
}


/*Green*/
.skin-1  #divInv_StockCard_Mst1 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgb(220, 255, 215);
}

.skin-1  #divInv_StockCard_Mst2 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgb(220, 255, 215);
}


/*Brown*/
.skin-2  #divInv_StockCard_Mst1 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
   background-color: rgb(255, 240, 221);
}

.skin-2  #divInv_StockCard_Mst2 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgb(255, 240, 221);
}

/*Brown*/
.skin-3  #divInv_StockCard_Mst1 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: rgb(255, 224, 237);
}

.skin-3  #divInv_StockCard_Mst2 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
   background-color: rgb(255, 224, 237);
}
    
/*Gray*/
.skin-4  #divInv_StockCard_Mst1 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgb(238, 241, 243);
}

.skin-4  #divInv_StockCard_Mst2 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
     background-color: rgb(238, 241, 243);
}
.Boxbotmar {
height:20px;clear: both;}


.rightpad {
padding-right:0px;
}

.newsicon {
padding: 5px 7px 5px 9px;
}

.newsicon i{font-size: 14px;}
.pad0 {
padding:0px;}

.res_rightHead {

padding-right:0px;}

.res_marqWidt {
width:20%;
}
.res_rightHead {
    width:44%;
}
@media only screen and (max-width: 991px) {

   


    .res_rightHead {
        width: 100%;
    }
    .newsicon i {
        font: normal normal normal 14px/1 FontAwesome;
        
    }
}

.newsmainContainer{
    min-height: 0px !important;
    background-color: #f7fafb;
    margin-top:0px !important;
    border: 0px;margin: 0px;
    padding: 0px;
 
}

.NewsBody {
/*width: 104.5% !important;*/
background-color: #f0f0f0;
border-bottom: 1px solid #bbbbbb !important;
color: #254271;
z-index: 0 !important;
padding: 0px 15px;

}

.LeftNewsMenu {
height: 79.6%;
background-color:#e8eff6;
}
.HomeIcon{padding-right: 46px; width:30%; float:left; margin-top: 12px; z-index: 2; position: relative;}
.NewsMaintitle{width:70%; float:left;}

.fontNewsTitle {
    font: normal 21px "Open Sans" !important;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
}

.HomeIcon a {
    border: 1px solid #58a0cb;
    border-bottom: 2px solid #58a0cb !important;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    margin-left: 10px;
    font-size: 14px;
}
@media only screen and (max-width: 382px) {
    .HomeIcon a {
        margin-left: 2px;
    }
    .NewsBody {
        width: 114.5% !important;
    }
}


@media only screen and (max-width: 385px) {
    .recenthead ul li{
        margin-right: 0px !important;
        width:100%;
    }
}
.NewsMenuicon {
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -3px -1311px;
    width: 51px;
    height: 46px;
    margin-top: 8px !important;
}
.commentseperator{
 width:auto !important;
 float:left !important;
 display:block !important;
    padding: 0 5px 0 5px;
  border-right: 1px solid #24e1ca;
}
.commentseperator:last-child{
  border-right: none !important;
}

#HandsonTableComment {
    float: right;
    margin-top: 16px;
    font-size: 12px;
    font-weight: normal;
}
.commentseperator strong{
    font-weight: 600;
    /*font-size: 13px;*/
}
.NewsBox {
    min-height: 250px;
}
#fixed-content {
    margin-top: 5px!important;
}
/*Style add new 27-10-16*/


.margRight19{
    margin-right:19px !important;
}


.NewsSmallImg{
    width: 100%;
    height: 100px;
    border: 2px solid #62a2d6;

}
.NewsSmallImg img{
    height: 100%;
    width:100%;
}



/*------------20-10-16 Extra horizontal line is found in bootstrap table, Overlaping Issue style start---------------*/

.table-striped > tbody > tr:nth-child(even) > td{
    background-color: #fff;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

/*------------20-10-16 Extra horizontal line is found in bootstrap table, Overlaping Issue style end---------------*/

body {
    -ms-overflow-style: scrollbar;
}


/*21-10-16 bootstrap alignment issue style start*/


/*.fixed-table-container thead th {
    min-width: 150px !important;
}

.headbarstretch .fixed-table-body .table  td,
.headbarstretch .fixed-table-body .table thead th{
  min-width: 150px !important;
}

.fixed-table-container thead th:first-child {
    min-width: 80px !important;
}

.bootstrap-table .table > thead > tr > th:first-child,.bootstrap-table .table > tbody > tr > td:first-child {
    min-width: 80px !important;
}

.fixed-table-container thead th:nth-last-child(1),.fixed-table-container thead th:nth-last-child(2) {
    min-width: 80px !important;
}

.bootstrap-table .table > thead > tr > th:nth-last-child(1),.bootstrap-table .table > tbody > tr > td:nth-last-child(1),.bootstrap-table .table > thead > tr > th:nth-last-child(2),.bootstrap-table .table > tbody > tr > td:nth-last-child(2) {
    min-width: 80px !important;
}*/

/*21-10-16 bootstrap alignment issue style end*/


/*24-10-16 news detals page style start*/

.NewsSmallImgPart {
    background-color: #f0f4f5;
    padding: 6px 0px;
    border: 1px solid #b0e1ff;
    height: 107px;
}

.NewsSmallImgPart .owl-item {
    background-color: #f7f7f7;
    padding: 2px;
}

.NewsSmallImgPart li {
    color: #fff !important;
    min-width: 90px !important;
    width: auto;
    margin: 0 auto;
    height: 88px;
    list-style: none;
        border: 1px solid #417d9c;
}


.NewsSmallImgPart .owl-item:hover, .NewsSmallImgPart .owl-item:first-child:hover{
    border:1px solid #58a0cb;
}



.NewsSmallImgPart li a {
    padding: 0px;
    color: #fff !important;
    height: 88px;
    width: auto;
}

.NewsSmallImgPart .owl-item:first-child {
    border-left: 0px;
}

.NewsSmallImgPart  .owl-item {
    border-right: 0px;
}


.newslist:hover .image-container img {
    transform: scale(1.5) rotateZ(-5deg);
    -moz-transform: scale(1.5) rotateZ(-5deg);
    -webkit-transform: scale(1.5) rotateZ(-5deg);
    -o-transform: scale(1.5) rotateZ(-5deg);

     transition: all 1.5s ease-in-out 0s;
    -moz-transition: all 1.5s ease-in-out 0s;
    -webkit-transition: all 1.5s ease-in-out 0s;
    -o-transition: all 1.5s ease-in-out 0s;
    cursor:pointer;
    filter: contrast(150%);
}

 .image-container img {
  
     transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}


 .NewsBg {
   background: url(../Images/news/News_bg.png) no-repeat bottom right fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.NewsDetailsPart {
    padding:15px; background-color:#fff;
}
/*24-10-16 news detals page style end*/


/*24-10-16 LogHistory page style start*/

.MembershipHealth {
    font-size: 14px;
    border: 1px solid #58a0cb;
    border-bottom: 2px solid #58a0cb!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 12px 4px 12px;
    margin-left: 10px;
    text-decoration: none!important;
    background-color:#fff;
    text-align:center;
}

/*.HealthTopcolor {
padding: 5px 15px;
    background-color: #edf7ff;
    border-radius: 4px;
    border: 1px solid #ccc;
}*/


/*address boxshadow*/

.HealthTopcolor {
    padding: 5px 15px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #0d77ff,0 3px 15px 2px rgb(97, 176, 237);
}


.skin-1 .HealthTopcolor {
    padding: 5px 15px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #188809,0 3px 15px 2px #188809;
}

.skin-2 .HealthTopcolor {
    padding: 5px 15px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #e3a24c,0 3px 15px 2px #e3a24c;
}

.skin-3 .HealthTopcolor {
    padding: 5px 15px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #70193d,0 3px 15px 2px #d3769d;
}

.skin-4 .HealthTopcolor {
    padding: 5px 15px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #708090,0 3px 15px 2px #708090;
}

/* end address boxshadow*/
.combinedcombo .input-group-addon input {
    height: 26px !important;
    margin-right: 10px !important;
    width: 60px;
}


.LogHisBtnMain {
    padding-right: 0px;margin-left: 20px;
}
.LogHisBtnMainClose {
padding: 0px;
}

.LogHisBtnMainClose a {
padding: 0px;
float: left;margin-left: 1px;
}

.headbarstretch .LogHisBtnMain {
    margin-left: 5px;
    text-align:right;
}
.headbarstretch .LogHisBtnMainClose a {
margin-left: 3px;
}
/*24-10-16 LogHistory page style end*/



/*28-10-16 Healthclub Receipt Box Shadow page style Start*/
 .pane {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 10px;
    margin: 5px auto;
    position: relative;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #0d77ff,0 3px 15px 2px rgb(97, 176, 237);
    /*border: 1px solid #5c5c5c;*/
    border-top: 1px solid #999;
    /*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*background: rgba(0,0,0,0.8);*/
    background-image:url('../Images/TouchBk.jpg');
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%);
    background-image: -webkit-repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%);
    background-image: -moz-repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%);
    background-image: -ms-repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%);
    background-image: -o-repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 50%);
    /*background-size*/
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    -o-background-size: 5px 5px;
    background-size: 5px 5px;
}


.skin-1 .pane {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 10px;
    margin: 5px auto;
    position: relative;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #188809,0 3px 15px 2px #188809;
    border-top: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

.skin-2 .pane {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 10px;
    margin: 5px auto;
    position: relative;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #e3a24c,0 3px 15px 2px #e3a24c;
    border-top: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}


.skin-3 .pane {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 10px;
    margin: 5px auto;
    position: relative;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #70193d,0 3px 15px 2px #d3769d;
    border-top: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

.skin-4 .pane {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 10px;
    margin: 5px auto;
    position: relative;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,1),0 3px 15px 2px rgba(0,0,0,1);
    box-shadow: 0 0 1px 0 #708090,0 3px 15px 2px #708090;
    border-top: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}


/*28-10-16 Healthclub Receipt Box Shadow page style end*/
/*7-11-16 Clinic Task Alert Part Style Start*/ 

 #TaskAlert {
    background-color: rgba(255, 255, 255, 0.94);
    color: #848484;
    border-color: rgba(97, 176, 237, 0.62);
    -webkit-box-shadow: 0 0 5px 3px rgba(97, 176, 237, 0.34);
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px 2px rgba(97,176,237,0.34);
    margin-top:20px;
    z-index: 1;
    }
    .TaskDetailsPart {
    width:95%;float:left;
    }
    .TaskClosePart {
    width:5%;float:left;
    }
    .TaskClose{margin-left: 20px;opacity:1;}
    .TaskClose:hover{opacity:1;}
    .TaskHeading{font-size: 14px;color: #3388ca;font-family: arial;}

    /*7-11-16 Clinic Task Alert Part Style End*/ 


/*9-11-16 Bootbox Bootstrap table Toggle Issue Start*/ 
    .bootbox-body .fixed-table-body .card-view .title {
    float: left !important;
    min-width: 40% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bootbox-body .fixed-table-body .card-view .value {
    float: left!important;
    width: 60% !important;
    word-wrap: break-word;
    word-break: break-all;
}

/*9-11-16 Bootbox Bootstrap table Toggle Issue End*/ 

/*10-11-16 Search click open Start*/ 




.SearchMenu-BoxPart {
    /*margin-right: -253px;*/
    position: absolute;
    top: 126px;
    right: 0px;
    overflow: hidden;
    min-height: 50px !important;
    z-index: 100;
    transition-duration: 0.8s; 
}

.SearchMenuPartRes {
    top: 157px;
    /*margin-right: -253px;*/
    position: absolute;
    right: 0px;
    overflow: hidden;
    min-height: 50px !important;
    z-index: 100;
    transition-duration: 0.8s; 

}


.SearchMenuPart-show {
margin-right: 0px !important;
position: absolute;
right: 0px;
overflow: hidden;
min-height:50px !important;
z-index:5;
}
.SearchMenuPart-zindex{
z-index:5 !important;

}
.SearchMenuPart-box {

transition-duration: 0.8s;
z-index:1;
}
.SearchMenuPart.show {
  margin-right: 0px;
}
.SearchMenuClick {
    background-color: #5aa8e4;
    position: absolute;
    padding: 10px;
    border-radius: 5px 0px 0px 5px;
    font-size: 16px;
    top: 0px;
    color: #fff;
    cursor: pointer;
    /*margin-left: 57px !important;*/
    z-index: 2;
    /* height: 122px; */
    width: 34px;
    text-align: center;
    border-right: 1px solid #478cc1;
    background: -webkit-linear-gradient(left, #5fa5ff 0%,#8ccdff 51%,#5fa5ff 100%);
    background: linear-gradient(to right, #5fa5ff 0%,#8ccdff 51%,#5fa5ff 100%);
    outline: 1px solid rgba(255, 255, 255, 0.43);
    outline-offset: -3px;
}


 .SearchMenuPart-fixed{
    position:fixed;
    z-index:100;
}

.SearchMenuPart-setttings {
    /*margin-left: 90px;*/
    margin-left:34px;
    background: #f9fcff;
    min-height: 122px;
    padding: 10px 10px 10px 10px;
    border: 1px solid rgb(71, 140, 193);
    width: 250px;
}
 .SearchMenuHeading {
   
    color: white;
    display: inline-block;
    vertical-align: middle;
}



.SearchMenuPart .input-group .form-control:not(:first-child):not(:last-child) {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.SearchMenuTop {top:365px;transition-duration: 0.8s; z-index:99;}

/*theam color*/

.skin-1 .SearchMenuClick {
    background-color: #188809;
    border-right: 1px solid #188809;
    background: -webkit-linear-gradient(left, #188809 0%,#32b520 51%,#188809 100%);
    background: linear-gradient(to right, #188809 0%,#32b520 51%,#188809 100%);
    
}

.skin-1 .SearchMenuPart-setttings {
    background: rgb(248, 255, 247);
    border: 1px solid rgb(25, 138, 10);
}

.skin-1 a {
    color: #188809;
    text-decoration: none;
}

.skin-2 .SearchMenuClick {
    background-color: #9b5801;
    border-right: 1px solid #9b5801;
    background: -webkit-linear-gradient(left, #9b5801 0%,#f3ac4d 51%,#9b5801 100%);
    background: linear-gradient(to right, #9b5801 0%,#f3ac4d 51%,#9b5801 100%);
    
}

.skin-2 .SearchMenuPart-setttings {
    border: 1px solid rgb(155, 88, 1);
    background: #fffbf6;
}

.skin-2 a {
    color: #9b5801;
    text-decoration: none;
}


.skin-3 .SearchMenuClick {
    background-color: #70193d;
    border-right: 1px solid #70193d;
    background: -webkit-linear-gradient(left, #70193d 0%,#ce6f97 51%,#70193d 100%);
    background: linear-gradient(to right, #70193d 0%,#ce6f97 51%,#70193d 100%);
    
}

.skin-3 .SearchMenuPart-setttings {
    border: 1px solid rgb(112, 25, 61);
    background: #fff9fb;
}

.skin-3 a {
    color: #70193d;
    text-decoration: none;
}



.skin-4 .SearchMenuClick {
    background-color: #708090;
    border-right: 1px solid #708090;
    background: -webkit-linear-gradient(left, #708090 0%,#dedede 51%,#708090 100%);
   background: linear-gradient(to right, #708090 0%,#dedede 51%,#708090 100%);
    
}
.skin-4 .SearchMenuPart-setttings {
    border: 1px solid rgb(112, 128, 144);
    background: #fdfdfd;
}
.skin-4 a {
    color: #708090;
    text-decoration: none;
}


#PnlAbove {
    z-index: 1;
}

div#PnlBelow {
    z-index: 1;
}

/*10-11-16 Search click open End*/ 
/*18-11-16 Quotation Evaluation Form Start */ 


.QuotationTableTitle {
    font-size: 13px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    font-weight: 600 !important;
}


.QuotationTableIcon {
    margin-bottom: 2px;
    margin-top: 2px !important;
    z-index: 1;
    padding-left: 0px;
}

.QuotationTableIconUpload {float:left;width: 20px !important;}
.QuotationTableIconUpload a {color:#2fa2e5 !important;font-size: 16px !important;text-align: center !important;}
.QuotationTableIconRemove {float:left;width: 16px !important; margin-right: 3px !important;}
.QuotationTableIconRemove a {color:darkred  !important;font-size: 16px !important;}
.QuotationTableIconCheck{float:left  !important;padding: 3px !important;border-radius: 3px !important; margin-right: 3px !important;}


.QuotationCheckAll{min-width:8px !important;padding: 0px !important;}
.QuotationUnitRat{min-width:60px !important; padding: 0px !important;}
.QuotationQut{min-width:70px !important;padding: 0px !important;}
.QuotationAmo{min-width:52px !important;padding: 0px !important;}
.QuotationDisc{min-width:55px !important;padding: 0px !important;}
.QuotationDiscAmo{min-width:55px !important;padding: 0px !important;}
.QuotationNet{min-width:70px !important;padding: 0px !important;}
.QuotationDel{min-width:88px !important;padding: 0px !important;}

.QTNTblBdySl{min-width:40px !important;}
.QTNTblBdyPtNo{min-width:80px !important;}
.QTNTblBdyBudCo{min-width:80px !important;}
.QTNTblBdyDes{min-width:140px !important;}
.QTNTblBdyQnt{text-align:right;min-width:55px !important;}
.QTNTblBdyUnt{min-width:30px !important;}

.checkTbl{min-width:8px !important; margin-left: 22% !important;}

#tds input[type=checkbox], .table td input[type=radio] {
    margin-left: 31% !important;
}

/*18-11-16 Quotation Evaluation Form End*/ 
.SaveDialogBtnClick {
    background-color: #f2f2f2 !important;
    background-image: -webkit-linear-gradient(top,#f2f2f2,#f2f2f2) !important;
    background-image: -moz-linear-gradient(top,#f2f2f2,#f2f2f2) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#f2f2f2)) !important;
    background-image: -o-linear-gradient(top,#f2f2f2,#f2f2f2) !important;
    color: #525252 !important;
    border: 1px solid #ccc !important;
}

.PopUpLabelPart{font-weight: 600;font-size: 15px;}

.TblVerify {
    font-size: 14px;
    color: #0d9243;
}
.TblNotVerify {
    font-size: 14px;
    color: #ea0000;
}
.TblCancelled {
    font-size: 14px;
    color: #ea0000;
}


/*handsontable td width set*/
td.htAutocomplete div { max-width:85% !important;}

.vakata-context, .vakata-context ul {
    z-index: 100;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{min-width:auto !important;}

#Pro_QEA_DefaultPanel thead tr th{padding:0px 4px !important;}
.LogHisBtnMain {
    padding-right: 0px;margin-left: 43px;
}
.HandsontableIconColor {

  color: #70193d !important;
}


/*alert Modification 29-03-2017*/

.AlertExportBtn{float: right; margin-top: 3px;    margin-right: 10px;}
.AlertExportBtnLevel2{
    float: right;
    margin-right: 4px;
    margin-top: -2px;
    margin-left: 10px;

}
.AlertExportBtn span, .AlertExportBtnLevel2 span {margin-left:0px !important;}
.margTop4 {
margin-top:4px;
}

.AlertExportBtnPart{margin-top: 1px;position: absolute;right: 35px; z-index: 999;}
.Mrg-R50 {
    margin-right: 50px;
}

/*Cheque Print Setting 17-05-2017 Start*/
.ChequeImgBox{
    background-color: #f7fcff;border-radius: 4px; 

}
.ChequeImgBox img{border: 1px solid #dddddd; height:auto; width:auto;  position: relative;}

.ChequeFieldBox{border: 3px double #6dacd6;border-radius: 2px; position: relative;}

.ChequeFieldText{cursor:pointer;z-index:999; display: inline-block; background-color: #cde5f5;position: absolute; border-radius: 4px;border: 1px solid #6dacd6;
                            color: #1a56a5; min-height:25px; height: 25px;font-weight: normal;font-size: 12px;}
/*Cheque Print Setting 17-05-2017 Start*/

/*While Clicking Row Change Row Colour*/
 tr.TrActive, tr.TrActive td {
        background-color: #d2ebff !important;
    }
/*While Clicking Row Change Row Colour*/



/*New Bottom Menu Icon Start 13-06-2017*/
.OfficeAdministrationlink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -2px -1429px;
    width: 50px;
    height: 46px;
    margin-top: 8px !important;
}
.StudentAdmissionlink
{
   BACKGROUND: url(../images/spritebuttons.png) no-repeat;
   background-position: -2px -1477px;
   width: 51px;
   height: 46px;
   margin-top: 8px !important;
}
.AcademicsECAlink
{

     BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -2px -1754px;
  width: 51px;
  height: 46px;
  margin-top: 8px !important;

}

.TimeTablelink
{
     BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -2px -1529px;
  width: 50px;
  height: 46px;
  margin-top: 8px !important;
 
}
.EDUTransportationlink
{
     BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -2px -1581px;
    width: 48px;
    height: 46px;
    margin-top: 8px !important;
  
}

.Librarylink
{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -2px -1641px;
  width: 50px;
  height: 46px;
  margin-top: 8px !important;
  
}
.Canteenlink {
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -2px -1804px;
    width: 51px;
    height: 46px;
    margin-top: 8px !important;
}

.Alumnilink
{
   BACKGROUND: url(../images/spritebuttons.png) no-repeat;
  background-position: -2px -1702px;
  width: 52px;
  height: 46px;
  margin-top: 8px !important;
}

/*New Bottom Menu Icon End 13-06-2017*/






/*26-04-2017 Dropdown Treeview Start*/

.DropTree .dropdown-menu .jstree-container-ul {
    margin-left: 0px !important;
    /*padding: 0px 10px;*/
    padding: 0px 5px;
    max-height: 140px;
    overflow: scroll;
    overflow-x: hidden;
}
.DropTree .dropdown-menu li:hover, .DropTree .dropdown-menu li a:hover {
    background-color: transparent !important;
}

.DropTree .dropdown-menu .jstree-default .jstree-wholerow-clicked {
    background-color: transparent !important;
}
.DropTree .dropdown-menu .jstree-default .jstree-wholerow {
    height: 16px;
}

.DropTree .dropdown-menu .jstree-default .jstree-wholerow:last-child {
    border-bottom: none !important;
}


.ComboTree  .jstree-container-ul  li[aria-level~="1"]  {
       margin-left: 0px !important;
}


.ComboTree .jstree-container-ul li[aria-level~="5"] {
       margin-left: 9px !important;
}


.ComboTree .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -281px -74px !important;
    width: 16px !important;
    height: 16px !important;
}

.ComboTree .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -258px -73px !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.ComboTree .jstree-checkbox {
    background-position: -192px -73px !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 7px !important;
}
.ComboTree .jstree-anchor {
    line-height: 16px !important;
    height: 16px !important;
    font-size: 12px;
}



.ComboTree .jstree-container-ul li[aria-level~="5"] a .jstree-checkbox {
    width: 24px;
    height: 18px;
    line-height: 15px;
    background-position: -164px -6px;
}

.ComboTree .jstree-container-ul li[aria-level~="5"] .jstree-clicked .jstree-checkbox {
    width: 24px;
    height: 18px;
    line-height: 15px;
     background-position: -228px -6px;
}


.ComboTree .jstree-container-ul li[aria-level~="5"] .jstree-ocl {
    height: 18px;
    line-height: 18px;
}
.ComboTree .jstree-container-ul .jstree-leaf .jstree-ocl {
    height: 18px;
    line-height: 18px;
    width: 7px;
}
.open > .dropdown > .dropdown-menu {
    display: block;
}
.TreeSearch{padding: 4px;}
.p-l-5 {
    padding-left:5px;
}


.DropTree .dropdown-menu .jstree-default .jstree-node {
    margin-left:18px;
}

.DropTree .dropdown-menu .jstree-default .jstree-file {
    background: url(../js/Tree/32px.png) -130px -71px no-repeat !important;
}

.DropTree .dropdown-menu .jstree-default .jstree-themeicon {
    background-position: -163px -69px;
}


.Dropdownfield{height: 26px !important;padding: 3px 3px; font-size: 12px !important;line-height: 1.5;border-radius:3px;}
.DropTree .dropdown-menu{width:100%;/*max-height: 190px;overflow: scroll;overflow-x: hidden;*/    padding: 0px;}

.TreefieldText{
    width: 92%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.DropTree .dropdown-menu .jstree-default  .jstree-search {
    font-style: italic;
    color: #1ba1e2;
    font-weight: bold;
}


.DropTree .jstree-hovered {
  background:transparent !important;
}
 .DropTree .jstree-wholerow-hovered {
  background:transparent !important;
}
.DropTree .jstree-wholerow-clicked{
  background:transparent !important;
}


.DropTree .jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .DropTree .jstree-checked > .jstree-checkbox {
    background-position: -236px -73px !important;
}

.DropTree .jstree-anchor > .jstree-undetermined {
    background-position: -214px -73px !important;
}

/* First hide all checkboxes*/
.CheckBoxHiddenClass .jstree-checkbox {
    display:none !important;
}

/* Then display only checkboxes on leaf nodes */
.CheckBoxHiddenClass li[class~="jstree-leaf"] > a > .jstree-checkbox {
    display: inline-block !important;
} 

.CheckBoxHiddenClass .jstree-anchor {
    
    pointer-events: none;
}
.CheckBoxHiddenClass  .jstree-wholerow {
    pointer-events: none;
}

.jstree-leaf .jstree-wholerow {
    pointer-events: all !important;
}
/*26-04-2017 Dropdown Treeview End*/



/* Agreement Template*/
.AgreementTextEditor .Editor-editor {
    height: 250px;
}
.SelectedOption {
    background-color: rgb(177, 221, 255);
    color: rgb(2, 83, 187);
    margin: 0px 2px;
}
/* Agreement Template*/


/*Login Page Style 20-02-2017*/
.LoginLeft {
     padding: 0px;
     height: 100%;
     background: #f7f7f7 url(../Images/Login/LeftBg.png) no-repeat left bottom fixed;      
     -webkit-box-shadow: -1px 0px 53px 11px rgba(0,0,0,0.41);
     -moz-box-shadow: -1px 0px 53px 11px rgba(0,0,0,0.41);
     box-shadow: -1px 0px 53px 11px rgba(0,0,0,0.41);
     z-index:100;
}

.LoginRight {
     height: 100%;
     background: #f7f7f7 url(../Images/Login/RightBg.png) no-repeat bottom right fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}



.LoginBox {
    min-height: 340px;
    background-color: #fff;
    border: 5px #e0e0e0 solid;
    padding-top: 12px;
    width: 60%;

}
.LoginBoxCapcha {
    height: 495px !important;
}
.t-marg135{margin-top:130px !important}
.LoginHeading {
    color:#1d81b0;
    font-weight: 600 !important;
    margin-top: 10px;
}

.LoginPart {
  padding: 10px 0px;
  text-align: center;
  position: relative;
}
.LoginPart h1 {
  font-size: 26px;
  font-weight: 500;
  color: #37588B;
  margin: 10px 0px 5px 0px;
}


.LoginPart input[type="text"] :-webkit-input-placeholder {
  color:#9F8D78;
}

.LoginPart input[type="password"], .LoginPart input[type="text"]{

font-size: 13px !important;
    font-weight: 400;
    color: #000;
    width: 100%;
    display: block;
    border: 1px solid #bdbdbd;
    outline: none;
    margin: 5px auto 5px;
    -webkit-appearance: none;
    padding-left: 8px;
    height: 36px !important;
    border-radius: 0px !important;
}

.LoginPart .UserNameField input[type="text"] {
  background: url(../Images/Login/email.png)no-repeat 8px 9px;
  padding-left: 33px;
}
.LoginPart input[type="password"]{
background: url(../Images/Login/lock.png)no-repeat 9px 9px;
padding-left: 33px;
}

.LoginPart input[type="password"], .LoginPart input[type="text"]:focus {
  
    -webkit-box-shadow: none;
    box-shadow: none;
}
.Login-check {
  float: left;
}

/*.LoginPart .checkbox {
    font-size: 15px;
    font-weight: 400;
    line-height: 5px;
    display: block;
    min-height: 8px;
    float: left;
}*/

.LoginPart .checkbox {
    font-size: 14px;
    font-weight: 400;
    line-height: 5px;
    display: block;
    min-height: 8px;
    float: left;
}
.SignupBtn1 {
    /* cursor: pointer; */
    font-size: 14px !important;
    padding-top: 8px;
    padding-bottom:5px;
    color: #097eb5;
    font-weight: 600 !important;
}

.LoginPart .checkbox input {
    margin: -5px 0px !important;
    width: 15px;
    height: 15px;
}
    .LoginPart .checkbox span {
        padding-left:17px;
        cursor:pointer;
    }
.LoginButton {
  background: #28a7e2;
  color: #FFF;
  border:none;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 0px;
  width: 100%;
    /*border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;*/
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.LoginButton:hover{
	background:#5086dc;
	transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.SignupBtn{
    cursor: pointer;
    font-size: 14px !important;
    margin-top: 15px;
    margin-bottom: 8px !important;}


.LoginFooter{
    background-color: rgba(0, 56, 97, 0.4);
    position: absolute;
    bottom: 0px;
    width:100%;
    padding:10px;
    color:#15394a;
    font-size:14px;
    font-weight: 600;
}

.footerPart1{width:50%; float:left;}
.footerPart2{width:50%; float:left;}
.L-pad-0 {
padding-left:0px;
}
.R-pad-0 {
padding-right:0px;
}

.LoginLabel{   
    font-size: 13px;
    color: #51788a;}

.marg0{ margin: 0px !important;}

.LoginPart .parsley-errors-list{text-align: left;}

.t-marg44{
    margin-top: 44px !important;
}
/*Login Page Style 20-02-2017*/


/*handson table comment*/
.htCommentTextArea {
  height: 100px !important;
  width:200px !important;
}

.attachIcon{
    
    background:url(../images/attach_icon.png) top right no-repeat; 
    background-position:left;
    background-color: transparent !important;
    border:none;
    text-shadow:0 0 0 rgba(0, 0, 0, 0.4);
    width:35px !important;
    text-indent: -9999px !important;

  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
   font-size: 0px !important;
   border-radius:0px !important;
}

.attachIcon::-ms-expand {
    display: none;
    text-indent: -9999px !important;
    content:"";
    overflow:hidden;
}
.attachIcon option { color: black; font-size: 12px!important;}

.Outsourcing{
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -2px -1865px;
    width: 51px;
    height: 56px;
    margin-top: 8px !important;
}

.cornerser-css{width:400px;min-height:70px;background-color:#ccc;display:block;position:absolute;z-index:5000;top:24px;color:black;left:-200px;transition:all 0.2s ease-in;padding-bottom:5px;padding-top:5px;}
.cornerser-css a.corner-close{color:red;cursor:pointer;}
.cornerser-css a{color:#000;}
.cornerser-css .input-group .form-control{width: 98% !important;height: 23px!important;}
.cornerser-css input[type="text"]{height:22px !important;padding-left:10px!important;}
.cornerser-css .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
    z-index:2!important;
}
.cornerser-css .form-control:focus{border-color: #cccccc;-webkit-box-shadow:none;}
.input-group-corner-holder{width:90%;margin:0 auto;text-align:center;padding-bottom:5px;}
.corner-close-holder{text-align:right;padding-right:5px;padding-bottom:5px;}


.cournerSearch-Pclass::-webkit-input-placeholder {
    color: #ff0000;
}

@media only screen and (max-width:768px) {

.cornerser-css {
    width:99%;
    }
}


/*For Custom Comment Box CSS Start*/

    .selfCMD {
        width: 450px;
        height: 115px;
        background-color: #e0dfdf;
        position: absolute;
        z-index: 2000;
        display: block;
        text-align: right;
        display: none;
        transition: all 0.2s ease;
        padding-bottom:5px;
        color:#ffffff;
    }

    .clsbtn {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        color: #FF0000;
        text-align: center;
        margin: 5px;
        display: inline-block;
        cursor: pointer;
    }

.facilityManagement {
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -2px -1998px;
    width: 51px;
    height: 56px;
    margin-top: 0px !important;
}

.shipping {
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: -3px -2078px;
    width: 51px;
    height: 48px;
    margin-top: 8px !important;
}

#img180 #imgprofile:hover
{
  right: 0px;
  height: 180px;
  width: 180px;
  z-index: 9999999999 !IMPORTANT;
  position: absolute !important;
  transition:all 0.2s ease-in;
  cursor:pointer;
}

/*For Custom Comment Box CSS End*/

.AssetManagement {
    BACKGROUND: url(../images/spritebuttons.png) no-repeat;
    background-position: 2px -2127px;
    width: 60px;
    height: 55px;
    margin-top: 0px !important;
}
/* For Fixing Bootstrap Table Search Toolbar Hiding Issue */

.fixed-table-toolbar{
height: 50px;
}