﻿.zegaBackImgSet{
    background-repeat:no-repeat;
    background-size:cover;
    margin:0px;
    padding:0px;
    position:relative;
}

.gridHeaderHeight{
    height:30px;
    padding-top:5px;
}

.ui-grid-viewport {
    overflow-anchor: none;
}

.ps_select:focus::-ms-value{
  background-color: transparent;  /*make the select background transparent in ie */
  color: white;
 }

.ellipsis{
    padding:0px 5px;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.grid{
    height:310px;  
    width:100%;
}

.loginVersionPos{
    position:absolute;
    bottom:0;
}

.float_left{
    float:left;
    width:100%;
}

.footer_main{
    float:left;
    width:100%;
    position:fixed;
    bottom:0;
    font-size:12px;
}

.breakWord{
        word-wrap: break-word;
}

.txt_center{
    text-align:center;
}

.footer_Container{
    float:left;
    width:100%;
    margin:0;
    padding:0 0 5px 5px;
}

.versionPos{
    margin-right:10px;
}

.zega_font{
    font-family:font calibri;
}

.black_Color{
    color:#000000;
}

.pink_color{
    background-color:#ffb4b5;
}

.green_color{
    background-color:#63ff76;
}

.yellow_color{
    background-color:#fbfa6f;
}

.light_red_color {
    background-color: #fcd9da;
}

.light_yellow_color {
    background-color: #ffffc2;
}

.light_green_color {
    background-color: #c9ffd0;
}

.dark_blue{
    background-color:#0C7CA1 !important;
}

.blue_color{
    color:#0e7ba1;
}

.blue_background_color {
    background-color: #0e7ba1;
}

.comment_backColor{
    background-color:#86ddf5;
}

.grey_color{
    color:#898989;
}

.boldTxt{
    font-weight:bold;
}

p{
    margin:0;
    padding:0;
}

.box_Container_Main{
    float:left;
    width:100%;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.33);
}

.formContainer{
    border-radius:10px;
}

.txtContainer{
    border-radius:10px 0 0 10px;
}

.btnZega{
    float:left;
    background-color:rgba(14, 123, 161, 0.75);
    border-radius:5px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    
}

.gridContainerArea{
    float:left;
    width:100%;
    background-color:rgba(255,255,255,0.85);
    box-shadow: 1px 2px 10px 2px #adadad;
}

.gridContainerHead{
    float:left;
    width:100%;
}

.gridContainerHeadInner {
    float:left;
    width:100%;
    padding: 10px;
}

.gridContentContainer {
    float:left;
    width:100%;
}

.grid_header_color{
    background-color:#3d9bb7;
    color:#FFFFFF;
    word-wrap: break-word;
}

.grid_header_color input{
    color: #000000;
    font-weight: normal;
}
.whiteFont{
    color:white;
}
.padding_Zero{
    padding:0px;
}
.blue_background{
    background-color :#0e7ba1;
}

.red_color{
    color:#ed1313;
}

.greenSuccess_color{
    background-color:#019002;
}

.grid_header_color1111{

}

.extraZindex{
    z-index:2000;
}

.errorCloseBtn{
    float:right;
    width:50px;
    background-color:#e53935;
}

.successCloseBtn{
    float:right;
    width:50px;
    background-color:#019002;
}

.errorTxt{
    padding:5px 10px;
    color:red;
}

.successTxt{
    padding:5px 10px;
    color: #019002;
}

.red_background{
    background-color:#e53935;
}


.ui-grid-cell-contents {
    word-wrap: break-word;
    white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
    height: auto !important;
}


.ui-grid-row div[role=row] {
    display: flex;
    align-content: stretch;
}

.ui-grid-row div[role=rowgroup] {
    display: flex;
    align-content: stretch;
}

.common_gridContainer {
    width: 99%;
    margin: 5px;
}

/*tesst*/

/*.ui-grid-row {
    clear: both;
}
*/
/*[ui-grid-row] {
    display: table-row;
}
.ui-grid-row, .ui-grid-cell {
    height: auto !important;
}
.ui-grid-cell {
    display: table-cell;
}
.ui-grid-header-cell, .ui-grid-cell-contents {
    white-space: normal;
    padding: 2px;
    word-break: break-word;
}

.common_gridContainer {
    width: 99%;
    margin: 5px;
}*/

.expandableRow{
/*    width: 100% !important;*/
    position: relative;
}
/*.expandableRow .ui-grid-viewport{
    width: 100% !important;
}*/

.removeGrid_margin {
    padding: 0px;
}

.no-pinned-col {
    .ui-grid-pinned-container-left.ui-grid-pinned-container{
        display: none;
        .ui-grid-render-container-left{
            display: none;
        }
    }
    .ui-grid-render-container.ui-grid-render-container-body{
        margin-left: 0 !important;
    }
}

.expanded_gridbody {
    .ui-grid-render-container-body .ui-grid-viewport, .ui-grid-render-container-body .ui-grid-header-viewport{
        width: fit-content !important;
    }
}

.expandedGridContainer{
    width: calc(100% - 30px);
}

.common_showTopRecords {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    border: none;
    /*border-bottom: 1px solid #C0C0C0;*/
}

.common_exportBtn{
     cursor: pointer;
     float:left;
     padding: 5px 6px 2px 12px;
}

.common_datePicker{     
     float:left;
}

input:focus {
    outline:none;
}

*:focus {
    outline: none;
}

.drpDown{
    width:43px;
    border:none;
    border-bottom: 1px solid #C0C0C0;
}

.fontSizeBold{
    font-size:16px;
}

.modalBtnBlueColor{
    background-color:#0e7ba1;
}

.common_paginationContainer{
	float: right;
	/*width: 44%;*/
    margin-right:0px;
}

.ui-grid-header-cell {   
  vertical-align: middle !important;
}

.borderNone{
    border:none !important;
}
.heightFull{
    height:100%;
}

/* For Loader */
.overlay {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10000000;
	-moz-opacity: 0.7;
	opacity: .70;
	overflow-y: scroll;
}

.loader
{
	width:200px;
	height:200px;
	position: fixed;
    background-color: rgba(230, 230, 230, 0);
    left: 41%;
    top: 33%;
    z-index: 100000001;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  border-bottom:1px solid #d7d7d7;
}

.ui-grid-row:nth-child(even) .ui-grid-cell{
    background-color:transparent;
    border-bottom:1px solid #d7d7d7;
}

.ui-grid-row:last-child .ui-grid-cell {
    border-bottom:1px solid #d7d7d7;
}

/*--  scrollbar css  --*/

/*::-webkit-scrollbar {
  width: 8px;
  height:8px;
}
 
::-webkit-scrollbar-track {
  background: #ddd;
}
 
::-webkit-scrollbar-thumb {
  background: #666; 
}*/


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0e7ba1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0e7ba1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #0e7ba1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #0e7ba1;
}

input[type=text]::-ms-clear { display: none; }

input[type=password]::-ms-clear { display: none; }

.watermark {
    position: absolute;
    top : 80px;
    opacity: 0.25;
    font-size: 3em;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

select::-ms-expand {
    display: none;
}

select {
    -ms-transform:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    background-image: url('../../images/512px-Angle_down_font_awesome.svg.png');
    background-size: 20px;
    background-position: right 0px center;
    text-indent: 0.01px;
    background-repeat:no-repeat;
    text-overflow: '';
    padding-right: 20px;
}

