:root { 
    --color1: #343a40; 
    --color2: #212529; 
    --color3: #adb5bd; 
    --color4: #fff; 
    --colorPrimary: #007bff; 
    --colorPrimaryOpacity: rgba(0,123,255, 0.05);
    --color6: #0069d9; 
    --color7: #0062cc; 
    --color8: #167aff; 
    --color9: #333; 
    --color10: #dfd7ca; 
    --color11: #227dff; 
    --color12: #c2c2c2; 
    --color13: #31708f; 
    --color14: #ffb606; 
    --color15: #337ab7; 
    --color16: #aa4a4a; 
    --color17: #477a4b; 
    --color18: #3b7492; 
    --color19: #9b59b6; 
    --color20: #e67e22; 
    --color21: #d149ce; 
    --color22: #e2bb3b; 
    --color23: #217346; 
    --color24: #336699; 
    --color25: #c0392b; 
    --color26: #a86ebf; 
    --color27: #8c49a7; 
    --color28: #e98e3d; 
    --color29: #d26f18; 
    --color30: #d24637; 
    --color31: #a73225; 
    --color32: #34495e; 
    --color33: #3498db; 
    --color34: #e74c3c; 
    --color35: #62cb31; 
    --color36: #6a6c6f; 
    --color37: #dee1e6; 
    }
    /*!
     * Start Bootstrap - Landing Page v5.0.0 (https://startbootstrap.com/template-overviews/landing-page)
     * Copyright 2013-2018 Start Bootstrap
     * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
     */
    html {height:auto}
    body{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif; height: 100%; position: relative;}
    h1,h2,h3,h4,h5,h6{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700 !important}
    header.masthead{position:relative;background-color:var(--color1);background:url(../img/bg-masthead.jpg) no-repeat center center;background-size:cover;padding-top:8rem;padding-bottom:8rem !important}
    header.masthead .overlay{position:absolute;background-color:var(--color2);height:100%;width:100%;top:0;left:0;opacity:.3 !important}
    header.masthead h1{font-size:2rem !important}
    @media (min-width:768px){header.masthead{padding-top:12rem;padding-bottom:12rem !important}
    header.masthead h1{font-size:3rem !important}
    }
    .showcase .showcase-text{padding:3rem !important}
    .showcase .showcase-img{min-height:30rem;background-size:cover !important}
    @media (min-width:768px){.showcase .showcase-text{padding:7rem !important}
    }
    .features-icons{padding-top:7rem;padding-bottom:7rem !important}
    .features-icons .features-icons-item{max-width:20rem !important}
    .features-icons .features-icons-item .features-icons-icon{height:7rem !important}
    .features-icons .features-icons-item .features-icons-icon i{font-size:4.5rem !important}
    .features-icons .features-icons-item:hover .features-icons-icon i{font-size:5rem !important}
    .testimonials{padding-top:7rem;padding-bottom:7rem !important}
    .testimonials .testimonial-item{max-width:18rem !important}
    .testimonials .testimonial-item img{max-width:12rem;-webkit-box-shadow:0 5px 5px 0 var(--color3);box-shadow:0 5px 5px 0 #adb5bd !important}
    .call-to-action{position:relative;background-color:var(--color1);background:url(../img/bg-masthead.jpg) no-repeat center center;background-size:cover;padding-top:7rem;padding-bottom:7rem !important}
    .call-to-action .overlay{position:absolute;background-color:var(--color2);height:100%;width:100%;top:0;left:0;opacity:.3 !important}
    footer.footer{padding-top:4rem;padding-bottom:4rem !important}
    
    
    
     .color-line {display:none;}
    
    .btn-primary {
        color: var(--color4);
        background-color: var(--colorPrimary);
        border-color: var(--colorPrimary);
      }
    
    #logo {
      height: 62px;
    }
    
    .btn-primary:hover {
        color: var(--color4);
        background-color: var(--color6);
        border-color: var(--color7);
    }
    
    .navbar-nav > li, .navbar-nav > li > a {
        height: 62px;
    }
    
    .nav.navbar-nav.navbar-main {
      top: 0;
    }
    
    table {
      white-space: nowrap;
      width: 100%;
      position: relative;
      background-color: var(--color4);
      border-radius: 5px;
      overflow: hidden;
    }
    
    th {
        background-color: var(--color8);
        color: var(--color4);
    }
    
    table.dataTable.dt-body-left tbody tr td {
        color: var(--color9);
    }
    
    .table-bordered {
        border: 1px solid var(--color10);
    }
    
    .spinner > div {
        background-color: var(--color8);
    }
    
    .bootstrap-datetimepicker-widget table td span {
       display: inline-block;
       width: auto;
       height: auto;
       line-height: 54px;
       margin: 2px 1.5px;
       cursor: pointer;
       border-radius: 4px;
       padding: 10px;
    }
    
    .bootstrap-datetimepicker-widget.dropdown-menu {
       width: auto;
    }
    
    .panel {
      padding: 0;
    }
    
    .checkbox-primary input[type="checkbox"]:checked+label::before {
        background-color: var(--color11);
        border-color: var(--color11);
    }
    
    .radio-with-icon .radio-primary input[type="radio"]:checked~label:before, .radio-with-icon .radio-primary input[type="checkbox"]:checked~label:before {
        color: var(--color4);
        background-color: var(--color11);
    }
    
    .radio-primary input[type="radio"]:checked+label::after {
        background-color: var(--color11);
    }
    
    .radio-primary input[type="radio"]:checked+label::before {
        border-color: var(--color11);
    }
    
    .radio-with-icon input[type="radio"]:checked ~ label:before, .radio-with-icon input[type="checkbox"]:checked ~ label:before {
        content: '\2714';
        text-indent: .4em;
        color: #fff;
        text-align: center;
    }
    
    a.list-group-item.list-group-item-primary.active, a.list-group-item.list-group-item-primary.active:hover, a.list-group-item.list-group-item-primary.active:focus {
        background-color: var(--color11);
        border-color: var(--color11);
        color: #fff !important;
    }
    
    /* datetime fix */
    div.editor-datetime table {
       width: auto;
    }
    
    div.editor-datetime table th {
       color: var(--color4);
    }
    
    /* toggle buttons fix */
    .toggle-off, .toggle-on {
       line-height: 20px;
    }
    
    
    .radio-standard .checkbox input[type="checkbox"]:checked + label::before {
       content: '\2714';
       font-size: 10px;
       text-indent: .4em;
       padding-top: 1px;
       color: var(--color4);
    }
    
    .btn-xs {
       font-size: 11px;
       line-height: 1.5;
       padding: 1px 7px;
    }
    
    .btn-sm, .btn-group-sm > .btn {
       padding: 5px 10px;
       font-size: 12px;
       line-height: 1.5;
    }
    
    .btn-lg, .btn-group-lg > .btn {
       padding: 10px 16px;
       font-size: 20px;
       line-height: 1.3333333;
    }
    
    aside {
        position: absolute;
        height: 100%
    }
    
    .bootstrap-datetimepicker-widget table th {
        background: var(--color4);
        color: var(--color13);
    }
    
    .btn-outline {
        color: inherit;
        background-color: transparent;
        transition: all .5s;
    }
    
    .panel-warning-2 .panel-heading {
        color: var(--color14);
    }
    
    .panel-primary-2 .panel-heading {
        color: var(--color15);
    }
    
    .panel-danger-2 .panel-heading {
        color: var(--color16);
    }
    
    .panel-success-2 .panel-heading {
        color: var(--color17);
    }
    
    .panel-info-2 .panel-heading {
        color: var(--color18);
    }
    
    .btn-outline:hover {
      background: none !important;
    }
    
    .btn-primary2.btn-outline, .btn-primary2.btn-outline:hover {
        color: var(--color19);
    }
    
    .btn-warning2.btn-outline, .btn-warning2.btn-outline:hover {
        color: var(--color20);
    }
    
    .btn-alt-1.btn-outline, .btn-alt-1.btn-outline:hover {
        color: var(--color21);
    }
    
    .btn-alt-2.btn-outline, .btn-alt-2.btn-outline:hover {
        color: var(--color22);
    }
    
    .btn-alt-3.btn-outline, .btn-alt-3.btn-outline:hover {
        color: var(--color23);
    }
    
    .btn-alt-4.btn-outline, .btn-alt-4.btn-outline:hover {
        color: var(--color24);
    }
    
    .btn-danger2.btn-outline, .btn-danger2.btn-outline:hover {
        color: var(--color25);
    }
    
    
    
    .btn-primary2 {
        border-color: var(--color19);
        color: #FFFFFF;
    }
    
        .btn-primary2:hover,
        .btn-primary2:focus,
        .btn-primary2:active,
        .btn-primary2.active,
        .open .dropdown-toggle.btn-primary2 {
            background-color: var(--color26);
            border-color: var(--color26);
            color: #FFFFFF;
        }
    
        .btn-primary2:active,
        .btn-primary2.active,
        .open .dropdown-toggle.btn-primary2 {
            background-image: none;
        }
    
            .btn-primary2.disabled,
            .btn-primary2.disabled:hover,
            .btn-primary2.disabled:focus,
            .btn-primary2.disabled:active,
            .btn-primary2.disabled.active,
            .btn-primary2[disabled],
            .btn-primary2[disabled]:hover,
            .btn-primary2[disabled]:focus,
            .btn-primary2[disabled]:active,
            .btn-primary2.active[disabled],
            fieldset[disabled] .btn-primary2,
            fieldset[disabled] .btn-primary2:hover,
            fieldset[disabled] .btn-primary2:focus,
            fieldset[disabled] .btn-primary2:active,
            fieldset[disabled] .btn-primary2.active {
                background-color: var(--color27);
                border-color: var(--color27);
            }
    
    .btn-warning2 {
        border-color: var(--color20);
        color: #FFFFFF;
    }
    
        .btn-warning2:hover,
        .btn-warning2:focus,
        .btn-warning2:active,
        .btn-warning2.active,
        .open .dropdown-toggle.btn-warning2 {
            background-color: var(--color28);
            border-color: var(--color28);
            color: #FFFFFF;
        }
    
        .btn-warning2:active,
        .btn-warning2.active,
        .open .dropdown-toggle.btn-warning2 {
            background-image: none;
        }
    
            .btn-warning2.disabled,
            .btn-warning2.disabled:hover,
            .btn-warning2.disabled:focus,
            .btn-warning2.disabled:active,
            .btn-warning2.disabled.active,
            .btn-warning2[disabled],
            .btn-warning2[disabled]:hover,
            .btn-warning2[disabled]:focus,
            .btn-warning2[disabled]:active,
            .btn-warning2.active[disabled],
            fieldset[disabled] .btn-warning2,
            fieldset[disabled] .btn-warning2:hover,
            fieldset[disabled] .btn-warning2:focus,
            fieldset[disabled] .btn-warning2:active,
            fieldset[disabled] .btn-warning2.active {
                background-color: var(--color29);
                border-color: var(--color29);
            }
    
    .btn-danger2 {
        background-color: var(--color25);
        border-color: var(--color25);
        color: #FFFFFF;
    }
    
        .btn-danger2:hover,
        .btn-danger2:focus,
        .btn-danger2:active,
        .btn-danger2.active,
        .open .dropdown-toggle.btn-danger2 {
            background-color: var(--color30);
            border-color: var(--color30);
            color: #FFFFFF;
        }
    
        .btn-danger2:active,
        .btn-danger2.active,
        .open .dropdown-toggle.btn-danger2 {
            background-image: none;
        }
    
            .btn-danger2.disabled,
            .btn-danger2.disabled:hover,
            .btn-danger2.disabled:focus,
            .btn-danger2.disabled:active,
            .btn-danger2.disabled.active,
            .btn-danger2[disabled],
            .btn-danger2[disabled]:hover,
            .btn-danger2[disabled]:focus,
            .btn-danger2[disabled]:active,
            .btn-danger2.active[disabled],
            fieldset[disabled] .btn-danger2,
            fieldset[disabled] .btn-danger2:hover,
            fieldset[disabled] .btn-danger2:focus,
            fieldset[disabled] .btn-danger2:active,
            fieldset[disabled] .btn-danger2.active {
                background-color: var(--color31);
                border-color: var(--color31);
            }
    
    
    .btn-primary2.btn-outline {
        color: var(--color19);
    }
    
    .btn-warning2.btn-outline {
        color: var(--color20);
    }
    
    .btn-danger2.btn-outline {
        color: var(--color25);
    }
    
    
    .btn-primary.btn-outline, .btn-primary.btn-outline:hover {
        color: var(--color32);
        border: 1px solid #34495e !important;
    }
    
    .btn-primary2.btn-outline, .btn-primary2.btn-outline:hover {
        color: var(--color19);
        border: 1px solid var(--color19);
    }
    
    .btn-warning2.btn-outline, .btn-warning2.btn-outline:hover {
        color: var(--color20);
        border: 1px solid var(--color20);
    }
    
    .btn-warning.btn-outline, .btn-warning.btn-outline:hover {
        color: var(--color14);
        border: 1px solid var(--color14);
    }
    
    .btn-info.btn-outline, .btn-info.btn-outline:hover {
        color: var(--color33);
        border: 1px solid var(--color33);
    }
    
    .btn-danger.btn-outline, .btn-danger.btn-outline:hover {
        color: var(--color34);
        border: 1px solid var(--color34);
    }
    
    .btn-success.btn-outline, .btn-success.btn-outline:hover {
        color: var(--color35);
        border: 1px solid var(--color35);
    }
    
    .panel-primary > .panel-heading {
        color: var(--color36);
        background-color: var(--color37);
        border-color: var(--color32);
    }
    
    .panel-primary {
        border-color: var(--color32);
    }
    
    .panel-primary-2 > .panel-heading {
        background-color: rgba(155, 89, 182, 0.1);
        color: rgb(155, 89, 182);
    }
    
    .panel-primary-2 {
        border-color: rgb(155, 89, 182);
    }
    
    
    .panel-warning-2 > .panel-heading {
        background-color: rgba(230, 126, 34, 0.1);
        color: rgb(230, 126, 34);
    }
    
    /* custom end */