.datepicker table tr td.today{
		background-image: none !important;
	}

	.datepicker table tr td.active.active{
		background-image: none !important;
	}
	h1 {
        font-family: Helvetica, "QuatroSlab", Georgia, Times, "Times New Roman", serif !important;
        /* font-family: "QuatroSlab", Georgia, Times, "Times New Roman", serif !important; */
        /* font-family: "ProximaNova" !important; */
        font-weight: 400!important;
        font-size: 41px!important;
        line-height: 1.1em!important;
        color: #444!important;
    }
    
    h2 {
        font-family: Helvetica, Arial, sans-serif!important;
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
        /* font-family: "ProximaNova" !important; */
        font-weight: 400!important;
        font-size: 32px !important;
        line-height: 1.1em!important;
        color: #444!important;
    }
    
    h3 {
        /* font-family: "ProximaNova" !important;  */
        font-family: Helvetica, Arial, sans-serif!important;
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
        font-weight: 200!important;
        font-size: 26px!important;
        line-height: 1.1em!important;
        color: #444!important;
    }
    
    h4 {
        /* font-family: "ProximaNova" !important; */
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
        font-family: Helvetica, Arial, sans-serif!important;
        font-weight: normal!important;
        font-size: 23px!important;
        line-height: 1.3em!important;
        color: #444!important;
    }
    
    h5 {
        /* font-family: "ProximaNova" !important; */
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
        font-family: Helvetica, Arial, sans-serif!important;
        font-weight: 600!important;
        font-size: 17px!important;
        line-height: 1.1em!important;
        color: #444!important;
    }
    
    h6 {
        /* font-family: "ProximaNova" !important; */
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
        font-family: Helvetica, Arial, sans-serif!important;
    }
    
    body {
        font-weight: 400!important;
        font-size: 16px!important;
        /* font-family: "ProximaNova" !important;  */
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
        font-family: Helvetica, Arial, sans-serif!important;
        line-height: 1.375em!important;
        letter-spacing: normal!important;
        word-spacing: normal!important;
        color: #444!important;
    }
    
    .date .form-control {
        width: 75% !important;
    }
    
    .date span {
        width: 100% !important
    }
    
    .date .input-group-addon {
        padding: 9px 12px !important
    }
    
    .opl-navbar .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        color: #fff !important;
        background-color: #00ACC1 !important;
        border-radius: 5px !important;
    }
    
    .opl-navbar-nav>li>a {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .opl-navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-top: 10px !important;
    }
    
    .opl-navbar {
        border-radius: 0 !important;
    }
    
    .opl-navbar-nav {
        float: right !important;
        margin: 15px 0;
    }
    
    .opl-navbar {
        background-color: #0097A7;
        border-color: #0097A7;
    }
    
    .opl-navbar .navbar-nav>li>a,
    .opl-navbar h2 {
        color: #fff !important;
        font-weight: 300;
        font-size: 15px;
    }
    
    .opl-navbar-nav>li>a {
        /*padding: 10px 60px !important;*/
        padding-top: 5px;
    padding-bottom: 5px;
    }
    
    .opl-container-fluid {
        padding: 0 !important;
    }
    
    .opl-navbar-header img {
        height: 22px;
        margin-top: 10px;
        margin-left: 15px;
    }
    
    .opl-navbar-header .navbar-brand {
        padding: 10px 15px !important;
    }
    
    .opl-navbar-default {
        margin-bottom: 0 !important
    }
    /* Nav bar ends here*/
    
    .btn-color-primary {
        background-color: #0097a7;
        color: #ffffff;
    }
    
    .btn-color-primary:hover {
        background-color: #00BCD4;
        color: #ffffff;
    }
    
    .btn-color-primary:focus {
        color: #ffffff;
    }
    
    .btn-bg-color {
        border: 0.01px solid #d2d6de;
        background-color: white;
    }
    
    .form-group-width {
        width: 32%;
    }
    
    .opl-content-title {
        padding: 2%;
        margin-top: -35px;
    }
    
    .opl-content-title h1 {
        color: #444445;
    }
    
    .opl-content-border {
        border: 1.5px solid #dedfe0;
        padding-bottom: 10%;
        margin: 0.5%;
    }
    
    .opl-text-margin {
        margin: 1.5%;
    }
    
    .opl-txt-transform {
        text-transform: uppercase;
    }
    
    .opl-container-fluid {
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden;
    }
    
    .opl-content-container {
        margin-left: -20px;
        margin-top: 10px;
    }
    
    .opl-form-center-btn {
        text-align: left;
    }
    
    .opl-navbar-header .navbar-brand {
        padding: 0 15px !important;
    }
    
    .opl-footer {
        background-color: #ccc;
        padding: 50px;
        text-align: center;
        color: #fff
    }
    /* Modal Design*/
    /*Right FadeIn*/
    
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 350px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
    
    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }
    
    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }
    
    .modal.right.fade .modal-dialog {
        right: -25%;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }
    
    .modal.right.fade.in .modal-dialog {
        right: 0;
    }
    /* ----- Modal Style ----- */
    
    .modal-content {
        border-radius: 0;
        border: none;
    }
    
    .modal-header {
        border-bottom-color: #FFFFFF;
        background-color: #FFFFFF;
    }
    /* ----- Content Setting ----- */
    
    .opl-content-padding p {
        padding: 5% 5% 0% 5%;
    }
    
    .btn-preview {
        background-color: #00ACC1;
        color: #ffffff;
        border-color: #ffffff;
        width: 55%;
        height: 42px;
        padding: 3%;
        font-weight: 100;
    }
    
    .btn-preview:hover {
        background-color: #00BCD4;
        color: #ffffff;
    }
    
    .modal-content {
        overflow-x: hidden;
    }
    
    .opl-share-exp {
        padding-top: 20%;
    }
    
    .modal-backdrop {
        opacity: 0 !important;
    }
    
    .opl-share-exp hr {
        margin: 10px
    }
    
    .opl-share-exp a {
        color: black
    }
    /* The Modal (background) */
    
    .modal-preview {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 9999;
        /* Sit on top */
        padding-top: 100px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.9);
        /* Black w/ opacity */
    }
    /* Modal Content (image) */
    
    .modal-content-preview {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
    }
    /* Add Animation */
    
    .modal-content-preview,
    #caption {
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.6s;
        animation-name: zoom;
        animation-duration: 0.6s;
    }
    
    @-webkit-keyframes zoom {
        from {
            -webkit-transform: scale(0)
        }
        to {
            -webkit-transform: scale(1)
        }
    }
    
    @keyframes zoom {
        from {
            transform: scale(0)
        }
        to {
            transform: scale(1)
        }
    }
    /* The Close Button */
    
    .closePreview {
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 5%;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
    }
    
    .closePreview:hover,
    .closePreview:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    
    .carousel-indicators {
        top: 400px;
    }
    
    .carousel-inner img {
        margin: auto;
    }
    
    .carousel-control>.fa {
        right: 10% !important;
        left: 10% !important;
    }
    
    .opl-icon-check {
        text-align: center;
        color: #00BCD4;
        font-size: 100px;
    }
    
    .opl-textstyle-h2 {
        font-family: Helvetica, Arial, sans-serif;
        /* font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif; */
        /* font-family: "ProximaNova" ; */
        font-weight: 100;
        font-size: 26px;
        line-height: 1.1em;
        color: #444;
        text-align: center;
    }
    
    .opl-textstyle-p1 {
        color: #444444 !important;
        font-weight: 600!important;
    }
    
    .opl-comment-margin {
        margin-left: 5%;
    }
    
    .opl-img-width-1 {
        width: 50%;
    }
    
    .opl-img-pointer {
        cursor: pointer;
    }
    
    .clear {
        display: block !important;
        left: 75px !important;
        position: relative !important;
    }
    
    tfoot {
        border-top: 1px solid #808080;
    }
    
    .datepicker tfoot tr th {
        text-align: center!important;
        width: 50px!important;
        height: 30px!important;
        border-radius: 4px!important;
        border: none!important;
    }
    
    .datepicker tfoot .clear {
        text-align: center!important;
        width: 30px!important;
        height: 30px!important;
        border-radius: 4px!important;
        border: none!important;
    }
    
    .datepicker tfoot tr th:hover {
        background: none!important;
    }
    
    .datepicker table tr td.active {
        color: #fff!important;
        background-color: #00BCD4!important;
        border-color: #00BCD4!important;
    }
    
    .datepicker table tr td {
        text-align: center!important;
        width: 30px!important;
        height: 30px!important;
        border-radius: 15px!important;
        border: none!important;
    }
    
    .datepicker table tr td.today {
        color: #000!important;
        background-color: #D0D0D0!important;
        border-color: #D0D0D0!important;
    }
    
    #opl-logo {
        height: 85px!important;
    }
    
    .navbar-nav>li>a {
        line-height: 35px !important;
    }
    
    .dropdown-main {
        width: 500px !important;
        position: relative !important;
    }
    
    .dropdown-display-label {
        width: 500px !important;
		cursor: pointer; 
    }
    
    .dropdown-main>ul>li {
        border-bottom: 1px solid #cccccc !important;
    }
    
    .dropdown-display-label .dropdown-selected {
        border: 0px !important; 
    border-radius: 5px !important; 
    color: #333!important; 
    cursor: pointer!important; 
    background: #e2e2e2 !important; 
    font-weight: 400; 
    padding: 5px 25px 5px 10px; 
    font-size: 13px; 
    }
    
    .dropdown-option.dropdown-chose:after {
        float: left!important;
        background: #4AB1E9!important;
        border-radius: 1%!important;
    }
    
    header {
        /* font-family: "ProximaNova" !important;   */
        /* font-family: "ProximaNova", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" !important; */
        font-family: "Helvetica", "Arial", "sans-serif" !important;
        text-align: center;
        font-size: 25px;
    }
    
    #info {
        font-size: 18px;
        color: #555;
        text-align: center;
        margin-bottom: 25px;
    }
    
    a {
        color: #074E8C;
    }
    
    .scrollbar {
        margin-left: 30px;
        float: left;
        height: 300px;
        width: 65px;
        background: #F5F5F5;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    
    .force-overflow {
        min-height: 450px;
    }
    
    #wrapper {
        text-align: center;
        width: 500px;
        margin: auto;
    }
    /*
 *  STYLE 4
 */
    
    .dropdown-main ul::-webkit-scrollbar-track {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        /*background-color: #F5F5F5;*/
    }
    
    .dropdown-main ul::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
    }
    
    .dropdown-main ul::-webkit-scrollbar-thumb {
        background-color: rgba(0, 151, 167, 0.47);
        /* border: 2px solid #0097A7; */
        height: 90px;
        /* float: right; */
    }
    
    .dropdown-maxItem-alert {
        position: absolute;
        top: 100px;
        left: 50%;
        background-color: #e4e3e2;
        width: 100%;
        height: 39px;
        line-height: 39px;
        padding: 0 5px;
        border-radius: 5px;
        color: red;
        -webkit-animation: iui-fadeIn .1000s ease-in forwards;
        -moz-animation: iui-fadeIn .1000s ease-in forwards;
        -ms-animation: iui-fadeIn .1000s ease-in forwards;
        -o-animation: iui-fadeIn .1000s ease-in forwards;
        animation: iui-fadeIn .1000s ease-in forwards
    }
    
    .opl-text-bold-1 {
        font-weight: 700;
        text-align: center;
    }
    
    .opl-modal-inst {
        position: relative;
        top: 60px;
    }
    
	.opl-completedata-head {
    font-size: 42px !important;
	 margin-top: 50px;
}
	
    /* .opl-completedata-head { */
        /* /* font-family: "QuatroSlab", Georgia, Times, "Times New Roman", serif !important; */ */
        /* font-family: 'Helvetica', "QuatroSlab", Georgia, Times, "Times New Roman", serif !important; */
        /* /* font-family:"ProximaNova" !important; */ */
        /* font-weight: 400!important; */
        /* font-size: 41px!important; */
        /* line-height: 1.1em!important; */
        /* color: #444!important; */
    /* } */
    
    .opl-completedata-des {
        font-size: 16px !important;
    }
    
    .opl-completedata-label {
        font-size: 14px !important;
    }
    
    .opl-completedata-btnlabel {
        font-size: 20px !important;
    }
    
    .opl-textstyle-h2 {
        font-size: 30px !important;
    }
    
    .opl-text-bold-1 {
        font-size: 19.2px !important;
        padding-top: 20%;
        padding-bottom: 10%;
    }
    
    #largeViewBtn {
        font-size: 20px !important;
        padding: 0% !important;
        font-weight: 500;
    }
    
    .opl-rprt-share {
        font-size: 16px !important;
        padding-right: 10px;
    }
    
    .opl-textstyle-p1 {
        font-size: 15px !important;
    }
    
    .opl-no-padding {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    
    .dropdown-display-label {
        border-radius: 0px !important;
    }
    
    .dropdown-display-label input {
        padding-left: 10px !important;
    }
    
    .input-group .form-control:first-child {
        padding-left: 9%;
    }
    
    .leftReportGraph {
        position: relative;
        top: 65px;
        cursor: pointer
    }
    
    .rightReportGraph {
        position: relative;
        top: 65px;
        cursor: pointer
    }
    
    .leftReportGraphLargeView {
        position: relative;
        top: 65px;
        cursor: pointer
    }
    
    .rightReportGraphLargeView {
        position: relative;
        top: 65px;
        cursor: pointer
    }
    
    .noDisplay {
        display: none
    }
    
    .btn-margin-1 {
        margin-right: 4% !important;
    }
    
    .dropdown-display-label {
        border-radius: 0px !important;
    }
    
    .dropdown-display-label input {
        padding-left: 10px !important;
    }
    
    .input-group .form-control:first-child {
        padding-left: 5% !important;
    }
    
    .color-red {
        color: red;
    }
    
    .opl-content-header>.breadcrumb {
        font-size: 14px !important;
    }
    
    .dropdown-display-label .dropdown-selected .del {
        right: 8px !important; 
    top: 5px !important; 
    color: #fff; 
    }
    
    .opl-content-container>.dropdown-selected:hover {
        background-color: #d2d6de !important;
    }
    
    .close {
        font-size: 33px!important;
    }
    
    .dropdown-display-label {
		border-radius: 0px !important; 
		max-width: 100% !important;  
    }
    
    .dropdown-display-label input {
        padding-left: 10px !important;
    }
    
    .input-group .form-control:first-child {
        padding-left: 9%;
    }
    
    .color-red {
        color: red;
    }
    
    .radio label,
    .checkbox label {
        padding-left: 25px;
    }
    
    input[type="checkbox"] {
        margin: 4px 0 0;
    }
    
    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        -webkit-appearance: none;
        margin-left: -25px;
        top: -12%;
    }
    
    .radio input[type="radio"]:after,
    .radio-inline input[type="radio"]:after,
    .checkbox input[type="checkbox"]:after,
    .checkbox-inline input[type="checkbox"]:after {
        border-color: rgba(0, 0, 0, 0.54);
    }
    
    .radio input[type="radio"]:disabled:after,
    .radio-inline input[type="radio"]:disabled:after,
    .checkbox input[type="checkbox"]:disabled:after,
    .checkbox-inline input[type="checkbox"]:disabled:after {
        border-color: rgba(0, 0, 0, 0.26);
    }
    
    .radio input[type="radio"]:focus,
    .radio-inline input[type="radio"]:focus,
    .checkbox input[type="checkbox"]:focus,
    .checkbox-inline input[type="checkbox"]:focus {
        outline: none;
    }
    /* checkbox */
    
    input[type="radio"] {
        margin: 3px 0 0;
    }
    
    .checkbox input[type="checkbox"]:after,
    .checkbox-inline input[type="checkbox"]:after {
        border: 2px solid;
        border-radius: 2px;
        content: '';
        display: block;
        height: 18px;
        transition: 240ms;
        width: 18px;
    }
    
    .checkbox input[type="checkbox"]:checked:before,
    .checkbox-inline input[type="checkbox"]:checked:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 6px;
        top: 0;
        display: table;
        width: 6px;
        height: 12px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: '';
    }
    
    .checkbox input[type="checkbox"]:checked:after,
    .checkbox-inline input[type="checkbox"]:checked:after {
        background-color: #00ACC1;
        border-color: #00ACC1;
    }
    
    .checkbox input[type="checkbox"]:disabled:checked:after,
    .checkbox-inline input[type="checkbox"]:disabled:checked:after {
        background-color: rgba(0, 0, 0, 0.26);
        border-color: transparent;
    }
    /* radio */
    
    .radio input[type="radio"]:before,
    .radio-inline input[type="radio"]:before,
    .radio input[type="radio"]:after,
    .radio-inline input[type="radio"]:after {
        content: '';
        border-radius: 50%;
        display: block;
        height: 16px;
        width: 16px;
        transition: 240ms;
    }
    
    .radio input[type="radio"]:after,
    .radio-inline input[type="radio"]:after {
        border: 2px solid;
    }
    
    .radio input[type="radio"]:checked:after,
    .radio-inline input[type="radio"]:checked:after {
        border-color: #00ACC1;
    }
    
    .radio input[type="radio"]:before,
    .radio-inline input[type="radio"]:before {
        background-color: #00ACC1;
        position: absolute;
        top: 0;
        left: 0;
        transform: scale(0);
    }
    
    .radio input[type="radio"]:checked:before,
    .radio-inline input[type="radio"]:checked:before {
        transform: scale(0.55);
    }
    
    .radio input[type="radio"]:disabled:checked:after,
    .radio-inline input[type="radio"]:disabled:checked:after {
        border-color: rgba(0, 0, 0, 0.26);
    }
    
    .radio input[type="radio"]:disabled:checked:before,
    .radio-inline input[type="radio"]:disabled:checked:before {
        background-color: rgba(0, 0, 0, 0.26);
    }
    
    .opl-checkbox-color {
        color: #dedfe0;
    }
    
    .checkbox input[type="checkbox"]:checked:after,
    .checkbox-inline input[type="checkbox"]:checked:after {
        background-color: #00BCD4 !important;
        border-color: #00BCD4 !important;
    }
    
    .checkbox input[type="checkbox"]:checked:before,
    .checkbox-inline input[type="checkbox"]:checked:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 7px !important;
        top: 4px!important;
        display: table;
        width: 4px!important;
        height: 8px!important;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: '';
    }
    
    .custom-row {
        border: .5px solid #dedfe0; 
		margin: .5%;
    }
    
    .custom-col-footer {
        background-color: #dedfe0;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
    }
    
    .custom-col-1 {
         border-right: .5px solid #dedfe0; 
    }
    
    .clock-icon {}
    
    .faicon {
        font-size: 50px;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 25px;
        color: #0097a7;
    }
    
    .clock-icon {
        margin-left: 15px;
    }
    
    .opl-new-data,
    .opl-old-data {
        font-size: 23px; 
        margin-top: 5px; 
    }
    
    .custom-col-1,
    .custom-col-2 {
        margin-left: -15px; 
        padding-top: 10px; 
    }
    
    .data-fwgt-6 {
        font-weight: 600;
    }
    
    .custom-radio {
        margin-top: 20px;
    }
    
  /*   .opl-classdata-des {
        font-size: 24px !important;
        font-weight: 400 !important;
        margin-bottom: 60px;
    } */
    
    .custom-content {
        margin-top: -40px !important;
        margin-left: -10px!important;
    }
    
    .opl-publicdata-label {
        font-size: 14px !important;
        font-weight: 700;
    }
    
    .close {
        font-size: 33px!important;
        padding: 8px 15px !important;
    }
    
    .opl-share-exp a {
        color: #0097A7 !important;
        font-size: 14px !important;
        font-weight: 500!important;
    }
    
    .opl-share-exp a:hover {
        color: #00838F !important;
    }
    
    .fa-clock-o,
    .fa-archive {
        cursor: default !important;
    }
    
    .tooltip>.tooltip-inner {
        max-width: 200px!important;
        padding: 8px 10px!important;
        color: #333!important;
        text-align: center!important;
        background-color: #efefef!important;
        border-radius: .25rem!important;
        line-height: 17px!important;
    }