/* CSS Document */

body {
    background-color: #e6e6e6;
}


.bg-login {
    background-image: url("../assets/images/city-bg.jpg");
    background-color: #8a8a8a;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover 
}

.bg-blur {
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
	padding: 50px 35px 35px;
    min-width: 35%;
}

.bg-blur input {
	background: transparent;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    color: #fff;
}

.bg-blur input:focus {
	background: transparent;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    color: #fff;
}

.bg-blur ::-webkit-input-placeholder, .bg-blur label {
    color: #c3c3c3;
}

.bg-blur ::-moz-placeholder, .bg-blur label {
    color: #c3c3c3;
}

.bg-blur :-ms-input-placeholder, .bg-blur label {
    color: #c3c3c3;
}

.bg-blur ::-ms-input-placeholder, .bg-blur label {
    color: #c3c3c3;
}

.bg-blur ::placeholder, .bg-blur label {
    color: #c3c3c3;
}

.bg-blur button {
    width: 100%;
    background-color: #ffffff29;
    border: none;
}


.bg-blur button:hover, .bg-blur button:focus, .bg-blur button:active {
    background-color: #ffffff80;
    border: none;
}

.vertical-center {
    height: 100vh 
}

.vertical-center .row {
    position: relative; 
    top : 20%;
}

.objectFitcontain {
    -o-object-fit: contain;
       object-fit: contain;
}

.cursorPointer {
    cursor: pointer;
}


.block-shadow {
    background-color: #fff;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
            box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}




.toggle-switch, .toggle-switch .toggle-knob {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.toggle-switch {
    height: 30px;
    width: 55px;
    display: inline-block;
    background-color: #ffffff;
    margin: 2px 2px 5px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #d2d6de;
    -webkit-box-shadow: inset 1px 1px 9px -3px rgba(4, 4, 4, 0.08), 1px 2px 6px -2px rgba(0, 0, 0, 0.01);
            box-shadow: inset 1px 1px 9px -3px rgba(4, 4, 4, 0.08), 1px 2px 6px -2px rgba(0, 0, 0, 0.01);
    text-align: left !important;
}

.toggle-switch .toggle-knob {
    width: 28px;
    height: 26px;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid rgba(126, 126, 126, 0.07);
    -webkit-box-shadow: 0 1px 3px rgba(107, 106, 106, 0.26), 0 5px 1px rgba(107, 106, 106, 0.13);
            box-shadow: 0 1px 3px rgba(107, 106, 106, 0.26), 0 5px 1px rgba(107, 106, 106, 0.13);
    border-radius: 26px;
    margin: 1px;

}

.toggle-switch.active {
    background-color: #77e189;
    border: 1px solid transparent;
}

.toggle-switch.active .toggle-knob {
    margin-left: 24px;
}

.type-icon {
    padding-right: 0!important;
    padding-left: 0!important;
}


.playorder-top {
    margin-left: 40px;
}


.duration-field {
    width: 70px;
    }


.table-no-border-top th {
    border-top: 0px;
}


.col-dashboard {
    margin-top: 30px;
}

.btn-blur-sec {
    color: #000000;
}

.btn-blur-sec:hover {
    color: #f5f5f5;
}

.block-grey-bg {
    background-color: #c7c7c7;
    border: 1px solid #c7c7c7;
}

.collapse-button {
    cursor: pointer;
}

.collapse-button:hover  {
    color: #183c5f;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

div.container.bg-light.block-shadow {
}