﻿
/*#region removing spinner for number control */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*#endregion */

/*#region custom spinner styles */
.cssload-loader {
    position: absolute;
    /*left: calc(50% - 31px);*/
    width: 62px;
    height: 62px;
    margin: auto;
    /*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 0.8s linear infinite;
        -o-animation: cssload-rotate-one 0.8s linear infinite;
        -ms-animation: cssload-rotate-one 0.8s linear infinite;
        -webkit-animation: cssload-rotate-one 0.8s linear infinite;
        -moz-animation: cssload-rotate-one 0.8s linear infinite;
        border-bottom: 3px solid rgb(52,130,219);
    }

    .cssload-inner.cssload-two {
        right: 0%;
        top: 0%;
        animation: cssload-rotate-two 0.8s linear infinite;
        -o-animation: cssload-rotate-two 0.8s linear infinite;
        -ms-animation: cssload-rotate-two 0.8s linear infinite;
        -webkit-animation: cssload-rotate-two 0.8s linear infinite;
        -moz-animation: cssload-rotate-two 0.8s linear infinite;
        border-right: 3px solid rgb(52,130,219);
    }

    .cssload-inner.cssload-three {
        right: 0%;
        bottom: 0%;
        animation: cssload-rotate-three 0.8s linear infinite;
        -o-animation: cssload-rotate-three 0.8s linear infinite;
        -ms-animation: cssload-rotate-three 0.8s linear infinite;
        -webkit-animation: cssload-rotate-three 0.8s linear infinite;
        -moz-animation: cssload-rotate-three 0.8s linear infinite;
        border-top: 3px solid rgb(52,130,219);
    }

@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);
    }
}


.container_chklst {
            border: 2px solid #ccc;
            padding-left: 1px;
            width: 100%;
            height: 130px;
            overflow-y:auto;
            float: left;
        }

.container_chklst_2x {
            border: 2px solid #ccc;
            padding-left: 1px;
            width: 100%;
            height: 270px;
            overflow-y:auto;
            float: left;
        }

.line_Break{
    border:1px solid  #8c8b8b;
    margin-top:0px;
    margin-bottom:0px;
}

.margin-left-0_5 {
    margin-left: 0.5%;
}

.testdata-notify {
    background-color: #FFDF32; /*#ad0909;*/ 
    border-color:whitesmoke;
    color:black;
    border: 2px solid whitesmoke;
    height: 80px;
    padding-top:10px;
    text-align:center;
    width:75%;
    
   }

.testdata-notify-message {
    font-size:16px;
}

.testdata-notify-glyphicon {
    font-size: 16px;
}

/*#endregion */
