body {
    /*    margin:0px;
    padding:0px;
    width:100%;
    height:100%;*/

    /*background-image: url('../images/backgroundmain.jpg');*/
    background-position: center;
    background-repeat: repeat;
    /*color: #272626;*/
}
html
{
    height:100%;
}
.pklabel
{
    text-decoration:none;
    font-size:14px;
    font-family:Poppins;
    font-style:normal;
    font-variant:normal;
    
    color:#000;
}
.pklabellink
{
    text-decoration:none;
    font-size:small;
    font-family:Poppins;
    font-style:normal;
    font-variant:normal;
    
    color:Blue;
}
.pklabellink:hover
{
    text-decoration:underline;
    cursor:pointer;
    
    color:#00f;
}
.pklabelerror
{
    text-decoration:none;
    font-size:small;
    font-family:'Poppins';
    font-style:normal;
    font-variant:normal;
    
    color:#f00;
    padding-right:10px;
}

.pkinput
{
    width: 100%;
    padding: 0.200rem 0.60rem;
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;

    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #313131;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D5D5D5; 
    border-radius: 4px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.pkinput:disabled
{
    background-color: #EBEFF2;
    opacity: 1;
}

.pkinputLovTxtID
{
    -webkit-transition: box-shadow 0.30s ease-in-out;
    -moz-transition: box-shadow 0.30s ease-in-out;
    -ms-transition: box-shadow 0.30s ease-in-out;
    -o-transition: box-shadow 0.30s ease-in-out;
    
    outline: none;
    border: 2px solid #ddd;
    
    color:#00f;
     font-family:'Poppins';
   font-size :14px;
    height : 25px;
  
}
.pkinputGrid
{
    -webkit-transition: box-shadow 0.30s ease-in-out;
    -moz-transition: box-shadow 0.30s ease-in-out;
    -ms-transition: box-shadow 0.30s ease-in-out;
    -o-transition: box-shadow 0.30s ease-in-out;
    
    outline: none;
    border: none;
    
    color:#00f;
      font-family:'Poppins';
   font-size :14px;
}
.pkinputDesc
{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #313131;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ced4da; 
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.pkradio input
{    
    float: left;
}
.pkradio label
{   
    float: left;
    display: block;
    text-align: left;
}
.pkradiocustom input[type=radio] {
		display:none;
	}

.pkradiocustom input[type=radio] + label {
		display:inline-block;
		margin:-2px;
		padding: 2px 5px;
		width:77px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 20px;
		color: #eee;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#666,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#666),to(#888));
		background-image: -webkit-linear-gradient(top,#666,#888);
		background-image: -o-linear-gradient(top,#666,#888);
		background-image: linear-gradient(to bottom,#666,#888);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	}

.pkradiocustom input[type=radio]:checked + label, input[type=checkbox]:checked + label{
    background-image: none;
    outline: 0;
    width:77px;
    -webkit-box-shadow: inset 0 2px 4px rgba(255,255,255,0.15),0 1px 2px rgba(255,255,255,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(255,255,255,0.15),0 1px 2px rgba(255,255,255,0.05);
    /*box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    background-color:#06a;*/
}

.pkDivLovTextboxID
{
    float: left;
   
    padding-right:7px;
}
.pkDivLovTextboxAmount
{
    float: left;
    width: 170px;
    padding-right:7px;
}
.pkDivLovTextboxDesc
{
    float: left;
    width: 200px;
}
.pkDivLovTextboxDescSingle
{
    float: left;
    width: 177px;
}
.pkDivLovImgButton
{
    float: left;
    vertical-align:middle;
}
.pkinput:focus
{
    color: #313131;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.25);
    outline: 0;
    -webkit-box-shadow: none, none;
    box-shadow: none, none;
}

.pkbutton
{
    font-family:Poppins;
    font-size:small;
    
    color: #fff;
    background: #3498db;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    border: solid transparent 2px;
    border-radius: 2px;
    margin: 0px 3px 0px 3px;
    
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.pkbutton:hover
{
    color:#000;
    background: #3cb0fd;
    
    text-decoration: none;
    cursor:pointer;
}

.pkbutton[disabled]
{ 
    /*font-family:Poppins;
    font-size:small;
    
    color: #fff;*/
    background: #cecece;
    /*padding: 2px 20px 2px 20px;
    text-decoration: none;
    border: solid transparent 2px;
    border-radius: 2px;*/
}

/*
.avoCheckBox input[type="checkbox"] {
    display: grid;
    place-content: center;
}

.avoCheckBox input[type="checkbox"]::before {
    content: "";
    width: 1em;
    height: 1em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.avoCheckBox input[type="checkbox"]:checked::before {
  background-color: #2196F3 !important;
  transform: scale(1);
}*/

.avoCheckBox label
{
    display:inline-block;
    white-space:nowrap;
    
    margin-left: 10px;
    text-decoration:none;
    font-size:small;
    font-family:Poppins;
    font-style:normal;
    font-variant:normal;
    
    color:#000;
}

.avoPanel
{
    overflow:auto !important;
}

.ajax__tab_panel
{
    overflow:auto !important;
}

.pkbuttonmenu
{
    /*font-family:Calibri;
    font-size:medium;*/
    /*text-transform: uppercase;*/
    /*color: #fff;
    background: #3498db;
    padding: 2px 2px 2px 2px;
    text-decoration: none;*/
    /*border: solid transparent 2px;*/
    /*text-decoration: none;
  display: inline-block;
  border:none;*/
    /*border-radius: 2px;*/
    /*margin: 0px 1px 0px 1px;
    height:50%;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    min-width:100px;
    border-radius:6px;*/
      background: #3498db;
  border: none;
  color: #fff;
 padding: 2px 2px 2px 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family:Calibri;
    font-size:medium;
  margin: 0px 1px 0px 1px;
   height:65%;
   -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
     min-width:100px;
}
.pkbuttonmenu:hover
{
    color:#000;
    background: #3cb0fd;
    
    text-decoration: none;
    cursor:pointer;
}

.pkbuttonmenu:disabled
{ 
    font-family:Poppins;
    font-size:small;
    
    color: #fff;
    background: #cecece;
    /*padding: 2px 20px 2px 20px;*/
    text-decoration: none;
    border: solid transparent 2px;
    border-radius: 2px;
}

.avoTable td
{
    vertical-align:top;
}

.avoTDLabel
{
    padding-top:3px;
}



.BtnAvoLov
{
    background-image: url("../images/Lov/magnifiersmall.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent;
    cursor: pointer;
    border: 0px;
    height: 25px;
    width: 25px;
    outline-width: 0px;
}
.BtnAvoLov[disabled]
{
    background-image: url("../images/Lov/magnifiersmall2.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent;
    cursor: pointer;
    border: 0px;
    height: 25px;
    width: 25px;
    outline-width: 0px;
}

.PanelDocument
{
    margin-top:10px;
    background-color: white;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 3px 0px;
}

.PanelBorder{
    /*border: 1px solid #5BC2DC;*/
}
.LabelGrid{
    display:inline-block;
    vertical-align:middle;
}

.MarginRight{
    margin-right:20px !important;
}
.BtnSave{
        background: #06b640 !important;
}
.BtnCancel{
        background: #fa791a !important;
}
.FontBig{
        font-size: 11pt !important;
        margin: 5px 5px 5px 5px !important;
        padding: 10px 10px 10px 10px !important;
}

.CaptionRightSide
{
    padding-left:15px;
    text-align:left;
}
.CaptionLeftSide
{
    padding-left:15px;
    text-align:left;
}

/*Override tab panel to redesign tab panel*/
/*Note : Dont ask me what im doing here, this is asp css class*/
/*Tab Panel or Body Panel*/
.ajax__tab_xp .ajax__tab_body{
    position: relative;
    display: inline-block;
    /*color: #bfc7c1;*/
    color: black;
    padding: 15px !important;
    border: unset;
    border-radius: 5px;
    line-height: 20px;
    border-bottom: 0;
    font-weight: 600;
}

/*Tab Container*/
.ajax__tab_outer{
    display: inline-block;
    color: #bfc7c1;
    border: 1px solid #C2CFE0;
    border-radius: 4px;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 700;
}

/*Tab Panel*/
.ajax__tab_tab{
    padding: 10px 10px 10px 10px !important;
}

.ajax__tab_active .ajax__tab_outer{
    color: #2cabe3 !important;
    border-color: #2cabe3;
}

/*Remove all asp template*/
.ajax__tab_header{
    background: unset !important;
}

.ajax__tab_body {
    background: #FFFFFF !important;
    border: 1px solid #2cabe3 !important;
    min-width: 100%;
}

.ajax__tab_xp .ajax__tab_outer {
    background: #FFFFFF !important;
    height: unset !important;
}

.ajax__tab_xp .ajax__tab_inner{
    background: #FFFFFF !important;
}

.ajax__tab_inner span{
    background: unset !important;
}

.ajax__tab_default{
    overflow: auto;
}