body {
}

.main-footer{/*background-color:#455A64;*/ background-color:#222929;}
.main-footer a{color:#fff;}
li.treeview {
    cursor:pointer;
}

.treeview-menu li{padding: 6px;cursor:pointer;}

.HideMe
{
display:none;    
}

select.form-control[disabled] {
background-color:white !important;
}

.HideImportant
{
    display:none !important;     
}

.MyReportTableDisplay thead th
{
    
    text-transform: uppercase;
    color:#367fa9;
    border-bottom:1px solid black !important;
    font-size:10px;
    text-align:center;
    font-weight:bold;
}
.MyReportTableDisplay tbody td
{   
    font-size:10px;
    text-align:center;
}
.MyReportTableDisplay1 thead th
{
    
    text-transform: uppercase;
    color:#367fa9;
    border-bottom:1px solid black !important;
    font-size:10px;
    text-align:center;
    font-weight:bold;
}

.MyReportTableExcel tbody td
{
    font-size:10px;
    text-align:center;
}

.tbl-container
{
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.left-col-md-4
{
    padding-left: 0px;
}

.right-col-md-4
{
    padding-right: 0px;
}

/*Auto Complete List*/

.DivAutoComplete
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}

.DivAutoComplete table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoComplete table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoComplete tbody
{
overflow: scroll;    
}
.DivAutoComplete thead tbody
{
    display:block;
  
}
.DivAutoComplete tbody
{
     height: 100px;      
 
}
.DivAutoComplete table.scroll tbody,
.DivAutoComplete table.scroll thead { display: block; }
.DivAutoComplete table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}

/*Auto Complete List*/

.DivAutoCompleteNext
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}

.DivAutoCompleteNext table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoCompleteNext table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoCompleteNext tbody
{
overflow: scroll;    
}
.DivAutoCompleteNext thead tbody
{
    display:block;
  
}
.DivAutoCompleteNext tbody
{
     height: 100px;      
 
}
.DivAutoCompleteNext table.scroll tbody,
.DivAutoCompleteNext table.scroll thead { display: block; }
.DivAutoCompleteNext table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}

table.table {border:1px solid}

table.table tr{border:1px solid}

table.table tr td, table.table tr th{border-right:1px solid; text-align:center;}

table.table tr td{border-bottom:1px solid;}

