/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 23, 2015, 12:38:12 PM
    Author     : native1
*/

.required {
    color: #F00;
}


br{
    clear: both;
}
input.error {
    border-color: red;
}
label.error {
    display:none !important;
    opacity: 1;
    /*background: url('unchecked.gif') no-repeat;*/
    padding-left: 16px;
    margin-left: .3em;
}
label.valid {
    opacity: 1;
    /*background: url('checked.gif') no-repeat;*/
    display: none !important;
    width: 16px;
    height: 16px;
}
input.valid{
    border-color: #fff;
}

.total_damage{
    display:none; 
    z-index: 10000;
    opacity: 0.9;
    border-radius: 3px;
    position: fixed;
    top: 50%;
    left: 35%;
    color: #fff;
    font-weight: 700;
    padding: 15px 65px 15px 35px;
    border: 2px solid #F00;
    background-color: #dd4b39;

}

.total_success{
    display:none; 
    z-index: 10000;
    opacity: 0.9;
    border-radius: 3px;
    position: fixed;
    top: 50%;
    left: 35%;
    color: #fff;
    font-weight: 700;
    padding: 15px 65px 15px 35px;
    border: 2px solid #0F0;
    background-color: #00a65a;
}

ul.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tabs li {
    border: gray solid 1px;
    border-bottom: none;
    float: left;
    margin: 0 .25em 0 0;
    padding: .75em .5em;
}
ul.tabs li a {
    color: gray;
    font-weight: bold;
    text-decoration: none;
}
ul.tabs li.active {
    background: gray;
}
ul.tabs li.active a {
    color: white;
}
.clr {
    clear: both;
    padding-bottom: 10px;
}
div .art {
    padding-top: 25px;
    border-top: gray solid 1px;
    /* padding: 0 1em;*/
}


.table-advance tr td {
    vertical-align:middle !important;
}
.no-border {
    border-bottom:none;
}
.dataTables_length,.dataTables_filter {
    padding:15px;
}
.dataTables_info {
    padding:0 15px;
}
.dataTables_filter {
    float:right;
}
.dataTables_length select {
    width:65px;
    padding:5px 8px;
}
.dataTables_length label,.dataTables_filter label {
    font-weight:300;
}
.dataTables_filter label {
    width:100%;
}
.dataTables_filter label input {
    width:78%;
}
.border-top {
    border-top:1px solid #ddd;
}
.dataTables_paginate.paging_bootstrap.pagination li {
    float:left;
    margin:0 1px;
    border:1px solid #ddd;
    border-radius:3px;
    -webkit-border-radius:3px;
    list-style: none;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
    color:#c7c7c7;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
    color:#797979;
    padding:5px 10px;
    display:inline-block;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a,.dataTables_paginate.paging_bootstrap.pagination li.active a {
    color:#797979;
    background:#eee;
    border-radius:3px;
    -webkit-border-radius:3px;
}
.dataTables_paginate.paging_bootstrap.pagination {
    float:right;
    margin-top:-5px;
    margin-bottom:15px;
}
.dataTable tr:last-child {
    border-bottom: 1px solid #ddd;
}

/** mani **/

tooltiptag{
                    cursor:pointer;
                }
                .tooltiptable{
                    height: 100% !important;
                    width: auto;
                    display:none;
                    position:absolute;
                }
                .tooltiptable{
                    background-color: white;
                    border: 1px solid #c3c3c3;
                    padding: 10px;
                    border-radius: 12px;
                    z-index: 999;
                }
                .tooltiptablestyle{
                    border-collapse: collapse; 
                }
                .tooltiptablestyle > tr > th {
                    text-align: center !important;
                    padding: 20px !important;
                }
                .tooltiptablestyle > tr > td {
                    text-align: center !important;
                    padding: 10px !important;
                }


                .tooltiptable {
                    height: 100% !important;
                    width: auto;
                    position: absolute;
                    background: #88b7d5;
                    z-index: 99999;
                    border: 4px solid #c2e1f5;
                    margin-top: 20px;
                }
                .tooltiptable:after, .tooltiptable:before {

                    bottom: 100%;
                    left: 10%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    z-index: 999;

                }

                .tooltiptable:after {
                    border-color: rgba(136, 183, 213, 0);
                    border-bottom-color: #88b7d5;
                    border-width: 15px;
                    margin-left: -10px;
                    z-index: 999;
                }
                .tooltiptable:before {
                    border-color: rgba(194, 225, 245, 0);
                    border-bottom-color: #c2e1f5;
                    border-width: 20px;
                    margin-left: -16px;
                    z-index: 999;
                }
                
                
                .add_additional_field{
                       background: aliceblue;
    padding-bottom: 5px;
    padding-top: 5px;
                }
                
                .remove_fieldd{
                    padding-top: 15px !important;
                }
                
             
    .controls {
        width: 40px;
        float: left;
        margin: 10px;
    }
    .controls a {
        background-color: #222222;
        border-radius: 4px;
        border: 2px solid #000;
        color: #ffffff;
        padding: 2px;
        font-size: 14px;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        margin: 5px;
        width: 20px;
    }
/** end mani **/