/*
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 : 16 May, 2018, 3:51:27 PM
    Author     : nagendra
*/

.outerDiv{
    float: left;float: left;
    padding: 14px 0px 0px 11px;
    height: auto;
    /*border: 1px solid #c2c2c2;*/
    margin: 3px 1px 0px 0px;
    border-radius: 3px;
    min-width: 250px;
}
.outerDivRightMenu{
    float: right;padding: 14px 0px 0px 11px;   
    padding: 14px 0px 0px 11px;
    height: -webkit-fill-available;
    border: 1px solid #c2c2c2;
    margin: 3px 1px 0px 0px;
    border-radius: 3px;
}
.settingSpan{
    z-index: 1;
    position: fixed;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
    top: 27%;
    left: 0px;
    cursor: pointer;
    background-color: white;
    color: #0b5aab;
    padding: 8px;
    box-shadow: 2px 2px 6px 1px grey;
    border-radius: 0px 29px 29px 0px;
    opacity: 0.4;
    /*    position: fixed;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        border: none;
        top: 30%;
        left: -66px;
        cursor: pointer;
        background-color: #ffffff;
        color: #0b5aab;
        border-radius: 10px;
        padding: 44px 8px 45px 68px;
        box-shadow: 0px 0px 21px -3px black;
        font-size: 1.3em;
        opacity: 0.4;*/
}
.settingSpan:hover{
    opacity: 1;
    background-color: #0b5aab;
    color: white;
}

.dropbtn {
    background: none;
    color: #5b86a7;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    color: #36546d;
}

.dropdown {
    position: relative;
    display: block;
    /* margin-top: 10px; */
    padding: 3px 3px 5px 5px;
    border: 1px solid #e4e4e4;
    margin: 6px 5px 0px 0px;
}

.dropdown-content {
    display: none;
    position: inherit;
    min-width: 160px;
    overflow: auto;
    z-index: 1;
}

.dropdown-content a {
    padding: 6px 8px;
    color: #3c3938;
    text-decoration: none;
    display: block;
    margin: 3px 2px 2px 0px;
}

.dropdown a:hover {color: #292931;background-color: #e8e8e8 !important;}

.show {display:block;}

.left_0{
    left: 0 !important;
}
.backarrow{
    padding:5px 5px 4px 7px;
    color: #808080;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
    margin: -9px 2px 3px 0px;
}
.backarrow:hover{
    background-color: #fbd3d3;
    color: gray;    
}
.lft_menu_link_disable {
    color: #B4B4B4 !important;
    cursor: not-allowed;
    padding: 3px;
    margin: 2px;
}

.right_menu_td{
    background-color: #fffbe0;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    text-align: left;
    height: auto;
    padding: 1px;
    width:auto;
    font-size: 13px;
}
/*.lp_search_btn{
    background-color: #257cff;
    padding: 5px 10px 6px 10px;
    color: white;
    border: 1px #092650;
    border-radius: 3px;   
}*/

.light_gray{
    color: #b1b1b1;
}
.margin-left_minus_10{
    margin-left: -10px;
}
.padding_left_10{
    padding-left: 10px;
}

.help_title{
    padding: 10px 0px 10px 13px;
    font-weight: bold;
    color: #1d59c7;
    margin-bottom:-5px;
}

.settingTitle{
    padding: 3px 3px 3px 3px;
    background-color: #f2f6ff;
    color: #145e9e;
    /*    font-size: 1.2em;*/
    font-weight: bold;
    margin-top: 0px;
}
/*.settingMenu{
    position: relative;
    display: block;
     margin-top: 10px; 
    padding: 3px 3px 5px 5px;
    border: 1px solid #e4e4e4;
    margin: 6px 5px 0px 0px;
    cursor: pointer;
}
.settingMenu:hover{
    background-color: #5387a7;
    color: white
}
.settingMenu:hover .dropbtn{
    background-color: #5387a7;
    color: white
}*/
.lf_btn_save{
    border: 1px solid #405f1e;
    border-radius: 3px;
    padding: 5px 15px 5px 15px;
    background-color: #fafff7;
    cursor: pointer;
}
.lf_btn_save:hover{
    background-color: #ecffef;color: #292929;font-weight: bold;
    box-shadow: 1px 2px 6px -2px black;
}
/*.lf_btn_save:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}*/
.align_center{
    text-align:center;
}

.imageDiv{
    /*display: grid;*/
    text-align: -webkit-center;
    /*border: 1px solid gray;*/
    /*padding-bottom: 15px;*/
    /*padding-top: 5px;*/
    /*box-shadow: 1px 1px 5px -1px black;*/
    /*border-radius: 3px;*/   
}
.imageDiv:hover img{
    opacity: 0.7;
    transition: 0.3s;
}
.imageDiv:hover .btnAttach{
    opacity: 1;
    transition: 0.3s;
}
.imageDiv:hover .btnSave{
    opacity: 1;
    transition: 0.3s;
}
.imageTd{
    float: right;
    margin-right: 44px;        
}

.btnAttach{
    /*border: 1px solid #055cfb;*/
    background-color: white;
    padding: 2px 4px 2px 4px;
    /*border-radius: 3px;*/
    position: relative;
    opacity: 0.2;
    top: -18px;
    left: -18px;
    color: #134365;
    font-size: 1.5em;
    cursor: pointer;
}
.btnAttach:hover{
    /*box-shadow: 0px 2px 5px -2px black;*/
    /*font-weight: bold;*/
    /*background-color: #ddebfd;*/

}

.btnSave{
    border: 0;
    background-color: white;
    border-radius: 3px;
    position: relative;
    top: 3px;
    font-size: 1.7em;
    cursor: pointer;
}
.btnSave:hover{
    /*box-shadow: 0px 2px 5px -2px black;*/
    font-weight: bold;
    /*background-color: #e2ffed;*/
}
.btnDelete{
    /*background-color: white;*/
    padding: 2px 4px 2px 4px;
    border-radius: 3px;
    color: red;
    position: relative;
    cursor: pointer;
}
.btnDelete:hover{
    /*box-shadow: 0px 2px 5px -2px black;*/
    font-weight: bold;
    /*background-color: #fbe7d2;*/
}

@-webkit-keyframes bounce {
    0% {
        transform: scale(1,1) translate(0px, 0px);
    }

    70%{
        transform: scale(1,0.8) translate(0px, 10px); 
    }

    5%{
        transform: scale(1,1.1) translate(0px, -25px); 
    }

    5% {
        transform: scale(1,1) translate(0px, 0px);
    }
}

.bounce {
    text-align:center;
    margin:0 auto;
    color: green;
    padding: 2px 4px 2px 4px;
    -webkit-animation: bounce 1s infinite;
}
.margin-top-25{margin-top: 25px !important;}
.text_align_left{
    text-align: left !important;
}
.image_container{
    /*border: 0px solid #dedede;*/
    padding: 5px;
    border-radius: 3px;
    /*width: 100px;*/  
}
.center {
    margin: auto;
    width:0%;    
}