@charset "utf-8";


/*Helvetica Font Install*/
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../Content/Fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../Content/Fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../Content/Fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../Content/Fonts/Roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Black';
    src: url('../Content/Fonts/Roboto/Roboto-Black.ttf') format('truetype');
}

/*Helvetica Font Install*/

body {
    font-family:Roboto-Medium;
    /*letter-spacing: 0.3px;*/
    background-color: #fff !important;
}

.Login-R {
    height: 100vh;
    width: 100%;
    /*margin:auto;*/
    display: table;
}
tr.disabledColor > td {
    background-color: #FFDDCC !important;
}

.poweredBy {
    position: absolute;
    bottom: 10px;
    right: 5.9%;
    text-align: right;
    margin: 0 0 -10px;
}

    .poweredBy a {
        /*color: #2AC1D4 !important;*/
        /*color:#E94149 !important;*/
    }

.Login-R-div {
    display: table-cell;
    vertical-align: middle;
    /*margin:auto;*/
}


.sub-icon-menu-left {
    /*width:5%;*/
    height: 87.5vh;
    display: inline-block;
    background-color: #fff;
    margin: 8px;
    /*box-shadow: 1px 0 20px rgba(0,0,0,.08);*/
    border-right: 1px solid #eee;
}


.Login-L {
    /*margin: 0 auto !important;
    float: none !important;
    height:100vh;
    display:table;
    width:100%;*/
    position: relative;
    height: 100vh;
}

    .Login-L img {
        /*display:table-cell;
    margin:0 auto;
    vertical-align: middle;*/
        height:500px;
        position: absolute;
        margin: 0;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }



.Login-R .form-control {
    background-color: #fff;
    border: 1px solid #a2a2a2;
    /*border-radius: 4px;*/
    padding-left: 10px;
    height: 40px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    color: #000000 !important;
    background-image: none !important;
}

    .Login-R .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #000;
    }

    .Login-R .form-control::-moz-placeholder { /* Firefox 19+ */
        color: pink;
    }

    .Login-R .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #000;
    }

    .Login-R .form-control:-moz-placeholder { /* Firefox 18- */
        color: #000;
    }


.text-dark {
    color: #3094cb !important;
    text-transform: uppercase !important;
}

.loginbtn {
    background-color:#212121;
    border-color: unset !important;
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
    /*font-weight: 700;*/
    padding: 16px !important;
    font-family:Roboto-Black;
}

    .loginbtn:hover, .loginbtn:active, .loginbtn:focus, .loginbtn:visited {
        background-color: #232323 !important;
    }

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent !important;
}

.LoggedBox {
    display: inline-block;
}

.page-heading {
    display: block;
}

.profile-pic {
    border-radius: 100% !important;
    width: 62px !important;
    padding: 0px !important;
    float: right;
    margin-top: 5px;
}

.deleteRecord {
    font-size: 16px;
    color: red;
}

.pdct-title {
    color: #3094cb !important;
}

.left-menu-icon {
    font-size: 18px;
}

.icon-box ul {
    margin: 0px !important;
    padding: 0px !important;
}

    .icon-box ul li a {
    }

    .icon-box ul li {
        list-style: none !important;
        background: #fff !important;
        text-align: center !important;
        width: 50px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .icon-box ul li img {
            height: 24px;
        }

    .icon-box ul :last-child {
    }

    .icon-box ul li.active {
        list-style: none !important;
        /*margin-bottom: 2px;*/
        background: #2AC1D4 !important;
        text-align: center !important;
        width: 50px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff !important;
    }

.icon-box > ul > li > a > .fa-clock-o {
    color: #000000 !important;
}

.icon-box ul li.active img {
    filter: invert(100%);
}

.icon-box ul li.active a .left-menu-icon {
    color: #fff !important;
}


.ProfileBox {
    /*margin-top: 3px !important;*/
}

/*#side-menu ul > li > a.active {
    background-color: #f1515b !important;
    font-weight: 400;
    color:#fff !important;
}*/

#side-menu {
    margin-top: 3px !important;
}

.grey-box {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    color: #000000;
    border: 1px solid #a2a2a2;
}

    .grey-box ul {
        margin: 0 !important;
        padding: 0 !important;
    }

        .grey-box ul li {
            list-style: none !important;
        }


.list-group-item {
    background-color: transparent !important;
    padding: 5px 5px !important;
}

.color-bordered-table.info-bordered-table {
    border-color: #dedede !important;
    border: .5px solid #dedede;
}

    .color-bordered-table.info-bordered-table thead th {
        background-color: #f5f5f5 !important;
        color: #000 !important;
        font-family:Roboto-Bold;
        letter-spacing:0.4px;
        padding:8px 3px;
        border: .5px solid #dedede;
    }

    .color-bordered-table.info-bordered-table tr td {
        border-color: #dedede !important;
        /*background-color: #f7f7f7 !important;*/
        background-color: #fff;
        border: .5px solid #dedede;
        color: #000 !important;
    }

.body .color-bordered-table.info-bordered-table tr.hover td, body .color-bordered-table.info-bordered-table tr:hover td {
    background-color: #f5f5f5 !important;

}

.OverflowBox {
    overflow-y: scroll;
    height: 215px;
}


    .OverflowBox::-webkit-scrollbar {
        width: 12px;
        height: 100px;
    }

    .OverflowBox::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #03acb4;
        background-color: #03acb4;
        border-radius: 10px;
    }

    .OverflowBox::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px #03acb4;
        background-color: #03acb4;
    }






    .OverflowBox::-webkit-scrollbar {
        background-color: #03acb4;
    }

    .OverflowBox::-webkit-scrollbar-button {
        background-color: #c8c8c8;
    }

    .OverflowBox::-webkit-scrollbar-track {
        background-color: #03acb4;
    }

    .OverflowBox::-webkit-scrollbar-track-piece {
        background-color: #c8c8c8;
    }

    .OverflowBox::-webkit-scrollbar-thumb {
        background-color: #03acb4;
    }

    .OverflowBox::-webkit-scrollbar-corner {
        background-color: #03acb4;
    }

    .OverflowBox::-webkit-resizer {
        background-color: #03acb4;
    }


.img-upload {
    height: 50px;
}

.controlbtn {
}

.controlbtnleft {
    float: left;
}

.controlbtnright {
    float: right;
}

.savebtn {
    background-color: #f1515b !important;
    color: #fff !important;
    /*border-color: #f1515b !important;*/
}

.btn-botm-box {
    text-align: center;
}

    .btn-botm-box .btn {
        display: inline;
        margin: 0px 5px;
    }

.btn-pagi {
    background-color: #c1e3f6;
    border: 0px;
    padding: 3px 10px;
    color: #3094CB;
    border-radius: 2px;
}

.checkbox input[type=checkbox] {
    margin-left: 0px !important;
}

.datepicker-Blue .form-control {
    background-color: #e5f6f7 !important;
    border-color: #e5f6f7 !important;
}

    .datepicker-Blue .form-control::placeholder {
        color: #00abb3 !important;
    }

.input-group-addon:last-child {
    background-color: #e5f6f7 !important;
    border-color: #e5f6f7 !important;
    color: #00abb3 !important;
}

.form-control {
    background-color: #fff !important;
}

    .form-control:focus {
        border: 2px solid #65AED1 !important;
    }