/*
        https://hierodev.com/dispo-html/images/tm-logo.svg
        */

        .navbar {position: fixed !important;top: 0;z-index: 10;width: 100%;left: 0;box-shadow: none;border: none;background: #f3f2ef;}
        #sidebar-wrapper {position: fixed !important;top: 62px;bottom: 0;background: #FFF !important;}
        ::-webkit-scrollbar {width: 5px;height: 5px;}
        ::-webkit-scrollbar-track {background: #DDD;opacity: 0;}
        ::-webkit-scrollbar-thumb {background: #888;}
        ::-webkit-scrollbar-thumb:hover {background: #555;}
        #wrapper {padding-top: 62px;}

        .panel-default>.panel-heading, .panel-success>.panel-heading {background: #FFF !important;}
        .panel-default>.panel-heading h4 a, .panel-default>.panel-heading h3.panel-title a, .panel-title>a {font-size: 14px !important;font-weight: 600 !important;color: #444 !important;}
        .panel-title {text-align: left;}
        .sidebar-nav {background: #FFF;}
        .panel-group .panel {margin-bottom: 10px;}
        html {background: #f3f2ef !important;}
        body {background: #f3f2ef !important;font-family: "Poppins", sans-serif !important;}
        .sidebar-nav li a.MenuColor {background-color: #ffffff !important;color: #373B5C !important;font-weight: 800;position: relative;}
        .sidebar-nav li a {display: block !important;text-decoration: none !important;color: #B3B6C3 !important;font-weight: 600 !important;transition: all .8s;}
        .sidebar-nav li:marker {display: none !important;}
        div.noClassHeading {text-align: left;font-size: x-large;font-weight: 900;color: #FF5000;;margin-bottom: 20px;}
        .sidebar-nav li a:hover {border-left: initial !important;color: #373B5C !important;}
        .sidebar-nav li {list-style: none;}
        .sidebar-nav li.active a {color: #FF5000 !important;font-weight: 600;}
        .panel-group .panel {margin-bottom: 10px;background: #fdfbf9;border: none;}
        .table {box-shadow: none;margin: 5px 0;}
        table tbody tr:nth-child(2n) {background: #f3f2ef;}
        .form-control {box-shadow: none;border-radius: 7px;margin: 2px 0;}
        .form-group {margin-bottom: 10px;}
        table tbody tr:hover {background: #e1dfdb !important;}
        td .form-inline {white-space: nowrap;}

        .btn {border-radius: 7px;text-shadow: none;transition: all .5s !important;}
        .btn-primary, .btn-success, .btn-info {color: #fff;background-color: #FF5000;border-color: #FF5000;}
        .btn-primary:hover,.btn-primary:focus, .btn-success:hover, .btn-success:focus, .btn-info:hover, .btn-info:focus {background-color: #ffffff !important;border-color: #ff5000 !important;color: #ff5000 !important;}
        .btn-warning {background-color: #ffffff;border-color: #ff5000;color: #ff5000;}
        .btn-warning:hover,.btn-warning:focus {color: #fff;background-color: #f14c00;border-color: #f14c00;}
        .btn-danger {background-color: #ffffff;border-color: #ff5000;color: #ff5000;}
        .btn-danger:hover,.btn-danger:focus {color: #fff;background-color: #f14c00;border-color: #f14c00;}
        .navbar-brand {width: 100%;text-align: center;}
        .navbar-brand>img {margin-top: 0 !important;width: initial !important;display: inline-block;}

        tr.btn-danger, tr.btn-danger:hover {color: #373B5C !important;background-color: #ffffff;border-color: #ffffff;text-shadow: none;font-weight: 400;background-image: none !important;}
        th.btn-danger, th.btn-danger:hover {color: #373B5C !important;background-color: #ffffff;}
        .ui-widget-header {border: 1px solid #ff5000 !important;background: #ff5000 !important;}
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #ffffff !important; color: #878787 !important;}
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #ffffff !important; color: #878787 !important;}
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f;background: #ff5000 !important;color: #ffffff !important;}
        .MenuColor i.fa:hover {color: #373B5C !important}
        .MenuColor:after {width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;border-color: #373b5c transparent transparent transparent;content: "";display: inline-block;position: absolute;right: 10px;top: 16px;opacity: .4;transition: all .4s;}
        .MenuColor:hover:after {opacity: .7;}
        .sidebar-nav li ul {display: none;}
        .panel-body {background: #fbfaf7;}
        .multiselect.dropdown-toggle.btn.btn-default{border: none;border-radius: 0;background: none;box-shadow: none;text-align: left;padding: 10px 0;border-bottom: 1px rgb(0 0 0 / 40%) solid;}
        .btn-icon:hover .pb-video-circle {transform: rotate(180deg);background: #66AA66;}
        input[type=checkbox], input[type=radio] {line-height: normal;vertical-align: text-bottom;margin: 0 5px 0 0;}
        #page-content-wrapper {padding: 0px 15px !important;}
        td.btn-danger,th.btn-danger {border: 1px solid #ddd;padding: 8px;line-height: 1.42857143;vertical-align: top;background: #fff;color: #373B5C !important;}
        .form-control-inline {height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width: 200px;display: inline-block;max-width: 100%;}
        .form-control-inline:focus {border: none;border-bottom: 1px #000 solid;}
        a[data-toggle] .glyphicon {margin-right: 5px;}
        .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #fff;text-decoration: none;background-color: #000000 !important;outline: 0;background-image: none;}

        .panel-group .panel, .panel {margin-bottom: 10px;background: #fdfbf9;border: 1px #ff5000 solid;border-radius: 10px;box-shadow: 0px 6px 10px rgb(0 0 0 / 10%)}
        .panel-heading {border-radius: 10px 10px 0 0;}
        .panel-group .panel .panel-body:last-child {border-radius: 10px;}
        .panel-body{border-radius: 10px;}
        .panel .panel {border: none}
        .sidebar-nav i {color: #FF5000;}
        .form-control {border: none;border-radius: 0;background: none;box-shadow: none;text-align: left;padding: 10px 0;border-bottom: 1px rgb(0 0 0 / 30%) solid;height: 42px;color: #777;padding: 0}
        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {word-break: break-all;min-width: 150px;max-width: 250px;}
        .form-control:focus {box-shadow: none;border-color: #000;}
        #sidebar-wrapper {left: 260px !important;height: calc(100% - 80px) !important;border-radius: 10px;border: 1px #ff5000 solid;overflow-x: hidden;top: 76px;overflow: hidden;}
        #sidebar-wrapper:hover {overflow: auto;}
        .Validator, .validator {background: none;color: #ff5000;padding: 0;border-radius: 100px;display: inline-block;margin-bottom: 10px;font-style: italic;font-weight: 600;margin: 4px 0;font-size: 13px;}
        table audio {height: 25px;}
        .sidebar-nav li li {padding-right: 20px;}
        .sidebar-nav li li a {border-radius: 10px;line-height: 24px;text-indent: 0;padding-left: 10px;padding: 8px;text-indent: 0;}
        .sidebar-nav li li a:hover {background: #EEE;}
        .panel-default>.panel-heading h4 a, .panel-default>.panel-heading h3.panel-title a, .panel-title>a {font-size: 16px;}
        .panel-title a:after {width: 0;height: 0;border-style: solid;border-width: 6px 5px 0 5px;border-color: #646464 transparent transparent transparent;content: "";display: inline-block;vertical-align: middle;margin-left: 4px;position: relative;top: -2px;}
        .panel-collapsed .panel-heading {border-radius:10px;}
        .multi-select-global,
        select[multiple] {border: 1px rgb(0 0 0 / 30%) solid;padding: 10px;border-radius: 10px;background: #FFF;height: 200px;}

        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: transparent;opacity: .5;}
        #sidebar-wrapper.sidebar-hidden {display: none;}
        .ih-item.circle {margin: 0 auto;height: initial;}
        .ih-item.circle.effect1 .spinner {width: 160px;height: 160px;}
        .ih-item.circle.effect1 .img {left: 0;top: 0;display: flex;align-items: center;justify-content: center;height: 160px;}
        .ih-item img {width: 60%;height: 60%;}
        .ih-item .info {display: none;}

        td audio {width: 100%;border: 1px #AAA solid;border-radius: 100px;}
        td a.fa[title="Evaluate"] {width: 35px;height: 35px;display: inline-flex;justify-content: center;align-items: center;background: #ff5000;border-radius: 100px;color: #ffffff !important;margin-bottom: 5px;font-size: 18px;align-content: center;}
        td a.glyphicon[title="Evaluate"] {width: 35px;height: 35px;display: inline-flex;justify-content: center;align-items: center;background: #ff5000;border-radius: 100px;color: #ffffff !important;margin-bottom: 5px;font-size: 18px;align-content: center;}
        /*td a.fa[title="Evaluate"]:before, td a.glyphicon[title="Evaluate"]:before {position: relative;left: 1px;top: 1px;}*/
        td a.fa[title="Evaluate"]:hover, td a.glyphicon[title="Evaluate"]:hover {text-decoration: none;font-size: 20px;}
        .cssPager span {background-color: #555 !important;font-size: 18px;color: #FFF;display: inline-block;padding: 0 5px;border-radius: 4px;}
        .cssPager:hover {background-color: #FFF;}
        .cssPager td,.cssPager tr {background-color: #FFF !important;}
        .cssPager a {background-color: #FFF;font-size: 18px;color: #666 !important;display: inline-block;padding: 0 5px;border-radius: 4px;}
        .cssPager a:hover {background-color: #EEE;text-decoration: none;}
        #ContentPlaceHolder1_TopNumber,#ContentPlaceHolder1_BottomNumber {text-align: right;}
        #ContentPlaceHolder1_ClearFilter {color: #FF5000;font-weight: bold;}
        #ContentPlaceHolder1_ClearFilter.btn-warning:hover {color: #FF5000;font-weight: bold;color: #fff;background-color: #f14c00;border-color: #f14c00;}
        tr {height: auto !important;}
        .AlternateRowStyle {color: #444 !important;}
        #ContentPlaceHolder1_ClearLB,.ContentPlaceHolder1_ClearLB,
        .btn-link,.btn-text,.inline-link {padding: 5px;color: #ff5000;font-weight: 600;}
        #ContentPlaceHolder1_ClearLB:hover,.ContentPlaceHolder1_ClearLB:hover,
        .btn-link:hover, .inline-link:hover, .btn-text:hover {text-decoration: underline;color: #ff5000}
        .btn {padding: 6px 12px !important;}
        .btn.link..glyphicon.glyphicon-pencil,.btn-link..glyphicon.glyphicon-pencil,.glyphicon-pencil {color: #ff5000;}
        td .glyphicon-pencil, td .glyphicon-lock {color: #ff5000 !important;}
        .input-holder-table table tbody tr {background: none;}
        .input-holder-table table tbody tr:hover {background: none !important;}
        input[type="checkbox"] {position: relative;top: -1px;}
    th.btn-danger:hover,td.btn-danger:hover {border: none}
        .global-header,.pageHeading {text-align: left;font-size: x-large;font-weight: 700;color: #ff5000;margin-bottom: 10px;}
    .btn.btn-xs {
        padding: 1px 12px !important;
    }
    div.dataTables_wrapper div.dataTables_filter input,
    div.dataTables_wrapper div.dataTables_length select {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
        border: none;
        background: none;
        border-bottom: 1px #AAA solid;
    }
    div.dataTables_wrapper div.dataTables_filter input:focus,
    div.dataTables_wrapper div.dataTables_length select: focus; {border: none;border-bottom: 1px #000 solid;outline: none;box-shadow: none}
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #555 !important;font-size: 18px;color: #FFF !important;display: inline-block;padding: 2px 5px;border-radius: 4px;border: none !important;}
    .dataTables_wrapper .dataTables_paginate {float: left !important;}
    .dataTable {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 7px rgb(0 0 0 / 14%);
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.14);
    box-shadow: 1px 1px 7px rgb(0 0 0 / 14%);
    margin: 0 0 10px 0;box-shadow: none;
    margin: 5px 0;border-collapse: collapse;
    }
    table.dataTable tbody tr:nth-child(2n) {background: #f3f2ef;}
    table.dataTable tbody tr:hover {background: #e1dfdb !important;}

    button.dt-button, div.dt-button, a.dt-button
     {    display: inline-block !important;
        padding: 6px 12px !important;
        margin-bottom: 0 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.42857143 !important;
        text-align: center !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        -ms-touch-action: manipulation !important;
        touch-action: manipulation !important;
        cursor: pointer !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
        background-image: none !important;
        border: 1px solid transparent !important;
        border-radius: 4px !important;    border-radius: 7px !important;
        text-shadow: none !important;
        transition: all .5s !important;    color: #fff !important;
        background-color: #FF5000 !important;
        border-color: #FF5000 !important;    -webkit-appearance: button !important;
        cursor: pointer; !important}
    button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {background-color: #ffffff !important;border-color: #ff5000 !important;color: #ff5000 !important;}
    .dataTables_length {padding: 6px;}
    .input-holder-table #ContentPlaceHolder1_rblCalibration {border: none;}
    .input-holder-table > table {border: none !important;}
    .btn.multiselect.dropdown-toggle {padding: 11px 0 10px !important;}

    #ContentPlaceHolder1_btnAddSamplingplan {margin: 10px 0}
    .form-control.multiselect-search {padding-left: 5px;}
    .multiselect-container .radio {padding-left: 0;}
    .multiselect-container .radio input {position: relative;top: -3px;}
    .left-panel-menu-icon {height: 25px;display: inline-block;vertical-align: middle;margin-right: 10px;}
    #ContentPlaceHolder1_RecordsDisplay1, #ContentPlaceHolder1_RecordsDisplay,#ContentPlaceHolder1_PageNumber1,
    #ContentPlaceHolder1_PageNumber, #ContentPlaceHolder1_PageNumber1 
     {color: #FF5000 !important;font-weight: 600;}
    table tbody tr td {padding: 10px 10px;margin-left: 40px;}
    #wrapper.toggled-2 {padding-left: 0 !important;}
    #wrapper.toggled-2 #sidebar-wrapper {opacity: 0;}
    .validation-holder {background: #EEE;padding: 1px 15px;display: block;margin: 15px 0;border-radius: 10px;}
    .validation-message-holder {padding: 5px}
    .validation-message-holder label {margin: 0;font-weight: normal;font-style: italic;}

    /*Dadatables*/
table.dataTable {border-collapse: collapse !important;margin: 5px 0 !important;width: 100% !important;max-width: 100% !important;margin-bottom: 20px !important;-webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius: 2px !important;background-color: #fff !important;-webkit-box-shadow: 1px 1px 7px rgb(0 0 0 / 14%) !important;-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.14) !important;box-shadow: 1px 1px 7px rgb(0 0 0 / 14%) !important;margin: 0 0 10px 0 !important;border: 1px solid #ddd !important;padding: 8px !important;line-height: 1.42857143 !important;vertical-align: top !important;border-top: 1px solid #ddd !important;}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #ddd !important;}

.multiselect-container .radio input[type=radio] {margin-left: 10px;}
.btn .glyphicon {margin-right: 3px;}
.btn {margin: 1px}
.multiselect-container>li>a>label>input[type=checkbox] {top: 6px;}

#ContentPlaceHolder1_GridView1_lnkView_0,
#ContentPlaceHolder1_GridView1_lnkDelete_0,
#ContentPlaceHolder1_GridView1_LnkRepeatability_0 {}
td textarea {width: 100% !important;}
table tbody tr.green-tr, table tbody tr.green-tr:hover {color: black;background-color: #d5ebd5;}
table tbody tr.colored-tr, table tbody tr.colored-tr:hover {color: black;background-color: #d5ebd5;}
.alert-success {color: #3c763d;background: #dff0d8;border: 1px #81a881 solid;border-radius: 10px;}
.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] {background-color: #ff5000;background-image: none;opacity: .4 !important;}
.btn.btn-success.btn-xs {margin: 2px 0;}
table.table-bordered.dataTable {border-collapse: collapse !important;}
.separator {background: #cbcbcb}

#javascript_countdown_time {font-size: 30px;background: #ff5000;display: inline-block;padding: 8px 20px 4px;margin-left: 20px;border-radius: 10px 10px 0 0;color: #FFF;}
#ContentPlaceHolder1_lbltiming {display: inline-block;background: #fff0ea;border: 1px #ff5000 solid;padding: 10px;border-radius: 10px;color: #ff5000;font-weight: 600;font-size: 18px;}

    .home-holder {text-align: center;padding-top: 65px;}
    .lm {height: 80px;max-width: 100%;margin: 0 0 25px 0;}
    .feats {}
    .feat {display: inline-block;font-size: 35px;margin: 10px 10px;font-weight: 600;background: #fff5f0;padding: 20px 40px;border-radius: 10px;border: 1px #FF5000 solid;position: relative;margin-top: 40px;}
    .feat:after {content: "";display: inline-block;bottom: -4px;height: 4px;background: #FF5000;left: 25px;right: 25px;border-radius: 0 0 10px 10px;position: absolute;box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);}
    .capt {max-width: 90%;width: 800px;margin: 25px auto;text-align: center;font-size: 22px;font-weight: 500;}

    .bg {min-height: 100vh;background-image: url('bg.jpg');background-size: cover;background-position: center;}
    .loginHolder {background: #FFF;padding: 25px;margin-top: 50px;}
    .login-logo {max-width: 100%;}
    .inputholder {margin-bottom: 20px;}
    .inpIconHolder {position: relative;}
    .inpIcon {position: absolute;right: 0;top: 0;height: 100%;display: flex;align-items: center;padding: 0 10px;opacity: .5;}
    .inpIcon:hover {opacity: 1;}
    .inpIcon img {height: 22px}
    .eye-hide {}
    .eye-show .img-eye-hide {display: none;}
    .eye-hide .img-eye-show {display: none;}
    .caption-login {background: #EEE;padding: 10px 25px;margin: 25px 0;text-align: center;border-radius: 10px;}
    .icon-btn {height: 20px;}

    .featssmall {margin: 10px 0;text-align: center;}
    .featsm {display: inline-block;margin: 5px 2px;font-weight: 500;background: #FFF;border: 2px #FF5000 solid;padding: 7px 20px;font-size: 16px;border-radius: 100px;box-shadow: 5px 5px 5px #ddd;position: relative;}
    .featsm:after {    content: "";display: inline-block;width: 10px;position: absolute;top: 50%;margin-top: -1px;height: 2px;background: #FF5000;right: -10px;}
    .featsm:last-child:after {display: none;}
    .login-validation {color: #ff5000;margin: 10px 0 0;text-align: center;display: block;font-style: italic;}

        @media (max-width: 768px) {
        	#wrapper {
        	    padding-left: 260px; padding-top:  55px;
        	}
        	#sidebar-wrapper {
        	    width: 240px;
        	}
            .inline-outline-button-holder {height: 46px;padding-left: 0;margin-top: 10px;}
            .inline-outline-button {top: -10px;left: 10px;}
        }

        @media (max-width: 768px) {
            .navbar-brand {width: initial;}
            #wrapper, #wrapper.toggled {padding-left: 0;padding-top: 55px;}
            #sidebar-wrapper {width: 0;opacity: 0;}
            #wrapper.toggled #sidebar-wrapper {width: calc(100% - 20px);opacity: 1;}
            .toggled #sidebar-wrapper {width: 100%;}
            .sidebar-nav {width: 100%;}
            .lm {height: 60px;}
            .feat {display: inline-block;font-size: 18px;background: #fff5f0;padding: 10px 30px;margin-top: 10px;width: 40%;}
            .capt {font-size: 16px;}
            .ih-item.circle.effect1 .spinner {width: 100px;height: 100px;margin: 0 auto;}
            .ih-item.circle.effect1 .img {left: 0;right: 0;display: flex;align-items: center;justify-content: center;height: 100px;top: 0;}
            .ih-item img {width: 40%;height: 60%;}
            .ih-item.circle {margin: 0 auto;height: initial;text-align: center;margin-bottom: 30px;}
            .arrow-holder {transform: rotate(90deg);}
            .form-control-inline {width: 100%;}
            .dt-buttons {padding: 15px 0 10px 0}
            .btn-group, .multiselect {width: 100%;}
            .graph-image img {width: 100% !important;height: auto !important;}
        }