body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Calibri;
}
.container
{
    width: 1000px;
    height: 100%;
    min-height: 630px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px 0 #ddd;
    background-color:#fff;
}

/********table style**************/

.psm-table
{
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom: 3px solid #1265cc; /*  box-shadow:0 0 4px 0 #ddd;*/
}
.psm-table th
{
    padding: 8px;
    border: none;
    color: #fff;
    margin: 0 0 0 0;
    font-weight: normal;
    text-align: left;
    font-size: 18px;
    background-color: #0084CF; /* box-shadow: 2px 0px 17px 0px #ddd;*/
    cursor:pointer;
}
.head:hover
{
    background-color: transparent !important;
}
.psm-table td
{
    padding: 8px;
    border: none;
    border-bottom: #ddd 1px solid;
    text-align: left;
    position: relative;
}
.psm-table tr:hover
{
    background-color: transparent!important;
}
/* provide some minimal visual accomodation for IE8 and below */

.psm-table tr
{
    background: #fafafa;
    box-shadow: 3px 0 28px 0 #ddd;
}
/*  Define the background color for all the ODD background rows  */

.psm-table tr:nth-child(odd)
{
    background: #FBFBFB;
}
/*  Define the background color for all the EVEN background rows  */

.psm-table tr:nth-child(even)
{
    background: #f7f7f7;
    box-shadow: 3px 0 9px 0 #ddd;
}

/************************/
.psm-table-4 td
{
    width: 25%;
}
.psm-table-6 td
{
    width: 16.66%;
}
.psm-table-4 tr:hover
{
    background-color: transparent !important;
}


.psm-table input[type="text"]
{
    padding: 5px 10px;
    border: none;
    background: transparent;
    display: block;
    border-bottom: 2px solid #a8aeb1;
}

.psm-table select
{
    width: 100%;
}
.psm-table input[type="text"]
{
    width: 90%;
}
.psm-table textarea
{
    width: 99%;
    padding: 4px;
    border: none;
    background: transparent;
    border-bottom: 2px solid #a8aeb1;
}
/*******button style*************/

.btn
{
    background-color: #0469A2;
    border: 2px solid #0469A2;
    padding: 8px 17px;
    color: #fff;
    font-size: 17px;
   cursor:pointer;
   border-radius:6px;
}
.btn:hover, .btn:active
{
    background-color: transparent;
    border:2px solid #71C2F0;
    color:#000;
}


.txt-cnter
{
    text-align: center !important;
}


/*************************/


.input_border
{
    display: inline-block;
    width: 0px;
    height: 2px;
    background: #E76608;
    position: relative;
    top: -2px;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}



.psm-table input[type="text"]:active, .psm-table input[type="text"]:focus
{
    outline: none;
   border-bottom-color:#E76608;
}

.psm-table input[type="text"]:active + .input_border, .psm-table input[type="text"]:focus + .input_border, .psm-table textarea:active + .input_border, .psm-table textarea:focus + .input_border
{
    width: 100%;
}
.field-col select
{
    width: 95%;
    padding: 7px !important;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #a8aeb1;
    
}

.field-col select:focus
{
   outline:none;
}

.field-col select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none !important;
}
.field-col select::-ms-expand
{
    display: none;
}
.selectdiv:after
{
    content: '<>' !important;
    font: 17px "Consolas" , monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    top: 11px;
    right: 20px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    position: absolute;
    pointer-events: none;
}


/************************/

.inline
{
    display: inline-block;
}
.inline + .inline
{
    margin-left: 10px;
}
.radio
{
    color: #000;
    font-size: 15px;
    position: relative;
}
.radio span
{
    position: relative;
    padding-left: 20px;
}
.radio span:after
{
    content: '';
    width: 14px;
    height: 14px;
    border: 2px solid;
    position: absolute;
    left: 0;
    top: 1px;
    border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.radio input[type="radio"]
{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.radio input[type="radio"]:checked + span
{
    color: #0B8;
}
.radio input[type="radio"]:checked + span:before
{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    background: #0B8;
    left: 4px;
    top: 5px;
    border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

/*************table style for grid*************/



.gridtable
{
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
    border: 1px solid #ddd;
}
.gridtable th
{
    padding: 4px;
    border: none;
    color: #000;
    margin: 0 0 0 0;
    font-weight: normal;
    text-align: left;
    font-size: 18px;
    background-color: #e4e4e4;
}

.gridtable td
{
    padding: 4px;
    border: 1px solid #ddd;
    text-align: left;
}

/* provide some minimal visual accomodation for IE8 and below */

.gridtable tr
{
    background: #fafafa;
}
/*  Define the background color for all the ODD background rows  */

.gridtable tr:nth-child(odd)
{
    background: #FBFBFB;
}
/*  Define the background color for all the EVEN background rows  */

.gridtable tr:nth-child(even)
{
    background: #f7f7f7;
}


.visiTrue
{
	display: inline;
}
.visiFalse
{
	display: none;
}