/*@font-face {

    font-s: myFirstFont;
    src: url(sansation_light.woff);

}*/





.btn-RedWebX {
    background-color: #e05050;
    color: white;
}

    .btn-RedWebX:hover {
        background-color: rgba(224, 80, 80, 0.86);
        color: white;
    }



.no-paddingX {
    padding: 0 !important;
}

.no-marginX {
    margin: 0 !important;
}

.text-redx {
    color: #e05050;
}



.ContentPanelCustom {
    padding-left: 5px;
    padding-right: 8px;
    margin-top: 2px !important;
}

.AlertMessage {
    opacity: 1;
}

.main-header-add {
    padding: 5px 5px 0px 5px !important;
    margin: 0px !important;
}


body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #d5e1e5;
}

body::-webkit-scrollbar-thumb {
    background-color: #31708F;
    border-radius: 10px;
}

    body::-webkit-scrollbar-thumb:hover {
        background-color: #4f96b1;
    }

    body::-webkit-scrollbar-thumb:active {
        background-color: #4f96b1;
    }

body::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px #dc3e3e inset;
}

.TobsDatetimeDivHolder {
    border: solid 1px silver;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
}


.TobsDatetimeDivHolderNoBorder {
    border: none !important;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
}


.TobsDropDownListDefaultcssDateTime {
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
    /*border-bottom-style: inset; border-bottom-width: 1px;
     border-color: #0F7FAF;*/
    background-color: #ffffff;
    border-radius: 0;
    margin-top: 2px;
    cursor: pointer;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    min-height: 30px;
}







/*CustomScrollbar  scrollbar*/

.CustomScrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #d5e1e5;
}

.CustomScrollbar::-webkit-scrollbar-thumb {
    background-color: #31708F;
    border-radius: 10px;
}

    .CustomScrollbar::-webkit-scrollbar-thumb:hover {
        background-color: #31708F;
        /*border: 1px solid #31708F;*/
    }

    .CustomScrollbar::-webkit-scrollbar-thumb:active {
        background-color: #31708F;
        /*border: 1px solid #31708F;*/
    }

.CustomScrollbar::-webkit-scrollbar-track {
    /*border: 1px #dc3e3e solid;*/
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px #31708F inset;
}
/*CustomScrollbar  END-------------------------------------------END */




.side-widget {
    color: #8d8f96;
    border: 1px solid #e5e3e3;
}

    .side-widget .icon {
        color: #969aa4;
    }

    .side-widget .small-box-footer {
        color: #828486;
        background-color: #f0f3f6;
        font-size: 18px;
    }


    .side-widget > .small-box-footer:hover {
        color: #94979c;
        background-color: #f0f3f6;
    }






/***************************************** FILTER OPTION DESIGN *****************************************/
.DashboardFilterDropdown {
    width: 90% !important;
    border: none;
    border-bottom: 1px solid rgba(38, 94, 121, 0.42);
}

.DashboardTitle {
    font-size: 22px;
    font-weight: 700;
    float: right !important;
}

.DashboardFilterDropdown option {
    background-color: #ffffff;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: 1s;
}

.DashboardFilterRadiobutton {
    display: inline-block;
    color: #31708F;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: rgba(92, 140, 164, 0.28);
    border-radius: 4px;
    border: 1px solid #f3c1c1;
}

    .DashboardFilterRadiobutton td {
        padding-left: 4px;
        padding-right: 4px;
    }

    .DashboardFilterRadiobutton span {
        line-height: 4px !important;
    }




.DahboardFilterSearchText {
    width: 50%;
    height: 28px !important;
    border: solid 1px rgba(76, 93, 109, 0.19);
    background-color: rgba(92, 140, 164, 0.28);
    padding-left: 35px;
    color: #373b3c;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    background-image: url('../../../../Resources/Img/search-black.png') !important;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-position: left;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(42,63,84,0.40);
    -moz-box-shadow: 0px 0px 1px 1px rgba(42,63,84,0.40);
    box-shadow: 0px 0px 1px 1px rgba(42,63,84,0.40);
}

    .DahboardFilterSearchText:hover {
        background-image: url('../../../../Resources/Img/search-black.png') !important;
        background-position: left;
        background-color: rgba(92, 140, 164, 0.44);
        border-radius: 3px;
        color: black;
    }

.FilterSearchText:focus {
    background-image: url('../../../../Resources/Img/search-black.png') !important;
    background-position: left;
    background-color: white;
    border-radius: 3px;
    color: black;
    transition: 0.5s;
}

 

/***************************************** FilterOption Design ENd *****************************************/


.MasterSearchText {
    width: 250px !important;
    height: 25px !important;
    border: solid 1px rgba(76, 93, 109, 0.08);
    background-color: rgba(92, 140, 164, 0.14);
    padding-left: 35px;
    color: #373b3c;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    background-image: url('../../../../Resources/Img/search-black.png') !important;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-position: left;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(42,63,84,0.40);
    -moz-box-shadow: 0px 0px 1px 1px rgba(42,63,84,0.40);
    box-shadow: 0px 0px 1px 1px rgba(42,63,84,0.40);
}



@media (max-width:767px) {
    .MasterSearchText {
        width: 100px !important;
    } 
}


.MasterSearchText:hover {
    background-image: url('../../../../Resources/Img/search-black.png') !important;
    background-position: left;
    background-color: rgba(92, 140, 164, 0.44);
    border-radius: 3px;
    color: black;
}

    .MasterSearchText:focus {
        background-image: url('../../../../Resources/Img/search-black.png') !important;
        background-position: left;
 
        background-color: rgba(92, 140, 164, 0.23);
        border-radius: 3px;
        color: black;
        transition: 0.5s;
    }