﻿.w-255 {
    width:255px !important;
}

.w-245 {
    width:245px !important;
}

.w-270 {
    width:270px !important;
}

.w-40 {
    width:70px !important;
}

.w-275 {
    width: 275px !important;
}
.w-322 {
    width:326px !important;
}

.w-233 {
    width:233px !important;
}
.w-100 {
    width:100%;
}
/*.textbox {
    width:255px !important;
}*/

.w-170 {
    width:170px !important;
}

/*Paddings*/
.pt-7 {
    padding-top:7px;
}

fieldset {
    border: 1px solid grey;
    padding:10px;
}
.mainrow {
    padding:10px;
}


.alert-box {
     height:2px !important;
     text-align:center;
     font-weight:bold;
     color:black;
      border: 1px solid #bce8f1 !important;
     border-bottom-left-radius: 30px !important;
      border-bottom-right-radius: 30px !important;
 }

 div.alert-box p{
     margin-top:-10px !important;
     margin:none !important;
 }

 .mt-neg-9 {
     margin-top:-9px;
 }
 .mt-neg-15 {
     margin-top: -15px;
 }
 .mt-8 {
     margin-top:8px;
 }
 
 /*Flex-Containers*/

.create-box {
    display: flex;
    /*background-color:whitesmoke;*/
    /*/*width:100%;*/
    height: 100%;
    align-items: center;
    /*flex-direction:column;
    align-self:center;*/
    justify-content: center;
    /*padding-top: 5%;*/
    margin:2%;
}

.create-inner {
    width: 45%;
    height: 50%;
    padding: 0px 0px;
    /*padding:15px;*/
    /*background-color:whitesmoke;*/
}

.create-title {
    box-shadow: 0 0 3px #ccc;
    padding: 10px 10px;
    background-color: whitesmoke;
    width: 100%;
    display: flex;
}

    .create-title > h4 {
        display: inline-block;
    }

.create-inp-box {
    padding: 20px;
    box-shadow: 0 0 3px #ccc;
}

.custom-file-upload {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 6px 12px;
    cursor: pointer;
}

/*Buttons*/
.btn-container {
    display: flex;
    flex-wrap: wrap;
    /*justify-content:center;*/
}
btn-reset {
    background-color: #ed6914;
    color: white;
    font-size: 13px;
    /*font-weight: bold;*/
    opacity: 0.9;
}

.btn-reset {
    opacity: 1;
    /*color:white;*/
}

.btn-blue {
    background-color: #2392c2;
    color: white;
    font-size: 13px;
    /*font-weight: bold;*/
    opacity: 0.9;
}

    .btn-blue:hover {
        opacity: 1;
        color: white;
    }

.btn-grey {
    background-color: #444e52;
    color: white;
    font-size: 13px;
    /*font-weight: bold;*/
    opacity: 0.9;
}

    .btn-grey:hover {
        opacity: 1;
        color: white;
    }

.btn-green {
    background-color: #56b787;
    color: white;
    font-size: 13px;
    font-weight: bold;
    opacity: 0.9;
}

    .btn-green:hover {
        opacity: 1;
        color: white;
    }

.btn-red {
    background-color: firebrick;
    color: white;
    font-size: 13px;
    font-weight: bold;
    opacity: 0.9;
}

    .btn-red:hover {
        opacity: 1;
        color: white;
    }

.btn-black {
    background-color: #323232;
    color: white;
    font-size: 13px;
    padding-top:10px;
    font-weight: bold;
    opacity: 0.9;
}

    .btn-black:hover {
        opacity: 1;
        color: white;
    }

  

.btn-approve {
    background-color: #25a3c3;
    color: white;
    opacity: 0.9;
}

    .btn-approve:hover {
        opacity: 1;
        color: white;
    }
    
.bg-dark {
    /*background-color: #45afbc;*/
    border-color: #1e2434;
    /*background-color:#dddddd;*/
    background-color: whitesmoke;
    /*color: #3f3f47;*/
}




/*Bootbox Alert Styles*/
.fa-check-circle{
    color:forestgreen;
}

.modal-footer {
    padding:10px;
}
.modal-title {
    text-align:center;
    font-size:40px;
}



@media screen and (max-width:786px ) {
   
    .col-md-2 {
        width:100% !important;
    }

    
}