﻿.bootbox-alert {
    overflow: hidden;
    display: block;
    padding-right: 5px;
    width: 330px;
    margin: auto;
    background-color: #fff;
    height: 124px;
   border: 1px solid #ccc;
    border-radius: 3px;
        -moz-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    -webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
}
.modal-dialog {z-index:99999!important;
}
    .bootbox-alert > .modal-body {
        text-align: center !important;
        padding: 25px 26px 10px !important;
        background-color: #fff !important;
        height: 70px !important;
        z-index:999 !important;
    }


.modal-footer  {
  border-top: 0px !important;
  padding-top:0px !important;
}

.modal-footer .null {
    border-radius: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-weight: 600;
    border: 1px solid #ccc;
    margin-right: 10px;
    box-shadow: 0 0 0px #2B72D5 !important; 
}

.btncancel {
    border-radius: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-weight: 600;
    border: 1px solid #ccc;
    margin-right: 10px;
      box-shadow: 0 0 0px #2B72D5 !important; 
      text-transform:capitalize;
}

.btncyan1 {
    border-radius: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-weight: 600;
    margin-right: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0 0 0px #2B72D5 !important; 
    width: 90px !important;
}

.modalcustomized {
    width: 500px !important;
}

.deletelist {
    height: 125px;
    overflow-y: auto;
}

.listitem {
    list-style-type: square;
    text-align: left;
    padding-left: 0px;
}

 .tooltip1 span {
                z-index: 9999;
                display: none;
                padding: 14px 20px;
                margin-top: -100px;
                margin-left: 0;
                width: 205px;
                line-height: 16px;
                word-wrap: break-word;
                 word-break:break-all;
                text-wrap: none;
            }
           

           .tooltip1:hover span {
    background: url("cssttp/css-tooltip-gradient-bg.png") repeat-x scroll 0 0 #333;
     background: -moz-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%); */
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
   
    bottom: 0;
    color: #eee;
    display: inline;
    height: auto;
    left: 0;
    overflow: auto;
    padding: 1px !important;
    position: absolute;
    white-space: normal !important;
    width: 108px;
}

            .tooltip2 span {
                z-index: 9999;
                display: none;
                padding: 14px 20px;
                margin-top: -100px;
                margin-left: 0;
                width: 205px;
                line-height: 16px;
                word-wrap: break-word;
                 word-break:break-all;
                text-wrap: none;
            }
           

           .tooltip2:hover span {
    background: url("cssttp/css-tooltip-gradient-bg.png") repeat-x scroll 0 0 #333;

 background: -moz-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%); */
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    
    bottom: 0;
    color: #eee;
    display: inline;
    height: auto;
    left: 0;
    overflow: auto;
    padding: 1px !important;
    position: absolute;
    white-space: normal !important;
    width: 182px;
}
           .tooltip3{position:relative;}
            .tooltip3 span {
                z-index: 9999;
                display: none;
                word-wrap: normal;
                word-break: normal;
            }
           

           .tooltip3:hover span {
    background: url("cssttp/css-tooltip-gradient-bg.png") repeat-x scroll 0 0 #333;
     background: -moz-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%); */
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
   
    color: #eee;
    display: inline;
    height: auto;
    left: 0;
    overflow: auto;
    padding: 1px !important;
    position: absolute;
    white-space: normal !important;
    width: auto;
    bottom: 18px;
     overflow: hidden !important;
}

.tooltip4 span {
                z-index: 9999;
                display: none;
                padding: 14px 20px;
                margin-top: -100px;
                margin-left: 0;
                width: 205px;
                line-height: 16px;
                word-wrap: break-word;
                 word-break:break-all;
                text-wrap: none;
            }
           



           .tooltip4:hover span {
    background: url("cssttp/css-tooltip-gradient-bg.png") repeat-x scroll 0 0 #333;
     background: -moz-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%); */
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    bottom: 0;
    color: #eee;
    display: inline;
    height: auto;
    left: 0;
    overflow: auto;
    padding: 1px !important;
    position: absolute;
    white-space: normal !important;
    width: 99px;
     overflow: hidden !important;
}


 .tooltip5{position:relative;}
            .tooltip5 span {
                z-index: 9999;
                display: none;
                word-wrap: normal;
                word-break: normal;
            }
           

           .tooltip5:hover span {
    background: url("cssttp/css-tooltip-gradient-bg.png") repeat-x scroll 0 0 #333;
     background: -moz-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%); */
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 100%);
    border: 1px solid #fff;
    color: #eee;
    display: inline;
    height: auto;
    left: 0;
    overflow: auto;
    padding: 1px !important;
    position: absolute;
    white-space: normal !important;
    width: 100%;
    bottom: 18px;
    overflow: hidden !important;
}

           .txtcolorblack{

               color:#000;
           }
           .alertify-buttons button{ width:90px; height:31px;}
.alertify-buttons #alertify-cancel { margin-right:20px;
}
    .alertify-buttons #alertify-cancel:hover {
        border: 1px solid #ccc;
    }