/* custom css for theme */

@font-face
{
  font-family: 'OpenSans-Light';
  src: url('../fonts/open-sans/OpenSans-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/OpenSans-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/open-sans/OpenSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/OpenSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face
{
  font-family: 'OpenSans-Regular';
  src: url('../fonts/open-sans/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/open-sans/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/OpenSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.select2-container .select2-choice
{
  height: 30px !important;
  padding: 2px 0 0 8px !important;
}

h2.txtrightimp
{
  text-align: right !important;
  margin-right: 20px !important;
}

.ptoptxt
{
  padding-top: 5px !important;
}

.bggrtxtnew
{
  background-color: #ccc !important;
}

.select2-container .select2-choice .select2-arrow
{
  height: 30px !important;
  padding: 2px 0 0 8px !important;
}

#loadingmessage
{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: #ddd;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 45% auto;
}

#loadingmessage img
{
  width: 80px;
  height: auto;
  margin-top: 20%;
}

#loadingmessage1
{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: #ddd;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 45% auto;
}

#loadingmessage1 img
{
  width: 80px;
  height: auto;
  margin-top: 20%;
}

.widget-title .widget-body
{
  padding:6px 12px !important;
}
.posfix-header{position: fixed;
    top: 117px;
    left:174px;
    width: 89%;
    
  }
.btn
{
  font-size: 11px;
}
.btn-print
{
  color:#000 !important;
  /*font-weight: bold;*/
}
.btn-print .fa
{
  color:#000;
  font-weight: 500 !important;
}
.mytxtinp
{
  width: 100% !important;
  height: 28px !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 3px !important;

}

.newmytxtinp
{
  border : 1px solid #d5d5d5 !important;
  width: 100% !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 3px !important;
}

.imgempmonth
{
  float:left;
  margin-right:1%;
  margin-bottom: 1.2%;
  width:150px;
  height: 150px

}
.imgemppic_cover{ padding:0 50px 0 70px; } 
.empmonth_cover img.imgempstar
{
  margin:0 auto 15px;
  width:10%;
  max-width:50%;
  height:auto;
}
.empimg6{margin-left:75px;}
.print_badge
{
  top:-2px !important;
  right:-4px !important;
  width:18px !important;
  padding:1px 0 !important;

}
.ght
{
  padding-left: 15% !important;
  padding-right: 15% !important;
  padding-top: 30px !important;
}
div.dataTables_filter label
{
  margin-bottom: 6px !important;
}


@media (max-width: 600px)
{
  .asder
  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 210px;
    margin-left: 5px;
  }
}

.logpadding
{
  padding: 13px 8px 0 5px
}
#mycase .modal-dialog
{
  width: 1200px;
}
.input-sm
{
  border-radius: 0 !important
}
#step8 h4
{
  font-family: 'OpenSans-Regular';
}

/*Login css starts*/

.pglogin a {
  color: #92badd;
  display:inline-block;
  text-decoration: none;
  font-weight: 400;
}
.select2-container--default.select2-container--disabled .select2-selection--single
{
  background-color: #ffffff !important;
}
.select2-container--default .select2-selection--single
{
  text-align: left;
  border-radius: 0;
  border:1px solid #d5d5d5;

}
.select2-container--default .select2-results>.select2-results__options
{
  overflow-y: initial;
}
.bg-whitesmoke {
    background-color: #f5f5f5 !important;
}

.pglogin h2 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display:inline-block;
  margin: 40px 8px 10px 8px; 
  color: #cccccc;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li {
    background-color: #000 !important;
    padding: 0 8px 3px 8px;
}
.imgtabtitle span
{
  font-weight: bold;
  font-size:14px;
}
#step2
{
  position: relative;
}

#loadingmessage
{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: #ddd;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 45% auto;
}

#loadingmessage img
{
  width: 80px;
  height: auto;
  margin-top: 20%;
}
.tbl-release
{
  background-color: #fff !important;
  padding:5px;
}
.search-release
{
  margin:0;
  margin-bottom: 0.5%
}

/* STRUCTURE */

.pglogin .wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  /*padding: 20px;*/
  padding: 40px;
}

.pglogin #formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 30px;
 /* width: 90%;
  max-width: 450px;*/
   width: 40%;
  max-width: 400px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
}

.pglogin #formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}



/* TABS */

.pglogin h2.inactive {
  color: #cccccc;
}

.pglogin h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}



/* FORM TYPOGRAPHY*/

.pglogin input[type=button], .pglogin input[type=submit], .pglogin input[type=reset]  {
  background-color: #56baed;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 40px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pglogin input[type=button]:hover, .pglogin input[type=submit]:hover, .pglogin input[type=reset]:hover  {
  background-color: #39ace7;
}

.pglogin input[type=button]:active, .pglogin input[type=submit]:active, .pglogin input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.pglogin input[type=text],.pglogin input[type=password] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.pglogin input[type=text]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}

.pglogin input[type=text]:placeholder {
  color: #cccccc;
}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.pglogin .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}


.pglogin #icon {
  width:60%;
}

/*Login css ends*/


.chkfrm .control-label,.chkfrm label{
  padding:0 !important;
  margin:0 !important;
  margin-right: 3% !important;
}


#tabwisesearch
{
  cursor:default;
}

.VendorIssueRecdDetail td:hover
    {
        text-decoration: underline;
        cursor: pointer;
    }

#AddFamilyInfo
{
  margin-top:0;
  margin-left:1%;
  padding:5px 8px 5px 8px !important;
  cursor:pointer;
}

/*important:#ulid1_liid1_0>ul,#ulid1_liid1_1>ul,#ulid1_liid1_2>ul are sub-inner-menus of first menu*/
.left-side-collapsed .custom-nav ul>#ulid1_liid1_0>ul,.left-side-collapsed .custom-nav ul>#ulid1_liid1_1>ul,.left-side-collapsed .custom-nav ul>#ulid1_liid1_2>ul{
	height:90px !important;
}
 .custom-nav .sub-menu-list > li > a{
	padding: 10px 5px 10px 35px !important;
}
.text_displayFS .form-control
{
	font-family: 'Cabin-Regular' !important;
}


.logo>h1{

	line-height: 5px;

}
.logoimg
{/*
	width:100px !important;
	height:21px !important;*/

}
.navbar-brand
{
  /*padding: 10px 10px 2px 25px !important;*/
  padding:0 !important;
}

.navbar-header{    
    padding-top:6px;
    font-family: 'Open Sans','Segoe UI';
    font-size: 14px !important;
   /* width: 100%;*/
    height: 0;
  }
  .drp-mnu .profile a, .drp-mnu .profile a:hover, .drp-mnu .profile a:focus, .drp-mnu .profile a:active
  {
    background-color: transparent !important;
    color:#fff;
  }
  .page-sidebar .sidebar-menu
  {
        /*background: #000;*/
        background: #f7fafc;
  }
  .page-sidebar .sidebar-header-wrapper
  {
        margin-left: 0 !important;
  }
  .sidebar-header-wrapper
  {
    height: 58px !important;
  }
  @media (max-width: 360px){
      .sidebar-header-wrapper
      {
        height: 68px !important;
      }
  }
