/* 
    Document   : applicantstyle
    Created on : 14 Apr, 2016, 12:03:39 PM
    Author     : Maria Vincent. S
    Description:
        Purpose of the stylesheet follows.
*/
body {
    font-family:verdana,arial,sans-serif;
    font-size:10pt;
    margin:5px;
    /*background-color:#F5F7FD;*/
    background-color:#ffffff;
}
tr.header{
    background-color:#004d1a;
    color: white;
    font-weight: bold;
}
tr.subheader{
    /*background-color:#6685C2;*/
    background-color: #00802b;
    color: white;
    font-weight: bold;
}

tr.bg-primary {
    background-color: #86b300;
    color: white;
    font-weight: bold;
}

td.bg-primary {
    background-color: #86b300;
    color: white;
    font-weight: bold;
}

tr.subTitle{
    background-color:#00802b;
    color: white;
    font-weight: bold;
}

td.subTitle{
    background-color:#00802b;
    color: white;
    font-weight: bold;
}

td.subheader{
    background-color: #00802b;
    color: white;
    font-weight: bold;
}

tr.subheader1{
    background-color:#00802b;
    color: #002754;
    font-weight: bold;
}

td.subheader1{
    background-color:#00802b;
    color: #002754;
    font-weight: bold;
}

td.header{
    background-color:#004d1a;
    color: white;
    font-weight: bold;
}

table.maintable{
    background-color:#F5F7FD;
}

.dynaColorTR1{
    /*background-color: #ADBECE;*/
    /* background: url( ../Image/TR1.gif);*/
    /*background-color: #F3F6FC;*/
    background-color:#ffffff;
}
/* Dynamic Color 2 for Table Rows  (Stripe Tables)*/
.dynaColorTR2{
    /*background-color: #C7D5E2;*/
    /*background-color: #EAEFF9;*/
    background-color:#ffffff;
    /*color: #000;*/
    /*  background: url( ../Image/TR2.gif);*/
}

.dynaColorBR1{
    /*background-color: #ADBECE;*/
    /* background: url( ../Image/TR1.gif);*/
    background-color: #F3F6FC;

}
/* Dynamic Color 2 for Table Rows  (Stripe Tables)*/
.dynaColorBR2{
    /*background-color: #C7D5E2;*/
    background-color: #EAEFF9;
    /*background-color:#ffffff;*/
    /*color: #000;*/
    /*  background: url( ../Image/TR2.gif);*/
}

TABLE.subTable{
    background-color: #F5F7FD;
    border-left-color:#000;
    border-right-color:#000;
    border: 2px;
    padding: 2px;
    border-spacing: 3px;
}

table{
    font-family:verdana,arial,sans-serif;
    font-size:10pt;
    background-color:#ffffff;
}

td,th,tr {
    vertical-align: middle;
}

tr.subtotal{
    color: #002754;
    font-weight: bold;
}

td.subheader2{
    background-color:#002754;
    color: #ffffff;
    font-weight: bold;
}

tr.subheader3{
    background-color:#FDFDFD;
    color: #002754;
    font-weight: bold;
}

td.subheader3{
    background-color:#FDFDFD;
    color: #002754;
    font-weight: bold;
}

.blink {
    animation: blink 1s steps(5, start) infinite;
    background-color: #ffff66;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
tr.finalclass{
    font-weight:bold;
    font-size:12pt;
    font-family:Tahoma;
}

.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.input {
    position: relative;
}

.input:hover .tooltip {
    background: blue;
    border-radius: 3px;
    bottom: -60px;
    color: white;
    display: inline;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
}

.input:hover .tooltip:before {
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid blue;
}
/*.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}*/

input.clsajaxcall{
    background:  url(../../resources/Image/search.png) right no-repeat;
    background-color: #ffffff
}


* {
    box-sizing: border-box;
}

input[type=text], select, textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-size: 11pt;
}

label {
    padding: 10px 10px 10px 0;
    display: inline-block;
    font-size: 10pt;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    font-size: 10pt;
}
