/* Modal */
/*
body {
}


/* The Modal (background) */

        .modalBackground
        {
            background-color: Gray;
            opacity: 0.8;
        }
        .pnlBackGround
        {
            position:absolute;
            top: 0px;
            left:0px;
            width:900px;
            height:650px;   
            background-color:White;
            border:solid 1px darkblue;
            padding: 1px 10px 1px 10px;
            color:Black;
        }
        .modal-header 
        {
            border-bottom: #eee solid 2px;
            padding: 5px 0px 5px 0px;
            background-color:#5F5F5F;
            color:White;
            text-align:center;
        }
        .modal-footer
        {
            border-top: #eee solid 2px;
            padding: 5px 15px 5px 0px;
            text-align: right;
            background-color:#5F5F5F;
            color:White;
            width: 880px;
            height: 30px;
            position: absolute;
            bottom: 5px;
            clear: both;
        }
        .close {
            border-style: none;
            border-color: inherit;
            border-width: 0;
            position: absolute;
            top: 5px;
            right: 15px;
            font-weight: bold;
            background: #5F5F5F;
            color: white;
            padding: 1px 1px 1px 1px;
            display: inline-block;
            margin-bottom: 0px;
            cursor: pointer;
            height: 21px;
    width: 23px;
}
        .close:hover {
            color: #06D85F;
        }

        /*AR Invoice style*/
        .toolbr
        {
            display: inline-block;
            vertical-align: top;
            padding: 3px 0px 0px 0px;
            cursor: hand;
            cursor:pointer;
            background-color:White;
        }
        .txtcur
        {
             cursor:text;    
        }
        .tblerow1
        {
            width: 400px;
        }
        .tblerow2
        {
            width: 500px;
        }
        .tblerow3
        {
            width: 600px;
        }
        .tblerow4
        {
            width: 320px;
        }
        .tblerow5
        {
            width: 100px;
        }
        .tblerow6
        {
            width: 200px;
        }
        .tblerow7
        {
            width: 100px;
        }
        .tblerow8
        {
            width: 300px;
        }
        .btnBorder
        {
          border: none;   
        }
        .txtboxCurr
        {
            text-align: right;
        }
        .tblrowTabLogistics1
        {
            width:415px;
        }
        .tblrowTabLogistics2
        {
            width:415px;
        }
        .fldset1
        {
            margin-left: 1px;
            margin-right: 1px;
            padding-bottom:0px;
            padding-left:0px;
            padding-right:0px;
            padding-top:0px;
            border: 2px groove (internal value);
            width: 700px;
        }
        .fldset2
        {
            margin-left: 1px;
            margin-right: 1px;
            padding-bottom:0px;
            padding-left:0px;
            padding-right:0px;
            padding-top:0px;
            border: 2px groove (internal value);
            width: 415px;
            display:inline-block;
            float:left;
        }
        .btnModDisp
        {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 5px 12px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            margin: 4px 2px;
            cursor: pointer;
        }
        .btnModDisp:hover
        {
            background-color: #00FF80;
        }
        textarea
        {
            resize:none;
        }
        
        /*Loader*/
        .currently-loading 
        {
           position: fixed; 
           text-align: center; 
           height: 100%; 
           width: 100%; 
           top: 0; 
           right: 0; 
           left: 0; 
           z-index: 9999999; 
           background-color: #000000;
           opacity: 0.7;
        }
        .img-loading
        {
            padding: 10px;
            position:fixed;
            top:45%;
            left:50%;
        }
        
        
        /*****New login design****/
        
        .frmLogIn {
          position: relative;
          z-index: 1;
          background: #FFFFFf;
          color:Black;
          width: 300px;
          margin: 0 auto 50px;
          padding: 10px 5px 20px 25px;
          text-align: center;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
          font-family:Verdana;
        }
        
        .LogIn-header
        {
            border-bottom: #eee solid 2px;
            margin: -10px -5px 0px -25px;
            background-color: #5F5F5F;
            color:White;
            text-align:center;
            height:30px;
            padding:15px 0px 3px 0px;
            font-weight:bold;
        }
        
        /* Log in tab */
       /* Style the list */
        ul.tab 
        {
            list-style-type: none;
            margin: -10px -5px 10px -25px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            border: 0px solid #ccc;
            background-color: #f1f1f1;
            cursor:pointer; 
        }

        /* Float the list items side by side */
        ul.tab li {float: right;}

        /* Style the links inside the list items */
        ul.tab li {
            display: inline-block;
            text-align: center;
            padding: 5px 7px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 14px;
            font-family: Verdana;
        }

        /* Change background color of links on hover */
        ul.tab li:hover {background-color: #ddd;}

        /* Create an active/current tablink class */
        ul.tab li:focus, .active {background-color: #ccc;}

        /* Style the tab content */
        .tabcontent {
            display: none;
            padding: 3px 6px;
            border: 1px solid #ccc;
            border-top: none;
        }