.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:5px;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li{height: 35px !important;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open>a{background-color: transparent !important;box-shadow:none !important;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a{height: 35px !important;padding: 5px 10px 10px 10px !important;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a .icon{font-size: 14px !important;
    line-height: 25px !important; }
        .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar{font-size: 16px;text-align: center;
    color: #ffffff;
    line-height: 25px !important;}
    
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar img{width:25px !important; height:25px !important;}
.navbar .navbar-inner{height: 65px !important;min-height: 65px !important;}
/*.navbar{height:35px;min-height:35px !important;background-color: #000;color:#fff;width: 100%;}*/
.navbar{height:66px;min-height:35px !important;background-color: #f7fafc;color:#fff;width: 100%;}
@media(max-width: 1280px)
{
  /*.navbar{height:35px;min-height:35px !important;background-color: #000;color:#fff;width: 100%;}*/
  .navbar{height:66px;min-height:35px !important;background-color: #f7fafc;color:#fff;width: 100%;}
  .widget-title .widget-body
  {
    width: calc(100% - 110px);
  }
}

@media(max-width: 600px)
{
  /*.navbar{height:35px;min-height:35px !important;background-color: #000;color:#fff;width: 100%; padding-right: 0;}*/
  .navbar{height:66px;min-height:35px !important;background-color: #f7fafc;color:#fff;width: 100%; padding-right: 0;}
}
@media(max-width: 768px)
{
  /*.navbar{height:35px;min-height:35px !important;background-color: #000;color:#fff;width: 100%;}*/
  .navbar{height:66px;min-height:35px !important;background-color: #f7fafc;color:#fff;width: 100%;}
  .navbar-inner{width: calc(100% - 15px); padding-right: 15px; background-color:transparent !important; }
  .widget-title .widget-body
  {
    width: 100%;
  }
}
/*.navbar .navbar-brand small img{width:75px !important; height: auto !important}*/
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li{background-color: #000000 !important}
.page-sidebar .sidebar-menu>li>.submenu{font-family: "Open Sans", Helvetica, Arial, sans-serif;background-color: #fff !important;color:#000;}
.page-sidebar .sidebar-menu>li.open>a{background-color: #f7fafc !important}
/*.page-sidebar .sidebar-menu li.open{background-color:transparent !important;}*/
.page-sidebar .sidebar-menu>li:last-child>a{border-bottom: 1px solid transparent !important}
.page-sidebar .sidebar-menu .submenu li:hover
{
  background-color: #f7fafc !important;
}
.page-sidebar.sidebar-fixed:before
{
  top:35px !important;
}
/*.page-sidebar .sidebar-menu>li:hover
{
 box-shadow: inset 0 4px 4px -2px rgba(255,206,85,.15) !important,inset 0 -4px 4px -2px rgba(255,206,85,.15) !important;
 
}*/

.page-sidebar, .page-sidebar::before {
   /* width: 188px !important;*/
    width: 166px;
    z-index: 100;
}
.page-sidebar
{
  width:170px;
}
.user-name
{
  margin-top:10px;
  margin-right:5px
}
/*.user-name p
{
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size:13px;
  line-height: 1.3em;
}*/
.user-name ul
{
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size:13px;
  font-weight: bold;
  line-height: 1.3em;
}
.user-name ul li
{
  vertical-align: middle;
  padding-right:0 !important;
}
.navbar .navbar-inner .navbar-header .navbar-account{height: 35px !important}
.widget-header
{
	padding-right:12px !important;
  min-height: 52px;
  padding-top: 10px !important;
}

.tblheight
{
	height:500px !important;
}

.rolepg-tblheight
{
  height:400px !important;
}
.tblaccess>tbody>tr>td>label
{
	position:relative;
	overflow:hidden;
  margin:0;
}
.tblaccess input[type="checkbox"].checkbox-slider{margin:0;}
.tblaccess input[type="checkbox"].checkbox-slider ~ .text{   margin-top: 8px;min-height: 12px !important}
.posfix_roleacc
  {

    top:115px;
   
    z-index: 99;
  }
.valtext
{
	color:red;
	margin:0;
	/*text-align:center;*/
 /* font-size:13px;*/
  font-size:12px;
  display:block;/*dont change*/
}
#rsstval
{
	color:red !important;
	margin:0;
	font-size:0.9em !important;
	padding:1% 0;
	text-align:center !important;
}
.main-content-loginpg,.main-content2
{
	padding-top:50px;
	margin-left:0 !important;
	background:transparent;
}
/*.alertmsg1
{
	   font-size: 13px !important;
    font-family: Segoe UI !important;
    vertical-align: center !important;
    margin-top: 8px !important;
    margin:0 !important;
    text-align: right;
   	color:#8BC34A;
}*/
.alertmsg1
{
 
  text-align: left;
  display: inline-block !important;
  /*margin:6px 0 !important;*/
  /*padding:10px !important;*/
  padding:5px !important;
  /*line-height: 29px !important*/
}
/*.alert_size40
{
   width:40%; 
}*/
.alert_size100
{
   width:100%; 
}
.alertmsg1 .close
{
  line-height: 27px !important
  padding:5px;

}

.actionhead .grid_title
{
  /*line-height: 30px !important;*/
  line-height: 37px !important;
}




/*.pghead_name
{
	color:#262626 !important;
	font-weight: bold !important;
}*/
.pghead_name
{
  font-family: 'Raleway-Regular';
  color:#2d3033;
  font-weight: 300;
  font-size:16px;

}
#depreciation .form-group
{	
	padding:0;
}
.auqi 
{
	text-align:right !important;
	padding-right:0 !important;
}
.td-width
{
	width:15% !important;
}
.comm_toprow
{
  padding:8px 0 30px;
}
.btn-warning
{
  background-color: #f4b400 !important;

}
select
{
	background-color:#fff !important;
  width:100%;
 vertical-align: middle;
}
.selectsm
{
      font-size: 12px;
    padding: 4px 9px;
}
.table-head-fixed>thead>tr>th{

z-index: 99 !important;
font-size:11px !important;
}
.nav-tabs {
    /*border-bottom: 1px solid #ddd;*/
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }
.nav-tabs > li > a, .nav-tabs > li > a:focus{color:#555 !important;font-size:12px;}
.tabs-flat > li.active:focus
{
 border-bottom-color:transparent !important;
}
.tabs-flat > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	border-top:2px solid grey !important;
  
  /*z-index: 99*/
}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:focus
{
  border-bottom-color:transparent !important;
}
.uploadimg{
  padding-left:5%;
  border-left:1px solid #d5d5d5;

}
.uploadevent{
margin-bottom:2%;
 margin-left:5%;
}

.filesec
{
	padding-top:2%;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,.nav-tabs > li.active:hover
{
	/*font-weight:bolder;*/
 
  color:#000 !important;
}
.tblinput td, .tblinput>tbody>tr>td
{
  padding:0.5% !important;
  width:150px !important;
}
.colaction
{
  text-align: center;
}
.colaction button
{
  margin-bottom:2px;
}
/*Dashboard calender*/


table.calendar{
    margin:0;
   border-collapse: collapse;
   width:96%;
   float:right;
   font-family: 'Cabin-Regular', sans-serif;
}

 table.calendar th
 {
 	text-align: center;

 
  padding-bottom: 3%;
  font-size:16px;
  font-weight:500;
 }
 .week_name
 {
  font-size:14px;
 }
            .calendar .days td {
             
                width:55px;
                height: 40px;
                border:  1px solid #ccc;
                vertical-align:  top;
              
               color:#000 !important;
               font-weight:300;
               background-color: #fff;
               font-size:11px;
              } 

  
            .calendar .days td:hover{
                background-color: #f6f6f6;
                color:#000;
                font-weight:bold;
                cursor:default;
              }
            .calendar .highlight {
                font-weight: bolder;
               color:#337ab7; 
              }
            .calendar .content .gk_am{
                float: left;
                display: inline-block;
                width: 40px;
                padding-right:6%;
            }

             .calendar .content .gk_am_PR{
                float: left;
                display: inline-block;
                width: 40px;
                padding-left:4%;
              color:rgb(160, 212, 104);
            }  
             
              .calendar .content .gk_am_LM{
                float: left;
                display: inline-block;
                width: 40px;
                color:#f4b400;
            }
          
             .calendar .content .gk_am_AB{
                float: left;
                display: inline-block;
                width: 40px;
                color:rgb(219, 68, 55);

            }
             .calendar .content .gk_am_AL{
                float: left;
                display: inline-block;
                width: 40px;
                //color:rgb(160, 212, 104);
                 color:#005000;

            }

             .calendar .content .gk_am_HO{
                float: left;
                display: inline-block;
                width: 40px;
                color:#ffff99;
            }

            
            .calendar .content .gk_am_Sunday{
                float: left;
                display: inline-block;
                width: 40px;
                color:rgb(219, 68, 55); /*red*/
                font-weight: bold;
                padding-left:3%;
            }
           
            .calendar .content .gk_pm{
                float: right;
                display: inline-block;
                width: 40px;
                background-color: #5cd65c;
            }

            .calendar .content .rp_am{
                float: left;
                display: inline-block;
                width: 40px;
                background-color: gray;
            }

            .calendar .content .rp_pm{
                float: right;
                display: inline-block;
                width: 40px;
                background-color: #D893A1;
            }
            .indicator_cover ul,.indicator_cover ul li
            {
            	margin:0;
              font-size:10px;

            }
            .indicators>div
            {
             
              font-size:12px;
              float:left;
              margin-right:4%;
            }
            .indicators
            {
             
              border:1px solid #ccc;
              background-color:#ffffff;
              padding:0 0 0 2%;
              width:96%;
              float:right;
            }
            .colorgreen
            {
               
              color:rgb(160, 212, 104);
              font-size:10px;
              padding-right:5%; 
              
            }
            .colorred
            {
              
              color:rgb(219, 68, 55);
              font-size:10px;
             padding-right:5%;
           
             
            }
            .colororange
            { 
               
              color:orange;
              font-size:10px;
              padding-right:5%;     
           
            }
               .colorAL
            { 
               
              color:#005000;
              font-size:10px;
              padding-right:5%;     
           
            }

.tblleavebody>tr>td
{
  font-size:12px !important;
}
  .leavehead>th,.tblleaveinfo > thead > tr > th
{
  border:0 !important;
  border-bottom: 1px solid #ccc !important;

}
  .indicators >.in1,.indicators >.in2
{
  width:20%;
}
  .indicators >.in3
{
  width:24%;
}
.indicators >.in3
{
  width:25%;
}

.check_region
{
  line-height: 2.2;
}

 /*Dashbord calender ends*/



.tabfrm>div,.tabfrm .control-label
{
	
	text-align:left;
}
fieldset.scheduler-border {
    border: 1px solid #d5d5d5;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.scheduler-border {
       /* font-size: 1.2em !important;*/
        font-size: 1em !important;
        font-weight: 500 !important;
        text-align: left !important;
        width:auto;
      /*  padding:0 10px;*/
      padding: 15px 10px 0 10px;
        color:#777;
        border-bottom:none;
    }
    
.footer a{
	
	color:#000;
	font-weight:600;
	font-size:14px;
	text-decoration:none;
}
.f1
{
text-align:left;
}
.f2
{
text-align:right;
} 
.bgred
{
	color:red;
}
.pg-name
{
	margin-bottom:1% !important;
}
.cursorpointdefault
{
	cursor:default;
}
.cursorpointer
{
  cursor: pointer;
}
.visitor_form
{
	text-align:left;
}
h5.row-title:before
{
	/*background-color: #11a9cc !important;*/
  background-color: #969696 !important;
}
.margin-b-2
{
	margin-bottom:4px !important;
}
.select2
{
	width: 100% !important;
}

.glyphclass:before
{
  color:#2d3032 !important;
  font-size:14px !important;
}
.login{
	
	width: 100% !important;
}

/*Navbar css*/

/*.branch-name{
	
   // margin-top: 8px;
    //margin-left: 5px;
   // height: 15px;
    width: 60%;
  // padding:0 15% !important;
  padding:0 10% 0 0 !important;
	//text-align:center !important;
	
}*/
.branch-name p
{
	
	font-size: 14px;
    color: #F44336;
    line-height: 1em;
    font-weight: 700;
}
.branch-name p span{
    font-size: 12px;
    font-style: italic;
    color: #424f63;
    font-weight: normal;
	text-align:center;
}
.logbranch
{
	border-right:1px solid #000;
	//padding-top:2%;
	margin:8% 0% 0 0;
}
.logbranch span{
	float: left;
    display: block;
    width: 100px;
  
    border-radius: 3em;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    -o-border-radius: 3em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.profile_details {
    margin: 0 15em 0 0em;
}
.vkidlink
{
  text-decoration: underline;
}

.single_row
  {
    border:1px solid #ddd;
    border-bottom:1px solid transparent;

  }
  .single_row:last-child
  {
    border-bottom:1px solid #ddd;
  }
  .single_row .title
  {
    border-right:1px solid #ddd;
    padding:8px 10px;
    border-bottom:1px solid transparent;
  }
  .title_val
  {
    padding:8px 10px;
  }

  .order-tab-content
  {
    border: 1px solid #e5e5e5;
    
    background-color: #fff !important;
  }
  
  /*Management dashbord css*/
.mgnt_dash .pro_title
{
  margin:0 0 10px 5px !important;
  padding:6px 12px !important;
}
.mgnt_dash .cover{
  padding:10px 0 20px 0;
}
.mgnt_dash .pr_overview>thead>tr>th
{
    font-family: 'Open Sans','Segoe UI';
    font-size: 13px;
    color:#222;
}
.mgnt_dash .pr_overview>tbody>tr>td
{
  padding:2px 0 2px 5px !important;
  font-size:12px;
}
.mgnt_dash .pr_overview>tbody>tr>td a.name_pr
{
  padding:0 !important;
}
.mgnt_dash .imgpro
{
  vertical-align: middle;
  width:40px;
  height:auto;
  display:inline-block;
  margin:2px 5px;
}
.mgnt_dash .pr_overview>tbody>tr>td a
{
    font-family: 'Open Sans','Segoe UI';
    font-size: 13px;
    color:#222;
    
}
.mgnt_dash .padd_align
{
  padding:5px !important;
}
.mgnt_dash .website_amt1{font-family: 'Open Sans','Segoe UI';color:#999;font-size: 12px;
    font-weight: bold;}
.mgnt_dash .website_amt{font-family: 'Open Sans','Segoe UI';color:#999;font-size: 14px;
    font-weight: bold;}
.mgnt_dash .databox-logo{margin:6px 0 2px;color:#222;}
.mgnt_dash .databox-logo img{width:auto;height:20px;margin:0 auto;}
.mgnt_dash .databox.radius-bordered
{
  border:1px solid #ddd !important;
}
.mgnt_dash .proid_select
{
  padding:5px 12px !important;
  margin-right:2px;
  width:15% !important;
}
.mgnt_dash .top_sec
{
  padding:8px 12px 15px 12px;
}
.usredit{padding: 2px 7px !important;
}
 .botbtncover
        {
          position: fixed;
          bottom: 0;
          width:87%;
          background-color: #f7f7f7 !important;
          box-shadow: 0 -1px 4px 0 rgba(12, 12, 13, 0.1);
          font-size: 13px;
          padding:5px;
          min-height: 30px;
          z-index: 999
        }

.userpdffile[disabled],.userexcel[disabled]
{
  background-color: #e9e9e9;
}
.userpdffile:hover,.userexcel:hover{background-color: #ffffff !important}
.userpdffile .fa-file-pdf-o,.userexcel .fa-file-excel-o,.copyrow .fa-copy,.onlyview .fa-file-text-o
{
  font-weight: bold;
  font-size:12px;
  background-color: #ffffff;
  vertical-align: middle;

}

.editcase .fa-pencil,.delcase .fa-trash
{
   font-weight: bold !important;
  font-size:11px ;
  color:#fff;
  vertical-align: middle;
  top:0;
}

.userpdffile .fa-file-pdf-o
{
  color:red;
  
}
.userexcel .fa-file-excel-o
{
   color:#1f7244;
   background-color: #ffffff;
  
}
.copyrow .fa-copy
{
  color:#00BCD4;
   background-color: #ffffff;
}
.onlyview .fa-file-text-o
{
  color:#000;
   background-color: #ffffff;
}
.bglight
{
  background-color: #feded8 !important
}
.bglightyellow
{
  background-color: #feded8 !important
}
 .databox_cover .databox-text, .widget_chart
    {
    margin: 25px 0 !important;
    margin-bottom: 10px !important;
    font-family: 'Open sans', sans-serif !important;
    font-weight: bold;
    text-align: center;
    }
    .databox_cover a
    {
      color:#fff !important;
    }
     .databox_cover .databox
    {
      margin-bottom: 10px !important;
    } 
}
    

/*Branch head css*/
 .ui-jqchart { position: relative; margin:0 auto;border:none !important;}

.ui-jqchart .ui-jqchart-toolbar { position: absolute; margin: 0; padding: 2px; list-style-type: none; white-space: nowrap; }
.ui-jqchart .ui-jqchart-toolbar li { display: inline-block; vertical-align:top; margin: 0 2px; padding: 2px 0; cursor: pointer; }
.ui-jqchart .ui-jqchart-toolbar span.ui-icon { float: left; margin: 0 2px; }
.ui-jqchart .ui-jqchart-toolbar-separator { height: 16px; width: 1px; }

.ui-jqchart .ui-jqchart-tooltip { position: absolute; white-space: nowrap; padding: .2em .4em; z-index: 9999; border: 1px solid #dddddd; color: #333333; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

* html .ui-jqchart .ui-jqchart-tooltip { background-image: none; }
body .ui-jqchart .ui-jqchart-tooltip { border-width: 2px; }
.ui-jqrangeslider { position: relative; }

.ui-jqrangeslider .ui-jqrangeslider-arrow-left { position: absolute; width: 18px; cursor: pointer; vertical-align: middle; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-left { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-right { position: absolute; width: 18px; cursor: pointer; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-right { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-left { position: absolute; width: 12px; cursor: ew-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-left { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-right { position: absolute; width: 12px; cursor: ew-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-right { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-slider-horizontal { position: absolute; cursor: move; cursor: grab; cursor: -moz-grab; }
.ui-jqrangeslider .ui-jqrangeslider-slider-horizontal-dragging { cursor: -moz-grabbing; cursor: grabbing; }
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-left { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right { position: absolute; }

.ui-jqrangeslider .ui-jqrangeslider-arrow-bottom { position: absolute; height: 18px; cursor: pointer; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-bottom { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-top { position: absolute; height: 18px; cursor: pointer; }
.ui-jqrangeslider .ui-jqrangeslider-arrow-icon-top { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-bottom { position: absolute; height: 12px; cursor: ns-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-bottom { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-handle-top { position: absolute; height: 12px; cursor: ns-resize; }
.ui-jqrangeslider .ui-jqrangeslider-handle-icon-top { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-slider-vertical { position: absolute; cursor: move; cursor: grab; cursor: -moz-grab; }
.ui-jqrangeslider .ui-jqrangeslider-slider-vertical-dragging { cursor: -moz-grabbing; cursor: grabbing; }
.ui-jqrangeslider .ui-jqrangeslider-background-vertical { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-vertical-bottom { position: absolute; }
.ui-jqrangeslider .ui-jqrangeslider-background-vertical-top { position: absolute; }
#chartdiv1 {
  width: 100%;
  height: 500px;
} 
/*Branch css ends*/
/*progressbar starts*/
.cvstatus .bs-wizard {padding:10px 0; margin:0;}

/*Form Wizard*/
.tblsubmitapp .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.tblsubmitapp .bs-wizard .col-xs-1{
  width:10.00% !important;
}
.tblsubmitapp .bs-wizard:hover,.tblsubmitapp tbody>tr.reveal
{
  background-color:transparent !important;
}

.tblsubmitapp .bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
/*.tblsubmitapp .bs-wizard > .bs-wizard-step + .bs-wizard-step {}
*/.tblsubmitapp .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #333; font-size: 12px; margin-bottom: 5px;}
.tblsubmitapp .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.tblsubmitapp .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 20px; height: 20px; display: block; background: #a9d49f; top: 50px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;z-index:9} 
.tblsubmitapp .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 10px; height: 10px; background: #53a93f; border-radius: 50px; position: absolute; top: 5px; left: 5px;z-index:999 } 
.tblsubmitapp .bs-wizard > .bs-wizard-step > .progress {position: relative;left:50%; border-radius: 0px; height: 5px;width:100%; box-shadow: none; margin: 20px 0;}
/*.tblsubmitapp .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #a9d49f;}*/
/*.tblsubmitapp .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:0;transition: .8s all ease !important;-webkit-transition: .8s all ease !important;background-color: #53a93f !important;
 

}*/

.tblsubmitapp .bs-wizard > .bs-wizard-step.complete > .progress:before
{
  position: absolute;
   left: 0px !important;
    width: 100% !important;
}
   
.tblsubmitapp .bs-wizard > .bs-wizard-step.complete > .progress{background-color: #a9d49f !important}


/*.tblsubmitapp .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.tblsubmitapp .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}*/
.tblsubmitapp .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.tblsubmitapp .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0; z-index:9}
/*.tblsubmitapp .bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}*/
.tblsubmitapp .bs-wizard > .bs-wizard-step:last-child  > .progress {width: 0;}
.tblsubmitapp .bs-wizard > .bs-wizard-step.disabled > .progress > .progress-bar {background-color: #e5e5e5;}
.tblsubmitapp .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none;z-index:9; }
.tblsubmitapp .bs-wizard > .bs-wizard-step.complete+div.bs-wizard-step.disabled >a.bs-wizard-dot{background-color: #a9d49f;}
.tblsubmitapp .bs-wizard > .bs-wizard-step.complete+div.bs-wizard-step.disabled >a.bs-wizard-dot::after{opacity:1;background: #53a93f !important;}
/*END Form Wizard*/
.tblsubmitapp tbody>tr>td
{
  padding:5px !important;
}

/* app id  */
.tbldash .fa-cicle{
    font-size: 10px;
    margin: 1px 1px 5px 0px;
    padding-right: 0px;
    border-style: none;
    color: #f16e00;
}

/*image tab*/
.ul_imgdraw{margin:0;}
          .ul_imgdraw li
          {
            margin-bottom: 2%;
            width:33%;
            /*text-align: center !important;*/
            padding:0;

          }
          .ul_imgdraw li p
          {
            font-size:14px;
            color:#444;
            
            font-weight: bold;

          }
          .ul_imgdraw .fa-camera
          {
            margin-left:5%;
          }

          /*engineer tab*/
          .tabs-engineers > li > a
        {
          font-weight: bolder;
          color:#777;
          font-size:11px;
          border-top: 2px solid transparent !important;
          box-shadow: 0 -2px 3px 0 rgba(255,255,255,.15);
          border-bottom:1px solid #ddd !important; 
        }
        .tabs-engineers > li.active > a, .tabs-engineers > li.active > a:hover, .tabs-engineers > li.active > a:focus {
              border-top: 1px solid grey !important;
              z-index: 9;
          }
          .tabs-engineers > li.active > a, .tabs-engineers > li.active > a:hover, .tabs-engineers > li.active > a:focus
          {
            box-shadow: none !important
          }

             .tabs-flat > li.active > a, .tabs-flat > li.active > a:hover, .tabs-flat > li.active > a:focus {
              border-top: 1px solid grey !important;
              z-index: 9;
          }
           .tabs-flat > li.active > a, .tabs-flat > li.active > a:hover, .tabs-flat > li.active > a:focus
          {
            box-shadow: none !important;
            font-size: 11px;
          }
          .tblphotographs
          {
            width:80%;
          }
          .tblphotographs img
          {
            margin:0 auto;
          }
  .live_buttons 
  {
    text-align: right;
  }

.form-title 
{
    padding: 0 0 8px 0 !important;
}
.tblsample{
      margin-top: 9px;
}
/*Data range picker*/
    .daterangepicker .ranges li
    {
      background: #4c4c4c !important;color:#fff !important;
    }
    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover
    {
      background-color: #53a93f !important;
      border:1px solid #53a93f !important;
      color:#fff !important;
    }
    /*Data range picker ends*/

  .tbldisc tbody>tr>td
  {
    padding:0 5px !important;
    vertical-align: middle !important;
  }
  .serch-section
  {
    padding:6px 2px;
    position: relative;
  }
/*IMP:css for modal popup custom csv button*/
  #modal_popup
  {
    position: relative;
  }
  .btndatatable
  {
    position: absolute;
    right:25px;
    font-size:12px !important;
    background-color: #ffffff;
    border:1px solid #ccc !important;
    border-radius: 0 !important;
    z-index: 9;


  }
  .btnpdf
  {
    top: 13px;
    right: 61px;
  }
.livevisitcsvtab
{
  top: 10px;
  right: 15px;

  }
  .livevisitcsvtab2{
     top: 2px;
    right: 7px;
  }

  .pgbtncsv {
    top: 38px;
    right: 10px;

}
  .btncsv
  {
    top: 13px;
    right: 15px;
  }

  .pgsubmitapp_btncsv
  {
     top: 9px;
    right: 15px;
  }
  #ModalID .DTTT_button_copy, #ModalID .DTTT_button_xls, #ModalID .DTTT_button_pdf,#ModalID .DTTT_button_csv,#ModalID .DTTT_button_print {
    position: relative;
    display:none !important;
}
.DTTT_dropdown
{
  /*Datatable dropdown align*/
    position: absolute;
    left: 1230px !important;
    min-width: 100px !important
}
.DTTT.btn-group {
    position: absolute;
    right: 20px !important;
    top: 0px;
}
/*IMP:css for modal popup custom csv button ends*/
.popupsearch
{
  padding-bottom:8px;
}

/*leave management*/
  #parent {
     height: 450px;
    }
   .trputinfo th
   {
    padding:0 !important;
   } 
   .tblexpense>tbody>tr.input_tr>td
   {
    padding:0 !important;
   }
   .tblexpense>tfoot>tr>td
   {
    padding:0 !important;
   }
   .tblexpense>tbody>tr.input_tr>td>input
   {
    border:1px solid transparent;
   }
   .tblexpense>tfoot>tr>td>input
   {
    border:1px solid transparent;
    vertical-align: middle;
   }
   .tblexpense>thead>tr.trputinfo>th.tdinput
   {
    padding:2px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #fff !important;
  
   }
   .tblexpense>thead>tr>th{ border-bottom: 1px solid #fff !important;}
   .tblexpense>thead>tr>th.thdate{width:8%;}
   .tblexpense>thead>tr.trputinfo>th.tdinput>input
   {
    width:100% !important;
      height: 28px !important;
   }

   .tblexpense1>tbody>tr.input_tr>td
   {
    padding:0 !important;
   }
   .tblexpense1>tfoot>tr>td
   {
    padding:0 !important;
   }
   .tblexpense1>tbody>tr.input_tr>td>input
   {
    border:1px solid transparent;
   }
   .tblexpense1>tfoot>tr>td>input
   {
    border:1px solid transparent;
    vertical-align: middle;
   }
   .tblexpense1>thead>tr.trputinfo>th.tdinput
   {
    padding:2px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #fff !important;
  
   }
   .tblexpense1>thead>tr>th{ border-bottom: 1px solid #fff !important;}
   .tblexpense1>thead>tr>th.thdate{width:8%;}
   .tblexpense1>thead>tr.trputinfo>th.tdinput>input
   {
    width:100% !important;
      height: 28px !important;
   }


    .expensewidget .widget-body
   {
      padding:5px 0;
   }
   .expensewidget .widget-body .outercover
   {
    padding:8px !important;
   }
   .thdigit{width:8% !important;}
   .datepicker{z-index: 9999;}

    .expensewidget {
    margin-top: 0px;
}
/*leave management ends*/
/*orgone css*/
.orgone-body
  {
    background-image:url('<?php echo base_url();?>assets/img/orgonebg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
.orgone-sidebar
    {
      background-color: #000000 !important;
      position: fixed;
      height: 100% !important;
      width: 170px;
    }

    .modal1 {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  .modal-content1 {
        margin: auto;
        display: block;
        width: 98%;
    }
    .modal1 .close {
        position: absolute;
        top: 55px;
        right: 15px;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        opacity: 1;
    }
    img#myImg {
        cursor: pointer;
    }
    
    .orgone-sidebar .sidebar-menu {
      background-color: #000000 !important;
        margin: 0;
        padding: 0;
        list-style: none;
        padding-top:23px;
        margin-left: 5px !important;
    }
    .orgone-sidebar .sidebar-menu li {
          display: block;
          padding: 0;
          margin: 0;
          border: 0;
          position: relative;
      }
    .orgone-sidebar .sidebar-menu li.orgonesidebar-header
      {
        padding-left:13px;
        color:#ffffff;
        font-size:1.9em;

      }
      .orgone-sidebar .sidebar-menu > li > a {
          color: #ffffff !important;
          border-top: 1px solid #000000;
      }
      .orgone-sidebar .sidebar-menu > li > a span
      {
        color:#f4b400;
        font-size:12px;
        font-weight: bold;
        padding-left:0 !important;
      }
      .orgoneval-cover
      {
        padding:20px 5px 50px;
      }
      .imgorgonelogo
      {
        width:30%;
        min-width: 30%;
        height:auto;
        min-height: auto;
        margin:0 auto;
      }
      
      .imgorgone_sec
      {
        
        margin:0 auto;
      }
      .img1cover .img1
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;
        margin-top:11%;

      }
      .img2cover .img2
      {
        width:120px;
        min-width: 120px;
        height:auto;
        min-height: auto;

      }
      .img3cover .img3
      {
        width:120px;
        min-width: 120px;
        height:auto;
        min-height: auto;

      }
      .img4cover .img4
      {
        width:121px;
        min-width: 121px;
        height:auto;
        min-height: auto;

      }
      .img5cover .img5
      {
        width:100px;
        min-width: 100px;
        height:auto;
        min-height: auto;

      }
      .orgonesec_cover.img1cover{margin-left:10%;}
      .orgonesec_cover.img2cover{margin-left:15%;}
      .orgonesec_cover.img3cover{margin-left:20%;}
      .orgonesec_cover.img4cover{margin-left:32%;}
      .orgonesec_cover.img5cover{margin-left:18%;}
      .orgonesec_cover
      {
        float:left;
      }
      .orgonesec_cover .figure
      {

      }
      .orgonesec_cover figcaption
      {
        font-weight: bold;
        font-size:1.2em;
        text-align: center;
      }
      .orgonesecondrow
      {
        margin-top:18%;
      }
      .orgonemsg_cover
      {
        padding:50px 100px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
      }
      .orgonemsg_cover .msg-content
      {
        font-size: 1.2em;
        padding-top:40px;
        padding-bottom: 20px
      }
      .orgonemsg_cover .msg-bot
      {
      font-size: 1.2em;
      line-height: 19px
      }
/*orgone css ends*/
.mailstatus
{
  padding:5px;
  background-color: #e8e8e8;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
#checkaction
{
	width:5% !important;
}
#save 
{
  float: left !important;
}

.msg-content {
    font-size: 1.2em;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: justify;
    color: #333;
}

.msg-bot {
    font-size: 1.2em;
    line-height: 19px;
    text-align: justify;
    color: #333;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* Small devices (tablets, 768px and up) */

.dfgnew
{
  margin-left: 172px !important;
}
/*sorting css*/
 /* tables */
 .parent_fixheader>.tablesorter thead>tr>th.header{padding:20px 12px 6px !important;}
table.tablesorter {
  font-family:arial;
  background-color: #CDCDCD;
  margin:10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #fff;
  border-right: 1px solid #ddd;
  font-size: 8pt;
  padding: 4px;
}
table.tablesorter thead tr .header {
  background-image: url(../img/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
 /* background-color:#F0F0F6;*/
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
.tablesorter
{
  margin:0 !important;
}
.parent_fixheader {
    height: 280px;
  }
.parenttab_fixheader
{
 height: 350px;
}
/*sorting css ends*/
.empmonth_title
{
  margin-left:;
}

@media (max-width: 800px)
{
  .dfgnew
  {
    margin-left: 0 !important;
  }
}




@media (min-width: 320px) {
.user-name
{
  width:100%;

}
   .imgorgonelogo
     {
      width:50%;
      min-width: 30%;
      margin-left:45%;
     }
     .orgonesec_cover.img1cover {
        margin-left: 56%;
     }
     .img1cover .img1 {
    width: 80px;
    min-width: 80px;
    height: auto;
    min-height: auto;
  
   }
   .img2cover .img2 {
    width: 80px;
    min-width: 80px;
    height: auto;
    min-height: auto;
  
   }
   .img3cover .img3 {
    width: 80px;
    min-width: 80px;
    height: auto;
    min-height: auto;
  
   }
   .img4cover .img4 {
    width: 90px;
    min-width: 90px;
    height: auto;
    min-height: auto;
  
   }

  .img5cover .img5 {
    width: 70px;
    min-width: 70px;
    height: auto;
    min-height: auto;
  
   }
  .orgonesec_cover.img1cover
   {
    margin-left: 60%;
    margin-top: 0;
   }
  .orgonesec_cover.img2cover
   {
    margin-left: 60%;
    margin-top: 5%;
   }
   .orgonesec_cover.img3cover
   {
    margin-left: 58%;
     margin-top: 5%;
   }
    .orgonesec_cover.img4cover {
        margin-left: 57%;
        margin-top: 5%;
    }
     .orgonesec_cover.img5cover {
        margin-left: 60%;
        margin-top: 5%;
    }
    .orgonesecondrow {
        margin-top: 43%;
    }
    .orgoneval-cover
      {
        padding:20px 5px 10px;
      }
   
    .orgonemsg_container
    {
      padding-left:12%;
    }
    .orgonemsg_cover {
      padding: 50px 10px 50px 148px;
    }
     .orgonemsg_cover p
     {
      text-align: justify;
     }
     .orgonemsg_cover .msg-content
     {
      padding-top:10px;
     }
     .orgone-sidebar
     {
      width:137px;
     }
     .sidebar-menu, .page-sidebar {
      width: 130px;
     }
     .orgonesec_cover figcaption
     {
      font-size:1em;
     }
     .orgone-sidebar >.sidebar-menu {
          width: 120px;
      } 
      .orgone-sidebar
      {
        width: 125px;
      }
     .orgone-sidebar .sidebar-menu li.orgonesidebar-header
     {
      font-size: 1.2em;
     }
     .orgone-sidebar .sidebar-menu > li > a
     {
      padding:5px 15px;
     }
     .orgone-sidebar .sidebar-menu > li > a span
     {
      font-size:11px;
      line-height: 1.1
     }
     .orgone-sidebar .sidebar-menu > li > a small
     {
      font-size: 75%;
     }
    .event_pgcontent
     {
      margin-left: 135px;
     }
     .empimg6{margin-left:0;}

 }
@media (min-width: 360px) {

   .page-sidebar
  {
    display:block;
  }
  .page-sidebar.menu-compact~.page-content {
    margin-left: 40px !important;
}
 .imgorgonelogo
     {
       width:50%;
      min-width: 30%;
      margin-left:45%;
     }
     .orgonesec_cover.img1cover {
        margin-left: 51%;
     }
     .img1cover .img1 {
    width: 120px;
    min-width: 120px;
    height: auto;
    min-height: auto;
  
   }
   .img2cover .img2 {
    width: 120px;
    min-width: 120px;
    height: auto;
    min-height: auto;
  
   }
   .img3cover .img3 {
    width: 120px;
    min-width: 120px;
    height: auto;
    min-height: auto;
  
   }
   .img4cover .img4 {
    width: 120px;
    min-width: 120px;
    height: auto;
    min-height: auto;
  
   }
   .img5cover .img5 {
    width: 90px;
    min-width: 90px;
    height: auto;
    min-height: auto;
  
   }
  .orgonesec_cover.img2cover
   {
    margin-left:51%;
    margin-top: 5%;
   }
   .orgonesec_cover.img3cover
   {
    margin-left: 50%;
     margin-top: 5%;
   }
    .orgonesecondrow {
        margin-top: 43%;
    }
    .orgoneval-cover
      {
        padding:20px 5px 20px;
      }
    .orgonesec_cover.img4cover {
        margin-left: 51%;
        margin-top: 5%;
    }
     .orgonesec_cover.img5cover {
        margin-left:56%;
        margin-top: 5%;
    }
    .orgonemsg_container
    {
      padding-left:12%;
    }
    .orgonemsg_cover {
      padding: 50px 10px 50px 148px;
    }
     .orgonemsg_cover p
     {
      text-align: justify;
     }
     .orgonemsg_cover .msg-content
     {
      padding-top:10px;
     }
     .orgone-sidebar
     {
      width:135px;
     }
     .sidebar-menu, .page-sidebar {
          width:170px;
      }
      #mycase .modal-dialog
      {
        width:360px;
      }
      .orgone-sidebar .sidebar-menu > li > a small {
         font-size: 80%;
      }
     .submenu li a span
      {
        padding-left:0;
      }
      .orgone-sidebar> .sidebar-menu {
            width: 130px;
        }
        .orgone-sidebar
        {
           width: 135px;
        }
        #img_headerinfo {
          padding-left: 40px;
      }
      /*.widget-body {*/
      /*    padding-left: 10px;*/
      /*}*/
      .navbar .navbar-inner .navbar-header .navbar-account .account-area {
          position: absolute;
          right: -20px !important;
      }
      .profile_img span {
    float: right;
  }
  .mmsheet-cover{padding:0;}
  .botbtncover
  {
    width:88%;
  }
  .frminst_report .posfix
  {
    position: fixed;
    top:0;
  }
  .cover_marginrole {
    margin-top: 85px;
    /* margin-top: 90px; */
}
  .livevisitcsvtab {
    top: 100px;
    right: 15px;
  }
   ul.dropdown-menu.drp-mnu {
    left: -260px;
 }
.empimg6{margin-left:0;}
.empmonth_title {
   
    margin-left: 135px;
   }
  
}
@media (min-width: 412px) {
   
    .imgorgonelogo
     {
       width:40%;
      min-width: 40%;
      margin-left:48%;
     }
     .orgonesec_cover.img1cover {
        margin-left: 50%;
     }
     .img1cover .img1 {
    width: 130px;
    min-width: 130px;
    height: auto;
    min-height: auto;
  
   }
   .img2cover .img2 {
    width: 140px;
    min-width: 140px;
    height: auto;
    min-height: auto;
  
   }
   .img3cover .img3 {
    width: 140px;
    min-width: 140px;
    height: auto;
    min-height: auto;
  
   }
   .img4cover .img4 {
    width: 140px;
    min-width: 140px;
    height: auto;
    min-height: auto;
   }
   .img4cover .img5 {
    width: 140px;
    min-width: 140px;
    height: auto;
    min-height: auto;
   }
  .orgonesec_cover.img2cover
   {
    margin-left: 50%;
    margin-top: 5%;
   }
   .orgonesec_cover.img3cover
   {
    margin-left: 50%;
     margin-top: 5%;
   }
    .orgonesecondrow {
        margin-top: 43%;
    }
    .orgoneval-cover
      {
        padding:20px 5px 20px;
      }
    .orgonesec_cover.img4cover {
        margin-left: 50%;
        margin-top: 5%;
    }
     .orgonesec_cover.img5cover {
        margin-left: 55%;
        margin-top: 5%;
    }
    .orgonemsg_container
    {
      padding-left:12%;
    }
    .orgonemsg_cover {
      padding: 50px 10px 50px 148px;
    }
     .orgonemsg_cover p
     {
      text-align: justify;
     }
     .orgonemsg_cover .msg-content
     {
      padding-top:10px;
     }
     .navbar .navbar-inner .navbar-header .navbar-account .account-area {
    position: absolute;
    right: 0 !important;
    width: 50% !important;
}
  .livevisitcsvtab {
    top: 102px;
    right: 15px;
  }
  ul.dropdown-menu.drp-mnu {
    left: -260px;
 }
 .empimg6{margin-left:0;}
  .empmonth_title {
   
    margin-left: 130px;
   }
}



@media (min-width: 480px) {
 
 .page-sidebar
  {
    display:block;
  }
  .page-sidebar.menu-compact~.page-content {
    margin-left: 40px;
}
 .event_pgcontent .imgorgonelogo
   {
     width:30%;
      min-width: 30%;
      margin-left:48%;
   }

.img1cover .img1 {
    width: 115px;
    min-width: 115px;
    height: auto;
    min-height: auto;
  
   }
   .img2cover .img2 {
    width: 90px;
    min-width: 90px;
    height: auto;
    min-height: auto;
  
   }
   .img3cover .img3 {
    width: 90px;
    min-width: 90px;
    height: auto;
    min-height: auto;
  
   }
   
   .orgonesec_cover.img1cover
   {
    margin-left: 38%;
   }
   .orgonesec_cover.img3cover
   {
    margin-left: 56%;
   }
    .orgonesecondrow {
        margin-top: 43%;
    }
    .orgonesec_cover.img4cover {
        margin-left: 38%;
    }
     .orgonesec_cover.img5cover {
        margin-left: 14%;
    }
    .orgonemsg_container
    {
      padding-left:12%;
    }
    .orgonemsg_cover {
      padding: 50px 10px 50px 100px;
    }
  .botbtncover
  {
    width: 90%;
  }
  ul.dropdown-menu.drp-mnu {
    left: -260px;
  }
  .empimg6{margin-left:0;}
  .empmonth_title {
   
    margin-left: 120px;
   }

 }
 @media (min-width: 512px) {
   .page-sidebar
  {
    display:block;
  }
  .widget-title,.posfix
  {
    width:96%;
  }


.sticky-header .header-section{
  position:absolute;


}
#checkaction
{
  width:7%;
}
.widget-title,.posfix
{
  width:82%;
}
.grid_box1 {
    margin:0;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li:nth-child(2){width:5% !important;}
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li:first-child{width:80% !important;text-align: right}
.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:-15px !important;width:50%;}
.pghead_name
{
  margin-left:0;
}
.eng_headerbtns
{
  float:right;
}

.login-submenu.dropdown-menu.drp-mnu
{
 left:-268px;
}
.pglogin input[type=text], .pglogin input[type=password]
   {
   padding: 60px 2px 30px 26px;  
   }
   .imgorgonelogo
   {
     width:55%;
     min-width: 30%;
     margin-left:24%;
   }
   .img1cover .img1 {
    width: 158px;
    min-width: 158px;
    height: auto;
    min-height: auto;
  
   }
   .img2cover .img2 {
    width: 100px;
    min-width: 100px;
    height: auto;
    min-height: auto;
  
   }
   .img3cover .img3 {
    width: 100px;
    min-width: 100px;
    height: auto;
    min-height: auto;
  
   }
   
   .orgonesec_cover.img1cover
   {
    margin-left: 30%;
   }
   .orgonesec_cover.img2cover
   {
    margin-left: 17%;
   }
   .orgonesec_cover.img3cover
   {
      margin-top: 4%;
      margin-left: 56%;
   }
    .orgonesecondrow {
        margin-top: 25%;
    }
    .orgonesec_cover.img4cover {
        margin-left: 34%;
    }
     .orgonesec_cover.img5cover {
        margin-left: 18%;
    }
    .orgonemsg_container
    {
      padding-left:12%;
    }
    .orgonemsg_cover {
    padding: 50px 30px 50px 150px;
  }
  .botbtncover
  {
    width: 92%;
  }
  .pghead_name {
     margin-left: 0; 
    }
    .cover_marginrole
    {
      margin-top: 80px;
    }
    .livevisitcsvtab {
    top: 100px;
    right: 15px;
    }
    .orgoneval-cover {
    padding: 20px 5px 20px 90px;
    }
    .empimg6{margin-left:0;}
    .empmonth_title {
   
    margin-left: 120px;
    }
 }
@media (min-width: 768px) { 
  .page-sidebar
  {
    display:block;
  }
  .widget-title,.posfix
  {
    width:96%;
  }
  .page-sidebar .sidebar-menu
  {
    margin-left:0;
  }

.page-content
{
  margin-left: 170px;
}

.sticky-header .header-section{
	position:absolute;


}
#checkaction
{
	width:7%;
}
.widget-title,.posfix
{
  /*width:82%;*/
}
.grid_box1 {
    margin:0;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li:nth-child(2){width:5% !important;}
    .navbar .navbar-inner .navbar-header .navbar-account .account-area>li:first-child{width:80% !important;text-align: right}
.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:-50px !important;width:50%;}
.pghead_name
{
  margin-left:0;
}
.eng_headerbtns
{
  float:right;
}
.login-submenu
{
  left:-260px;
}
.pglogin input[type=text], .pglogin input[type=password]
   {
   padding: 60px 2px 30px 26px;  
   }
   .imgorgonelogo
   {
     width:30%;
      min-width: 30%;
    margin-left:44%;
   }
   .img1cover .img1 {
    width: 180px;
    min-width: 180px;
    height: auto;
    min-height: auto;
  
   }
   .img2cover .img2 {
    width: 150px;
    min-width: 150px;
    height: auto;
    min-height: auto;
  
   }
   .img3cover .img3 {
    width: 150px;
    min-width: 150px;
    height: auto;
    min-height: auto;
  
   }
   .img4cover .img4 {
    width: 150px;
    min-width: 150px;
    height: auto;
    min-height: auto;
  
   }
    .img5cover .img5 {
    width: 120px;
    min-width: 120px;
    height: auto;
    min-height: auto;
  
   }
   
   .orgonesec_cover.img1cover
   {
    margin-top:6%;
    margin-left: 16%;
   }
   .orgonesec_cover.img2cover {
        margin-left: 22%;
    }
   .orgonesec_cover.img3cover
   {
    margin-left: 43%;
   }
    .orgonesecondrow {
        margin-top: 25%;
    }
    .orgonesec_cover.img4cover {
        margin-top: 5%;
        margin-left: 28%;
    }
     .orgonesec_cover.img5cover {
        margin-left: 22%;
    }
    .orgonemsg_container
    {
      padding-left:12%;
    }
    .orgonemsg_cover {
    padding: 50px 10px 50px 150px;
  }
 .orgoneval-cover {
      padding: 40px 5px 10px;
    }
    #img_headerinfo {
   /* left: 35px;*/
    padding-left: 0;
}
.livevisitcsvtab {
    top: 95px;
    right: 15px;
}
.event_pgcontent
  {
    margin-left:135px;
  }
#img_headerinfo {
    margin-left: 45px;
}
.botbtncover {
  width: 90%;
}
.logpadding {
    padding: 16px 8px 0 5px;
}
.empimg6{margin-left:0;}
.empmonth_title {
   
    margin-left: 120px;
}
}/*768 ends*/

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.sticky-header .header-section{
	position:fixed;
	
}
.widget-title,.posfix
{
  width:83%;
}
.grid_box1 {
    margin:0;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:5px !important;width:20%;}
.img1cover .img1
      {
        width:200px;
        min-width: 200px;
        height:auto;
        min-height: auto;
        margin-top:22%;

      }
      .img2cover .img2
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .img3cover .img3
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .img4cover .img4
      {
        width:190px;
        min-width: 190px;
        height:auto;
        min-height: auto;

      }
      .img5cover .img5
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .orgonesec_cover.img1cover{margin-top:1.2%;margin-left:0;}
      .orgonesec_cover.img2cover{margin-left:8%;}
      .orgonesec_cover.img3cover{margin-left:10%;}
      .orgonesec_cover.img4cover{margin-left:25%;}
      .orgonesec_cover.img5cover{margin-left:15%;}
      .orgonemsg_container
      {
        padding-left:0;
      }
       .orgonesec_cover
      {
        float:left;
      }
      .imgorgonelogo {
         width:30%;
        min-width: 30%;
        margin-left:30%;
        }
        .orgoneval-cover {
          padding: 40px 5px 10px;
        }
      .event_pgcontent
              {
                margin-left:135px;
              }

      .page-sidebar.menu-compact .sidebar-menu>li>a .menu-text
        {
            display: none;
        }

        .widget-title, .posfix {
          width: 95%;
        }
        .page-content
        {
          margin-left: 170px;
        }

}

/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1200px), screen and (min-height: 750px) {
.sticky-header .header-section {
position: absolute;

}
.widget-title,.posfix
{
  /*width:83%;*/
  z-index: 99;
}
/*.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:5px;width:20%;}
*/
.posfix
{
 position: fixed;
 top: 117px;

}



}

@media (min-width: 1200px) { 

.sticky-header .header-section{
	position:fixed;


}
 .page-content {
    margin-left: 160px;
   }
#checkaction
{
	width:8% !important;
}
.name-width
{
  width:30% !important;
}
.modify-width
{
  width:10% !important;
}
.tbltaskdetail_width
{
  width:1650px;
}
.widget-title,.posfix
{
 
  /*width:87.5% !important;*/
}
.widget-title, .posfix {
    /* width: 87%; */
    width: 97.5% !important;
}
.widget-title
{
      height: 44px;
}

/*IMP for header*/
.navbar .navbar-inner .navbar-header .navbar-account .account-area{
  position: absolute;right: -82px !important;width:50%;}
 .navbar-collapse.collapse{display:none !important;}
 .navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
    height: 35px !important;
    min-width:10px !important;
    padding: 7px 5px 10px 5px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li:nth-child(2)
{
  width:6% !important;
}
 .page-sidebar, .page-sidebar::before
      {
        width:155px;
          box-shadow:-5px 0 #000;
        -webkit-box-shadow:-5px 0 #000;
        -moz-box-shadow:-5px 0 #000;
        -ms-box-shadow:-5px 0 #000;
        -o-box-shadow:-5px 0 #000;
      }
       .sidebar-menu, .page-sidebar {
    width: 160px;
   }

 .DTTT_dropdown
{
  /*Datatable dropdown align*/
    position: absolute;
    left: 1155px !important;
    min-width: 100px !important
}
/*IMP for header ends*/
.img1cover .img1
      {
        width:220px;
        min-width: 220px;
        height:auto;
        min-height: auto;
        margin-top:22%;

      }
      .img2cover .img2
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .img3cover .img3
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .img4cover .img4
      {
        width:190px;
        min-width: 190px;
        height:auto;
        min-height: auto;

      }
      .img5cover .img5
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .orgonesec_cover.img1cover{margin-top:0.5%;margin-left:0;}
      .orgonesec_cover.img2cover{margin-left:15%;}
      .orgonesec_cover.img3cover{margin-left:15%;}
      .orgonesec_cover.img4cover{margin-left:25%;}
      .orgonesec_cover.img5cover{margin-left:15%;}
      .orgonemsg_container
      {
        padding-left:0;
      }
       .orgonesec_cover
      {
        float:left;
        /*height:200px;*/
        /*vertical-align: baseline !important; */
        

      }
      .imgorgonelogo {
       width:30%;
        min-width: 30%;
        /*margin-left:30%;*/
         margin:0 auto;
        }
           .orgone-sidebar> .sidebar-menu {
            width: 160px;
        }
        .orgone-sidebar
        {
           width: 165px;
        }
        
        .orgoneval-cover {
          padding: 40px 5px 10px;
        }
        .event_pgcontent
        {
          margin-left:160px;
        }
        #mycase .modal-dialog {
          width: 1200px;
        }
        #img_headerinfo {
          margin-left: 162px;
        }
     .botbtncover {
    width: 90%;
    margin-left: 160px;
}

}
@media screen and (min-width: 1300px) {
  .pg_breadcrumb {
    position: fixed;
    /*top: 64px;*/
    top: 68px;
    left: 158px;
  }
  .page-content {
    margin-left: 160px;
   }
   .sidebar-menu, .page-sidebar {
    width: 160px;
   }
  
  .widget-title
    {
      width:88% !important;
    }
    .posfix
    {
      position: fixed;
      top: 148px;
      width: 87.5% !important;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area
    {
      position: absolute;right: -82px !important;width:53%;
    }
     .navbar-collapse.collapse{display:none !important;}
     .navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
    height: 35px !important;
    min-width:10px !important;
    padding: 7px 5px 10px 5px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li:nth-child(2)
{
  width:6% !important;
}
.nofitications-dropdown li .dropdown-menu:before, .drp-mnu:before
{
  position: absolute;
  /*left:2%;*/
  left:5%;
}


.user-name
{
  width:100%;
}
 .img1cover .img1
      {
        /*width:160px;
        min-width: 160px;*/
        width:160px;
        min-width: 160px;
        height:auto;
        min-height: auto;
        margin-top:18%;

      }
      .img2cover .img2
      {
        width:140px;
        min-width: 140px;
        height:auto;
        min-height: auto;

      }
      .img3cover .img3
      {
        width:140px;
        min-width: 140px;
        height:auto;
        min-height: auto;

      }
      .img4cover .img4
      {
        width:140px;
        min-width: 140px;
        height:auto;
        min-height: auto;

      }
      .img5cover .img5
      {
        width:130px;
        min-width: 130px;
        height:auto;
        min-height: auto;

      }
      .orgonesec_cover.img1cover{margin-top:5%;margin-left:5%;}
      .orgonesec_cover.img2cover{margin-left:15%;}
      .orgonesec_cover.img3cover{margin-top:5%; margin-left:20%;}
      .orgonesec_cover.img4cover{margin-top:6.5%;margin-left:32%;}
      .orgonesec_cover.img5cover{margin-left:18%;}
      .orgonemsg_container
      {
        padding-left:0;
      }
       .orgonesec_cover
      {
        float:left;
        /*height:200px;*/
        /*vertical-align: baseline !important; */
        

      }
      .imgorgonelogo {
         width:30%;
         min-width: 30%;
        margin:0 auto;
        }
        .orgonesecondrow {
          margin-top: 2%;
      }
      .page-sidebar, .page-sidebar::before
      {
        width:155px;
          box-shadow:-5px 0 #fff;
        -webkit-box-shadow:-5px 0 #fff;
        -moz-box-shadow:-5px 0 #fff;
        -ms-box-shadow:-5px 0 #fff;
        -o-box-shadow:-5px 0 #fff;
      }
      .login-submenu
      {
        left:-265px;
      }
      .orgone-sidebar .sidebar-menu li.orgonesidebar-header {
          font-size: 1.8em;
      }
      .orgone-sidebar .sidebar-menu > li > a small {
          font-size: 92%;
      }
      .orgone-sidebar .sidebar-menu > li > a {
          padding: 10px 15px;
      }
      #mycase .modal-dialog {
          width: 1200px;
      }
      #img_headerinfo {
        left: -10px;
        padding-left: 0 !important;
    }

     .orgone-sidebar> .sidebar-menu {
            width: 160px;
        }
        .orgone-sidebar
        {
           width: 165px;
        }
        .imgorgonelogo {
        margin:0 auto;
        }
        .livevisitcsvtab {
          top: 0;
          right: 15px;
      }
      .livevisitcsvtab2 {
          top: 0;
          right: 7px;
      }

      .logpadding {
       padding: 10px 8px 0 5px;
      }
      .botbtncover {
       width: 88%;
       /*margin-left: 160px*/
       margin-left: 0; /*for eng entry page*/
    }
    .empmonth_title {
    margin-left: 0;
    }
    .empimg6 {
    margin-left: 75px;
   }
}

/* Large devices (large desktops, 1400px and up) */
@media screen and (min-width: 1400px) {

.sticky-header .header-section{
	position:fixed;
	/*height:4.5%;*/

}
.sticky-header .logo {
	 /*padding:0.4em 0 0.4em 1em;*/
}
.widget-title,.posfix
{
  /*width:87%;*/
  width:88%; /*for create role*/
}

/*IMP for header*/
.navbar .navbar-inner .navbar-header .navbar-account .account-area{
  position: absolute;right: -82px !important;width:50%;}
 .navbar-collapse.collapse{display:none !important;}
 .navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
    height: 35px !important;
    min-width:10px !important;
    padding: 7px 5px 10px 5px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li:nth-child(2)
{
  width:6% !important;
}

.DTTT_dropdown
{
  /*Datatable dropdown align*/
    position: absolute;
    left: 1318px !important;
    min-width: 100px !important
}
/*IMP for header ends*/
.img1cover .img1
      {
        width:223px;
        min-width: 223px;
        height:auto;
        min-height: auto;
        margin-top:22%;

      }
      .img2cover .img2
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .img3cover .img3
      {
        width:150px;
        min-width: 150px;
        height:auto;
        min-height: auto;

      }
      .img4cover .img4
      {
        width:190px;
        min-width: 190px;
        height:auto;
        min-height: auto;

      }
      .img5cover .img5
      {
        width:131px;
        min-width: 160px;
        height:auto;
        min-height: auto;

      }

      .orgonesec_cover.img1cover{margin-top:0.5%;margin-left:0;}
      .orgonesec_cover.img2cover{margin-left:15%;}
      .orgonesec_cover.img3cover{margin-left:20%;}
      .orgonesec_cover.img4cover{margin-left:25%;}
      .orgonesec_cover.img5cover{margin-left:15%;margin-top:6.5%;}
      .orgonemsg_container
      {
        padding-left:0;
      }
       .orgonesec_cover
      {
        float:left;
        /*height:200px;*/
        /*vertical-align: baseline !important; */
        

      }
      .imgorgonelogo {
        margin:0 auto;
        }
       .orgone-sidebar> .sidebar-menu {
            width: 160px;
        }
        .orgone-sidebar
        {
           width: 165px;
        }
        .orgone-sidebar .sidebar-menu li.orgonesidebar-header {
            font-size: 1.8em;
        }
        .orgone-sidebar .sidebar-menu > li > a span {
            font-size: 13px;
            line-height: 1.1;
        }
        .orgone-sidebar .sidebar-menu > li > a small {
              font-size: 98%;
          }
          .orgone-sidebar .sidebar-menu > li > a {
            padding: 10px 15px;
        }
.botbtncover {
    width: 90%;
    margin-left: 160px;
}
 .empmonth_title {
    margin-left: 0;
    }
    .empimg6 {
    margin-left: 75px;
   }
}

@media (min-width: 1500px) { 

.sticky-header .header-section{
position:fixed;
//height:5%;

}
.sticky-header .logo {
padding:0.4em 0 0.4em 1em;
}
.indicators>div
{
padding-right:2%;
}
.tbltaskdetail_width
{
  width:1604px;
}
.widget-title,.posfix
{
  width:87%;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:5px !important;width:20%;}

.navbar-collapse.collapse{display:none !important;}
.DTTT_dropdown
{
  /*Datatable dropdown align*/
    position: absolute;
    left: 1200px !important;
    min-width: 100px !important
}
 .empmonth_title {
    margin-left: 0;
    }
    .empimg6 {
    margin-left: 75px;
   }
}/*1500 ends*/
@media (min-width: 1600px) {
  .sticky-header .header-section{
position:fixed;
//height:5%;

}
.sticky-header .logo {
padding:0.4em 0 0.4em 1em;
}
.indicators>div
{
padding-right:2%;
}
.tbltaskdetail_width
{
  width:1604px;
}
.widget-title,.posfix
{
  width:87%;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area{position: absolute;right:5px !important;width:20%;}

.navbar-collapse.collapse{display:none !important;}
.DTTT_dropdown
{
  /*Datatable dropdown align*/
    position: absolute;
    left: 1200px !important;
    min-width: 100px !important
}
 .empmonth_title {
    margin-left: 0;
    }
    .empimg6 {
    margin-left: 75px;
   }

  }/*1600*/
  .nobordrad
  {
    border-radius: 0 !important;
  }
  img.imgthum
  {
    width: 150px;
    height: auto;
  }
  .circfin
  {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 5px;
    border: 1px solid #3889a1;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #3889a1;
  }
  .icorep
  {
    width: 20px;
    height: 20px;
  }
  /*To be put on live start*/
  .blbg
  {
    background: #000;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }
  .bgfis
  {
    background: #f7907b;
  }
  .larfonew
  {
    font-size: 14px !important;
    font-weight: bold !important;
  }
  .smfonew
  {
    font-size: 12px !important;
    font-weight: bold !important;
  }
  .bgsec
  {
    background: #ffce55;
  }
  .bgthir
  {
    background: #70daf5;
  }
  .bgfort
  {
    background: #a0d468;
  }
  .blcusse td
  {
    font-size: 11px !important;
  }
  /*To be put on live end*/
  .checkpos
  {
    left: 9px !important;
  }
  .checkpos1
  {
    left: 16px !important;
  }