:root{
	--appColor:#3375c6;
    --strokColor:#4b77be;
    --errorFontColor:#b94a48;
    --errorBorderColor:#e70d0d;
}

@font-face { 
    font-family: 'Lato'; 
    src: url('fonts/Lato/fonts/Lato-Regular.ttf');
} 

body{
    margin: 0;
    padding: 0;
    width: vw;
	min-height: vh;
	background-color: #ffffff !important;
}

@media only screen and (max-width: 2600px) and (min-width: 1100px){

    .bg-main {
        background-position: 25% 15% !IMPORTANT;
        background-size: cover !IMPORTANT;
    }

}

#logo-container1 img{
    display:none;
}


.dvsignin1{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    font-family: Lato, Verdana, sans-serif;
}

.dvsignin1 div:first-child{
    z-index: 5;
}

#logo-id{
    position: fixed;
    top: 0;
    left: 75px;
}

.dvsignin1 .Absolute-Center1{
    box-shadow: 0 0 41px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    background-color: #ffffffe6;
    border: 1px solid #e0e2e3;
    padding: 0 2.5em 0 2.5em;
    height: 50rem;
    /* max-width: 447px; */
    width: 38rem;
    font-size: 13px;
}

.error {
    color: var(--errorFontColor) !important;
    border: 2px solid var(--errorBorderColor) !important;
}

/* spinnercss */