.table-striped > tbody > tr:nth-of-type(odd){ background-color: #ECEFF1;}

.table-striped > tbody > tr:hover{background-color: #90A4AE; color:#fff;}

.table-striped > tfoot > tr > th{font-weight: 900;}

table.hovertable
{
    
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #ffffff;
    border-collapse: collapse;
}
table.hovertable th
{
    background-color: #3c8dbc;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ffffff;
    text-align: center;
    font-size:10pt;
    color:#ffffff;
    border-top-width:0px;
}

table.hovertable td
{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ffffff;
    font-size:9pt;
}

table.hovertable tr:nth-child(even) {background: #FFF}

table.hovertable tr:nth-child(odd) {background: #f5f5f5}

/******/
.DivAutoCompleteGuarantor
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}

.DivAutoCompleteGuarantor table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoCompleteGuarantor table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoCompleteGuarantor tbody
{
overflow: scroll;    
}
.DivAutoCompleteGuarantor thead tbody
{
    display:block;
  
}
.DivAutoCompleteGuarantor tbody
{
     height: 100px;      
 
}
.DivAutoCompleteGuarantor table.scroll tbody,
.DivAutoCompleteGuarantor table.scroll thead { display: block; }
.DivAutoCompleteGuarantor table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}
/************************************************/
table.table {border:1px solid}

table.table tr{border:1px solid}

table.table tr td, table.table tr th{border-right:1px solid; text-align:center;}

table.table tr td{border-bottom:1px solid;}

.table-striped > tbody > tr:nth-of-type(odd){ background-color: #ECEFF1;}

.table-striped > tbody > tr:hover{background-color: #90A4AE; color:#fff;}

.table-striped > tfoot > tr > th{font-weight: 900;}
/************************************************/
#xxDlg_Bck_xxOvrlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.388235);
    opacity: 0.56;
    display: none;
    z-index: 111;
}

/*.field-validation-error
{
    color: #ff0000;
}


.field-validation-valid
{
    display: none;
}*/

/*.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}*/

/*.valid
{
    border-color: #d2d6de;
    background-color: #fff;
}*/

.valmsg{display:none;}

/************************************************/

#xxDlg_Bck_xxOvrlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.388235);
    opacity: 0.56;
    display: none;
    z-index: 111;
}
.popup-btn:hover{background:darkslategray !important;}


.blink_me
{
    text-align:Left;
    text-indent:500;
    text-decoration:'blink';
    font-size:medium;
    font-family:Franklin Gothic Demi Cond;
    font-weight:bolder;
    position: relative;
    left: 1%;
   
    
}
.cssload-loader {
	position: relative;
	left: calc(50% - 31px);
	width: 62px;
	height: 62px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 780px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 3px solid rgb(0,0,0);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 3px solid rgb(0,0,0);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 3px solid rgb(0,0,0);
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/* DashBoard Design */

    .bg-color-green {
background-color: #fff;
color: #5cb85c;
}
 .back-footer-Pink 
 {
background-color: #339999;
color:#fff;
border-top: 0px solid #fff;

}
.MyDashBoard
{
   background-color: #ecf0f5; 
}
.no-boder {
    border:1px solid #f3f3f3;
}

.panel-back {
    background-color:#fff;

}
.panel-default > .panel-heading {
color: #fff;
background-color: #3c8dbc;
border-color: #ddd;
font-weight:bold;
}
.jumbotron, .well{
background:#fff;
}
.bg-color-blue {
background-color: #fff;
color: #4CB1CF
}
  .bg-color-red {
background-color: #fff;
color:#F0433D;
}
  .bg-color-brown {
background-color: #fff;
color:#f0ad4e;
}
.back-footer-green {
background-color:#935347;
color:#fff;
border-top: 0px solid #fff;

}
 .back-footer-red {
background-color: #5a5c51;
color:#fff;
border-top: 0px solid #fff;
}
 .back-footer-blue {
background-color: #4CB1CF;
color:#fff;
border-top: 0px solid #fff;
}
.back-footer-brown {
    background-color: #729f98;
    color: #fff;
}
 /*CHAT PANEL*/
 .chat-panel .panel-body {
height: 450px;
overflow-y: scroll;
}
 .chat-box {
margin: 0;
padding: 0;
list-style: none;
}
 .chat-box li {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dotted #808080;
}
 .chat-box li.left .chat-body {
margin-left: 90px;
}
 .chat-box li .chat-body p {
margin: 0;
color: #8d8888;
}
.chat-img>img {
    margin-left:20px;
}
footer p{
font-size: 14px;
}

#mytablehead
{
    background-color:#107EAF;
}

/*...........*/


.input-group DefaultStep{
    border-radius:23px;
    border-color:#d2d6de;
    background-color:lightgray;
    color:black;
    font-weight:800;
}



/*/////////////////////////////////////////*/

 .onoffswitch {
            position: relative;
            width: 225px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        .onoffswitch-checkbox {
            display: none;
        }

        .onoffswitch-label {
            display: block;
            overflow: hidden;
            cursor: pointer;
            /*border: 2px solid #999999;*/
            border-radius: 14px;
        }

        .onoffswitch-inner {
            display: block;
            width: 200%;
            margin-left: -100%;
            transition: margin 0.3s ease-in 0s;
        }

            .onoffswitch-inner:before, .onoffswitch-inner:after {
                display: block;
                float: left;
                width: 50%;
                height: 32px;
                padding: 0;
                line-height: 32px;
                font-size: 13px;
                color: white;
                font-family: Trebuchet, Arial, sans-serif;
                font-weight: bold;
                box-sizing: border-box;
            }

            .onoffswitch-inner:before {
                content: "Mobile";
                padding-left: 21px;
                background-color: #0eb73e;
                color: #FFFFFF;
            }

            .onoffswitch-inner:after {
                content: "Email";
                padding-right: 21px;
                background-color: #d9534f;
                color: #FFFFFF;
                text-align: right;
            }

        .onoffswitch-switch {
            display: block;
            width: 18px;
            margin: 7px;
            background: #FFFFFF;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 189px;
            /*border: 1px solid #999999;*/
            border-radius: 14px;
            transition: all 0.3s ease-in 0s;
        }

        .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
            margin-left: 0;
        }

        .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
            right: 0px;
        }

        /*////////////////////////////////////////////*/

        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 17px;
        }

            .switch input {
                display: none;
            }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

            .slider:before {
                position: absolute;
                content: "";
                height: 10px;
                width: 10px;
                left: 2px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
            }

        input:checked + .slider {
            background-color: #2196F3;
        }

        input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

            .slider.round:before {
                border-radius: 50%;
            }

        /* new dipin*/

        * {
            box-sizing: border-box;
        }

        /* basic stylings ------------------------------------------ */
        body {
            background: url(https://scotch.io/wp-content/uploads/2014/07/61.jpg);
        }

        .container {
            font-family: 'Roboto';
            width: 600px;
            margin: 30px auto 0;
            display: block;
            background: #FFF;
            padding: 10px 50px 50px;
        }

        h2 {
            text-align: center;
            margin-bottom: 50px;
        }

            h2 small {
                font-weight: normal;
                color: #888;
                display: block;
            }

        .footer {
            text-align: center;
        }

            .footer a {
                color: #53B2C8;
            }

        /* form starting stylings ------------------------------- */
        .group {
            position: relative;
            margin-bottom: 25px;
        }

        input {
            font-size: 14px;
            padding: 10px 10px 8px 5px;
            display: block;
           /*width: 350px;*/ 
           width:100%;
            border: none;
            /*border-bottom: 1px solid #757575;*/
            border-bottom: 1px solid #000;
            /*font-family:cursive;*/
        }

            input:focus {
                outline: none;
            }

        /* LABEL ======================================= */
        label {
            color: #999;
            font-size: 14px;
            font-weight: normal;
            position: absolute;
            pointer-events: all;
            left: 5px;
            top: 10px;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
            /*font-family:cursive;*/
        }

        /* active state */
        input:focus ~ label, input:valid ~ label {
            top: -20px;
            font-size: 14px;
            color: #21a6f5;
        }

        /* BOTTOM BARS ================================= */
        .bar {
            position: relative;
            display: block;
           /*width: 350px;*/ 
           width:100%;
        }

            .bar:before, .bar:after {
                content: '';
                height: 1px;
                width: 0;
                bottom: 1px;
                position: absolute;
                background: #21a6f5;
                transition: 0.2s ease all;
                -moz-transition: 0.2s ease all;
                -webkit-transition: 0.2s ease all;
            }

            .bar.special:before {
                background: red;
            }

            .bar.special:after {
                background: red;
            }

            .bar:before {
                left: 50%;
            }

            .bar:after {
                right: 50%;
            }

        /* active state */

         input:focus ~ .bar:before, input:focus ~ .bar:after {
            width: 50%;
        }

        input:focus ~ .bar:before, input:focus ~ .bar:after {
            width: 50%;
        }

        select:focus ~ .bar:before, select:focus ~ .bar:after {
            width: 50%;
        }

        select:focus ~ .bar:before, select:focus ~ .bar:after {
            width: 50%;
        }

        /* HIGHLIGHTER ================================== */
        .highlight {
            position: absolute;
            height: 60%;
            width: 100px;
            top: 25%;
            left: 0;
            pointer-events: none;
            opacity: 0.5;
        }

        /* active state */
        input:focus ~ .highlight {
            -webkit-animation: inputHighlighter 0.3s ease;
            -moz-animation: inputHighlighter 0.3s ease;
            animation: inputHighlighter 0.3s ease;
        }
        .form-control-ddl {
            font-size: 14px;
            /*width: 350px;*/
            width:100%;
            border-bottom: 1px solid #757575;
        }
.form-control {
    border-color:#000;
    border-radius:0px!important;
}
        .lblddl {
            top: 8px;
        }

            .lblddl.special {
                color: #21a6f5;
                top: -20px;
            }
            
  /*////////////////////////////////////////////*/


  #overlay {
    position: fixed; /* Sit on top of the page content */
     display: none;/* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
  /*----------------------------------------*/
 .loader {
  color: #ffffff;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.price {
    text-align:right !important;
}

.tooltip {
    position: relative;
    display: inline;
    border:none !important;
    opacity: 38 !important;
    cursor:pointer;
    color:Red;
    font-size:larger;
    font-weight:400;
}
.tooltiptext {
    visibility: hidden;
    width: 280px;
    height:100px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 6px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    overflow:auto;
    font-size:larger;
    font-weight:400;
    display: inline-block;

}
.tooltip .tooltiptextNew {
    visibility: hidden;
    width: 280px;
    height:auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    overflow:scroll;
    font-size:larger;
    font-weight:400;
    display: inline-block;
    float:left;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip:hover .tooltiptextNew {
    visibility: visible;
}

span:hover {
    position: relative;
}
span[aria-label]:hover:after {/*:hover:after*/
  content: attr(aria-label);
 width:200px;
 height:150px;
  padding: 4px 8px;
  position: absolute;
  left: 10;
  top: 100%;
 /* white-space: pre-wrap;*/
  z-index: 20px;
  background:White;
  color:Black;
  font-size:larger;
  font-weight:bold;
  overflow:scroll;
}
input[type="checkbox"][readonly] {
  pointer-events: none;
}
/*/////////////////////////////////////////////////////////////////////*/


/*Multiple Voucher Entry -- Start */ 
.DivAutoCompleteforVoucher
{
    position: absolute;
    background-color: transparent;
    max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
    color: White;
    z-index: 2000;
    margin-top: -0.37%;
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
   
}

.DivAutoCompleteforVoucher table
{
    font-family: arial;
    border: solid 3px White; /*min-width: 250px;     margin-left: 13px;*/
    background-color: #EAF0F1;
}
.DivAutoCompleteforVoucher table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #63818d; /*#D95459;*/
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
    font-size: 14px;
    font-variant: small-caps;
    font-family: serif;
    padding: 10px;
}
.DivAutoCompleteforVoucher table td
{
    text-align: center;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    padding: 10px;
}

.DivAutoCompleteforVoucher table tr
{
    color: #438b97 !important;
    background-color: #D4D4D4;
}

.DivAutoCompleteforVoucher table tr:hover
{
    background-color: #FFFFFF;
}

/*Multiple Voucher Entry -- End */