/* margin */
#mr--60{margin-right: -60px}
#mb--5{margin-bottom: -5px}

/* Text Size */
.text-12 {font-size: 12px;}
.text-13 {font-size: 13px;}
.text-14 {font-size: 14px;}

/* Text Color */
.text-yellow {color: #fb9000}
.text-yellow:hover {color: #fb6a00}
.text-grey {color: #cfd2d5}
.text-grey:hover {color: #ffffff}
.text-purple {color: #c511fb}
.text-black {color: black}
.text-black:hover {color: #343a40}

/* Background Color */
.bg-black {background-color: black; color: #fff;}
.bg-red {background-color: #e60000}
.bg-yellow {background-color: #ffa500; color: #1a202c}
.bg-grey {background-color: #ecf0fa}
.bg-dark2 {background-color: #081e3e}
.bg-primary-gradient {background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%)}
.bg-danger-gradient {background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important}
.bg-success-gradient {background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;}
.bg-warning-gradient {background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;}

/* Background Hover */
.bg-dark-hover {background-color: #343a40}
.bg-dark-hover:hover {background-color: #fb9000}

@media (min-width:1200px){
.container {max-width: 1200px;}

/* Card Desing */
.card {min-width:25%; margin-left: -7px; margin-right: -7px; border-radius: 7px; border: none}

/* Carousel */

.carousel-control-next, .carousel-control-prev {
    width: 2%;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #fb9000;
}

/* Image */
.object-fit-none {object-fit: cover}

/* Height Settings */
.ht-20  {height: 20px;}
.ht-30  {height: 30px;}
.ht-40  {height: 40px;}
.ht-60  {height: 60px;}
.ht-70  {height: 70px;}
.ht-100 {height: 100px;}
.ht-110 {height: 110px;}
.ht-120 {height: 120px;}
.ht-130 {height: 130px;}
.ht-140 {height: 140px;}
.ht-150 {height: 150px;}
.ht-190 {height: 190px;}
.ht-200 {height: 200px;}
.ht-210 {height: 210px;}
.ht-250 {height: 250px;}
.ht-300 {height: 300px;}
.ht-320 {height: 320px;}
.ht-330 {height: 330px;}
.ht-340 {height: 340px;}
.ht-350 {height: 350px;}
.ht-390 {height: 390px;}
.ht-400 {height: 400px;}
.ht-450 {height: 450px;}
.ht-500 {height: 500px;}
.ht-600 {height: 600px;}

/* Form Desing */
.fix-rounded-right {
    border-top-right-radius: .2rem !important;
    border-bottom-right-radius: .2rem !important;
}

/* Modal Comment */

.modal .modal-dialog-aside{
    width: 550px;
    max-width:80%; height: 100%; margin:0;
    transform: translate(0); transition: transform .2s;
}


.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }

.modal.show .modal-dialog-aside{ transform: translateX(0);  }

/* Dropdown Auto*/
/*multi level menu + auto open menu*/
/*   .dropdown:hover > .dropdown-menu {*/
/*       display: block;*/
/*   }*/

/*.dropdown.open > .dropdown-menu, .dropdown:hover > .dropdown-menu {*/
/*    visibility:visible;*/
/*    opacity:1;*/
/*    transition-delay:0s;*/
/*}*/

/*.dropdown-menu {*/
/*    visibility:hidden;*/
/*    display:block;*/
/*    opacity:0;*/
/*    transition:visibility 0s linear 0.3s, opacity 0.3s linear;}*/

/*li {*/
/*    position: relative;*/
/*}*/

/*.dropdown-menu {*/
/*    top : -8px;*/
/*    left: 100%;*/
/*}*/

/*.dropdown>a:after {*/
/*    display: block;*/
/*    content: " ";*/
/*    float: right;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-color: transparent;*/
/*    border-style: solid;*/
/*    border-width: 5px 0 5px 5px;*/
/*    border-left-color: #999;*/
/*    margin-top: 5px;*/
/*    margin-right: -10px;*/
/*}*/

/* */
#span{
    position: absolute;
    margin-left: 5px;
    right: 0;
}
}