.c-spinner2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.showbox2 {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loader2 {
    position: relative;
    margin: 0 auto;
    width: 25%;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 0;
    background-image: url(../../ThemeLayout/images/logo3-Loader.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
    box-shadow: 0 0px 50px rgba(0, 0, 0, 0.13);
    max-width: 150px;
}

.loader2:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.circular2 {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 130%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 130%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14%;
    right: 0;
    margin: auto;
}

#logo-container1 {
    /* margin-bottom: 10px;
    margin-top: 10px; */
    background-repeat: no-repeat;
    height: 13rem;
    border-radius: 50% 50% 50% 50%;
    background-position: center;
    width: 50%;
    background-size: cover;
    position: relative;
    bottom: 0rem;
    left: -3rem;
}





.path2 {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes color {
    100%, 0% {
        stroke: var(--strokColor);
    }

    40% {
        stroke: var(--strokColor);
    }

    66% {
        stroke: var(--strokColor);
    }

    80%, 90% {
        stroke: var(--strokColor);
    }
}

@keyframes color {
    100%, 0% {
        stroke: var(--strokColor);
    }

    40% {
        stroke: var(--strokColor);
    }

    66% {
        stroke: var(--strokColor);
    }

    80%, 90% {
        stroke: var(--strokColor);
    }
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}



.modal-backdrop {
    z-index: 1038 !important;
    background-color: transparent !important;
}


/* spinnercss */

.dvsignin1 .Absolute-Center1 .form-control,.basic-wrap .form-control {
    box-shadow: 0 0px 8px rgba(72, 72, 72, 0.1509803921568628) ;
}
.dvsignin1 .Absolute-Center1 input::placeholder,.basic-wrap input {
    color: #dddddd;
    opacity: 0.9;
  }

  .dvsignin1 .Absolute-Center1 input:focus ,.basic-wrap input:focus{
    border-color: var(--appColor);
  }

.dvsignin1 .Absolute-Center1 label,.basic-wrap label{
    color: var(--appColor);
}

.dvsignin1 .Absolute-Center1 input,.basic-wrap input{
    border-radius: 5px;
}

.dvsignin1 .Absolute-Center1 button:hover,.basic-wrap button:hover{
    cursor: pointer;
}

.dvsignin1 .Absolute-Center1 .sign-in-btn1{
    border-radius: 5px;
    background-color: var(--appColor);
    border-color: aliceblue;
}

.copyrigh-text1{
    margin-top: 2%;
    text-align: center;
}

input[type="button"]{
    border-radius: 5px;
    background-color: var(--appColor);
    border-color: transparent;
    color: #ffffff;
}

/* modal css */
.modal-content.model-margin-top {
    margin-top: 4%;
    min-height: 570px;
}

.modal-content {
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    margin-top: 10%;
}

.modal-cross {
margin-top: 5px;
    float: right;
}

.modal-cross-btn {
    background: #8d939e;
    opacity: 1;
    border-radius: 50px;
    height: 24px;
    width: 24px;
    line-height: 0;
    text-align: center;
    margin: 1px 3px;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    border: 0px;
    font-size: 12px;
}

.modal-header {
    min-height: 37px;
    background-color: #f5f5f5;
    padding-top: 1px;
    padding-bottom: 0px;
}
.clear-padding-top {
    padding-top: 0px !important;
}
.panel-body {
    padding-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px;
    padding-right: 0px;
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
        
    }

    to {
        top: 0;
        opacity: 1;
        
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
        
    }

    to {
        top: 0;
        opacity: 1;
       
    }
}


/* modal css */

 body .version-label {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 4rem;
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 6px 12px 3px rgba(190,190,206,0.69);
    position: relative;
  }

  .version-img{
   position: relative;
  -webkit-animation: moveVerion 1.7s infinite; /* Safari 4.0 - 8.0 */
  animation: moveVerion 1.7s infinite;
  transition: 0.5s;
  }

  @-webkit-keyframes moveVerion {
    0%, 100% {
        bottom: 0;
      }
      50% {
        bottom: 20px;
      }
  }
  
  @keyframes moveVerion {
    0%, 100% {
        bottom: 0;
      }
      50% {
        bottom: 20px;
      }
  }

  .page-container {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}
/* checkbox */

.b-contain *, .b-contain *::before, .b-contain *::after {
	box-sizing: content-box !important;
}

.b-contain input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.b-contain span {
	line-height: 1.54;
	font-size: 1.25rem;
    float:right;
    color:rgba(0,0,0,.87);
    font-weight: 100;
	font-family: Lato;
    margin:0 0 1px 2.5rem;
    user-select:none;
}


.b-contain {
	display: table;
	position: relative;
	padding-left: 1.8rem;
	cursor: pointer;
	margin-bottom: .5rem;
}

.b-contain input[type="checkbox"] ~ .b-input {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.50rem;
	width: 1.50rem;
	background: rgba(241, 245, 248, 1);
	transition: background 250ms;
	border: 1px solid rgba(184, 194, 204, 1);
	border-radius: 0.125rem;
}



.b-contain input[type="checkbox"] ~ .b-input::after {
	content: '';
	position: absolute;
	display: none;
	left: .50rem;
	top: .18rem;
	width: .25rem;
	height: .6rem;
	border: solid rgba(255, 255, 255, 1);
	border-width: 0 2px 2px 0;
	transition: background 250ms;
	transform: rotate(45deg);
}



.b-contain input:disabled ~ .b-input::after {
	border-color: rgba(135, 149, 161, 1);
}

.b-contain input:checked ~ .b-input::after {
	display: block;
}

.b-contain:hover input ~ .b-input,
.b-contain input:focus ~ .b-input {
	background: rgb(231, 238, 243);
}

.b-contain input:focus ~ .b-input {
	box-shadow: 0 0 0 2px rgba(52,144,220,0.5);
}

.b-contain input:checked ~ .b-input {
	background: rgba(0, 130, 243, 1);
	border-color: rgba(0, 130, 243, 1);
}

.b-contain input[type="checkbox"]:disabled ~ .b-input {
	background: rgba(241, 245, 248, 1);
	border-color: rgba(184, 194, 204, 1);
	opacity: 0.6;
	cursor: not-allowed;
}



.b-contain input:checked:focus ~ .b-input, .b-contain:hover input:not([disabled]):checked ~ .b-input {
	background: rgba(13, 143, 255, 1);
	border-color: rgba(13, 143, 255, 1);
}

.b-contain .b-input::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	margin-left: -0.85rem;
	margin-top: -0.85rem;
	background: rgba(0, 130, 243, 1);
	border-radius: 2rem;
	opacity: .6;
	z-index: 99999;
	transform: scale(0);
}

@keyframes b-ripple {
	0% {
		transform: scale(0);
	}

	20% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1);
  	}
}

@keyframes b-ripple-duplicate {
	0% {
		transform: scale(0);
	}

	30% {
		transform: scale(1);
	}

	60% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1);
  	}
}

.b-contain .b-input::before {
	visibility: hidden;
}

.b-contain input:focus + .b-input::before {
	visibility: visible;
}

.b-contain:first-child .b-input::before {
	visibility: hidden;
}
/* checkbox */

#logo-container1 img[src*="http"]{
    display:block;
}