@media screen and (min-width:1200px) {
	/* owl carousel */
	.owl-carousel .owl-item {
		width: 200px !important;
	}
	.no-js .owl-carousel,
	.owl-carousel.owl-loaded {
		display: block;
		text-align: -webkit-center;
	}
	.owl-carousel .owl-stage-outer {
		width: 100%;
	}
	.owl-carousel .owl-stage {
		width: 100% !important;
	}
}


.customs-radio-btn .btn-default {
    color: rgb(241, 240, 240);
    background-color: #f9b70100 ;
    border-color: #f9b70100 !important; 
}

.customs-radio-btn .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.customs-radio-btn .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}

/* .customs-radio-btn .btn-default:hover,
.customs-radio-btn .btn-default:focus,
.customs-radio-btn .btn-default:active,
.customs-radio-btn .btn-default.active,
.customs-radio-btn .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb00;
    border-color: #f9b70100; 
} */ 

.types-categories {
    color:white;
}
.types-categories:hover {
    color: red;
}

.customs-radio-btn {
    background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border-radius: 10px;
    
}
.customs-radio-btn label {
    transition: all 0.2s;
}
.customs-radio-btn:hover label,
.customs-radio-btn:focus label {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.customs-radio-btn:hover .custom-radio-btn-title {
    color: #e30e31;
}

.customs-radio-btn .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.customs-radio-btn .btn-circle.btn-lg {
    display: inline;
    width: 80px;
    height: 80px;
    padding: 26px 13px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 40px;
}

.customs-radio-btn input[type="radio"],
input[type="checkbox"] {
    visibility: hidden;
}

.customs-radio-btn input[type="radio"]:checked+label {
    font-weight: bold;
}

/*.customs-radio-btn input[type="radio"]:hover+label {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}*/

.customs-radio-btn input[type="radio"]+label {
    /*-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;*/
    cursor: pointer;
}

.fa-6x {
    font-size: 6em;
}
.fa-7x {
    font-size: 7em;
}



.modall-container {
    width: 400px;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px 0;
    /* -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); */
    /* box-shadow: 0 0 2px rgba(0,0,0,0.2); */
 }


 
 .modall-row {
     display: block;
     padding: 10px;
     text-align: center;
     width: 100%;
     clear: both;
     overflow: hidden;
 }

 .modall-form {
    background: #e8e8e8;
    padding: 10px 20px;
    border-radius: 10px;
}
 
 .modall-half {
     width: 50%;
     float: left;
 }
 
 .modall-content {
     background: #fff;
 }


 .modall-btn-group {
    color: #e30e31;
    background-color: transparent;
    border: 1px solid #e30e31;
 }
 .modall-btn-group:hover {
    color: #333333;
    background-color: #e9ecef;
    border: 1px solid #e9ecef;
 }
 .modall-btn-group:not(:disabled):not(.disabled).active, 
 .modall-btn-group:not(:disabled):not(.disabled):active, 
 .show>.modall-btn-group.dropdown-toggle
 {
    color: #fff;
    background-color: #e30e31;
    border-color: #e30e31;
 }
 .btn-search-box.modall-btn-group:not(:disabled):not(.disabled).active, 
 .modall-btn-group:not(:disabled):not(.disabled):active, 
 .show>.modall-btn-group.dropdown-toggle {
    color: #fff;
    background-color: #e30e3142;
    border-color: #fff0;
}
.btn-search-box.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: rgba(0, 123, 255, .5);
    border-color: #fff0;
}
 
 .modall-title {
     font-family: 'Rokkitt', sans-serif;
     color: #666;
     text-align: center;
     font-weight: 400;
     margin: 0;
     font-size: 30px;
 }
 
 .modall-tagline {
     margin-top: -10px;
     text-align: center;
     padding: 5px 20px;
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     color: #777; 
 }
 
 /* inputs */
 /* inputs */

 .modall-inputContainer {
     height: 50px;
     border-top: 1px solid #e5e5e5;
     position: relative;
     overflow: hidden;
 }
 
 .modall-label {
     padding: 5px 10px;
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     color: #212529;
     display: block;
     position: relative;
 }
 
 .modall-inputContainer.last {
     /* border-bottom: 1px solid #e5e5e5; */
     margin-bottom: 20px;
 }
 
 .modall-inputContainer.modall-half.last.right {
     /* border-left: 1px solid #efefef; */
 }


    
    .modall-custom-select {
        background-color: #ff000000;
        border: 1px solid red;
    }
    .modall-custom-select:focus {
        border-color: #e30e31;
        outline: 0;
        box-shadow: none;
    }

 .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #e30e31;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #e30e31;
}
/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff0000; /* red */
}

 
 
 
 .taskcontainer {
     margin-top: 0;
 }
 
 .btn-taskAdd {
     font-family: 'Open Sans', sans-serif;
     background: transparent;
     border-radius: 2px;
     border: solid #e30e31 1px;
     outline: none;
     height: 50px;
     width: 150px;
     font-size: 1em;
     color: #e30e31;
     cursor: pointer;
     text-transform: uppercase;
     position: relative;
     -webkit-transition: all 0.3s;
             transition: all 0.3s;
 }

 .modall-icon {
    position: absolute;
    top: 30%;
    left: 10px;
    font-size: 20px;
}

.modall-taskAdd {
    background: transparent;
    padding-left: 15px;
}

.modall-taskAdd:hover {
    background: #e30e31;
    color: white;
}

 .btn-taskAdd:disabled {
    border: solid #808080 1px;
    color: #868e96;
 }
 
 

 
 .taskDelete {
     background: #e74c3c;
     padding-left: 30px;
 }
 
 .taskDelete:hover {
     background: #c0392b;
 }


 @media screen and (max-width:991px) { 
    .modall-container {
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        padding: 20px 0;
        /* -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); */
        /* box-shadow: 0 0 2px rgba(0,0,0,0.2); */
     }
     .modall-title {
        font-family: 'Rokkitt', sans-serif;
        color: #666;
        text-align: center;
        font-weight: 400;
        margin: 0;
        font-size: 25px;
    }
 }