/*!
 * Softplus Light Theme
 *
 */


/*Theme Font Family Font Color Font Sizes*/
body
{
    color: #2d2d2d;
    background: #F5F5F5;
    background-color: #F5F5F5;
    border-top: 2px solid #EDEDED;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small
{
    color: #cccccc;
}

/*Links*/
a
{
    color: rgba(232,24,45, .9);
}

    a:hover,
    a:focus
    {
        color: #a3101f;
    }



/*-------------Modal--------------*/


.modal-body .panel
{
    background-color: #F5F5F5;
}



.modal-content
{
    background: #FFFFFF;
}

.modal-header
{
    border-bottom: 1px solid #DDDDDD;
}

.modal-header > .close
{
    background: #FFFFFF !important;
    color: #6d6d6d;
    text-shadow: 0 1px 0 #000;
}

    .modal-header > .close:hover
    {
        color: #2d2d2d;
    }


/*-------------Modal End--------------*/

.forecast a
{
    color: #777777;
}

.error-title
{
    background-color: #FFF;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
}

/*-------------Table--------------*/
.table
{
    background-color: #FFFFFF;
}

.table-bordered
{
    border: 1px solid #DDDDDD;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td
{
    border-color: #DDDDDD;
    border-top: 1px solid #DDDDDD;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th
{
    background-color: #f5f5f5;
}

/*-------------Table End--------------*/

/*-------------MvcGrid--------------*/
.mvcGridRow label {
    border-color: #3a3a3a;
    color: black;
    background: white;
}

.mvcGridRow label:before {
    background: #3a3a3a;
}
/*-------------MvcGrid End----------*/

/*-------------Login--------------*/
.login-screen .well {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
}
/*-------------Login End--------------*/

/*-------------Main Buttons-----------*/

.dropdown-menu > li > a
{
    color: #777777;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus
    {
        color: #ffffff;
        background-color: rgba(232,24,45, .9);
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus
{
    color: #ffffff;
    background-color: rgba(232,24,45, .9);
}




.badge
{
    color: #777777;
}

    .badge:hover, .badge:focus, .open .badge
    {
        color: #2d2d2d;
    }





.btn
{
    -webkit-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.2);
    -moz-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.2);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.2);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.2);
}




.btn-default
{
    color: #2D2D2D;
    background-color: #F5F5F5;
    background-color: #FFFFFF;
    border-color: #2D2D2D;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default
    {
        color: #2D2D2D;
        background-color: #F5F5F5;
        border-color: #BBBBBB;
    }




.btn-primary
{
    color: #ffffff;
    background-color: rgba(232,24,45, .9);
    border-color: #d21528;
}

.btn-primary
{
    color: #ffffff;
    background-color: rgba(232,24,45, .9);
    border-color: #d21528;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary
    {
        color: #ffffff;
        background-color: #c41325;
        border-color: #9a0f1d;
    }



    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active
    {
        background-color: rgba(232,24,45, .9);
        border-color: #d21528;
    }

/*-------------Navigation Top-----------*/
@media (max-width: 899px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #2d2d2d;
        background-color: #EDEDED;
    }
}


.navbar-default .navbar-toggle, .navbar-default .navbar-toggle
{
    background-color: #FFFFFF;
    border-color: #777777;
}


    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
    {
        background-color: #FFFFFF;
        border-color: #2d2d2d;
    }

    .navbar-default .navbar-toggle .icon-bar
    {
        background-color: #777777;
    }

    .navbar-default .navbar-toggle:hover .icon-bar
    {
        background-color: #2d2d2d;
    }


.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
    border-color: #DDDDDD;
}

.navbar-default
{
    border-bottom: 1px solid #DDDDDD !important;
}


    .navbar-default .navbar-nav > li > a
    {
        color: #777777;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
        {
            color: #2D2D2D;
        }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
    {
        color: #2D2D2D;
        background-color: #EDEDED;
    }






.navbar-collapse
{
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-default
{
    background-color: #FFFFFF;
}

.navbar-inverse
{
    border-top: 2px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
}

.navbar-brand-inverse
{
    border-right: 1px solid #F5F5F5;
}

.navbar-brand
{
    border-right: 1px solid #DDDDDD;
}


.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus
{
    color: #ffffff;
    background-color: #F5F5F5;
}

.navbar-inverse .dropdown-menu .divider
{
    background-color: #F5F5F5;
}

.navbar
{
    -webkit-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    border-bottom: 1px solid #DDDDDD;
}


.navbar-inverse .dropdown-menu
{
    background-color: #777777;
    border: 1px solid #F5F5F5;
}

    .navbar-inverse .dropdown-menu > li > a
    {
        color: #cccccc;
    }


.dropdown-menu
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 6px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 3px 6px 0 rgba(60, 60, 61, 0.1);
}

.view .lineicon
{
    color: #777777;
}

    .view .lineicon:hover, .view .lineicon:focus
    {
        color: #2d2d2d;
    }


.view a
{
    color: #777777;
}

/*-------------Main Layout--------------*/


.table thead > tr > th
{
    border-bottom: 1px solid #777777;
}



.progress
{
    background-color: #FFFFFF;
}

.dash-board .panel
{
    border: 0px solid #DDDDDD;
    background-color: transparent;
}

.dash-board .panel-heading
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}



    .dash-board .panel-heading .btn
    {
        background-color: #ffffff;
    }

    .dash-board .panel-heading .btn-group > .btn:first-child
    {
        border-left: 1px solid #ededed;
    }

    .dash-board .panel-heading .btn-group > .btn + .dropdown-toggle
    {
        border-left: 1px solid #ededed;
    }

.state-box
{
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
}

    .state-box a
    {
        color: #777777;
    }

        .state-box a h1
        {
            color: #ec3f50;
        }

.state-overview .symbol
{
    color: #e8182d;
}





.filters-area
{
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 6px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 6px 0 rgba(60, 60, 61, 0.1);
    border-right: 1px solid #DDDDDD;
}

.actions-area
{
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0px 6px 2px rgba(60, 60, 61, 0.1);
    box-shadow: 0 0px 6px 2px rgba(60, 60, 61, 0.1);
    border-left: 1px solid #DDDDDD;
}







.footer p
{
    color: #777777;
}


.dropdown-header
{
    color: #777777;
}



/*-------------Sidebar--------------*/
.panel
{
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.sidebar .panel
{
    border-bottom: 1px solid #dddddd !important;
}





.sidebar .panel-heading a
{
    color: #777777;
    background-color: #FFFFFF;
    border-top: 1px solid #ddd;
}

    .sidebar .panel-heading a .caret
    {
        border-top-color: #777777;
        border-bottom-color: #777777;
    }

.sidebar .panel-heading > a:hover, .sidebar .panel-heading > a:focus, .sidebar .panel-heading > a:active
{
    background-color: #FFFFFF;
    color: #2D2D2D;
}

    .sidebar .panel-heading > a:hover .caret, .sidebar .panel-heading > a:focus .caret
    {
        border-top-color: #333333;
        border-bottom-color: #333333;
    }


.sidebar .panel-body
{
    background-color: #F5F5F5;
    border-top: none;
    border-bottom: none;
}









.add-panel a
{
    color: #e8182d;
}


.add-panel > a:hover, .add-panel > a:focus, .add-panel > a:active
{
    color: #e8182d;
}

#optionsCR li a, #options li a
{
    color: #777777;
}

    #optionsCR li a:hover, #options li a:hover
    {
        color: #777777;
        background-color: #e8182d;
        color: #ffffff;
    }

    #optionsCR li a.selected, #options li a.selected
    {
        color: #777777;
        background-color: #e8182d;
        color: #ffffff;
    }

.category-header
{
    border-bottom: 1px solid #DDDDDD;
}
/*-------------Form--------------*/

.modal-body legend
{
    border-bottom: 1px solid #777;
}

.popover
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 6px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 3px 6px 0 rgba(60, 60, 61, 0.1);
}

.form-control
{
    color: #777777;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
}

    .form-control:focus
    {
        border-color: #66afe9;
    }

    .form-control:-moz-placeholder
    {
        color: #777777;
    }

    .form-control::-moz-placeholder
    {
        color: #777777;
    }

    .form-control:-ms-input-placeholder
    {
        color: #777777;
    }

    .form-control::-webkit-input-placeholder
    {
        color: #777777;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
    {
        background-color: #eeeeee;
    }



.tt-dropdown-menu
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.tt-suggestion.tt-is-under-cursor
{
    color: #fff;
    background-color: #e8182d;
}

    .tt-suggestion.tt-is-under-cursor a
    {
        color: #fff;
    }

/*----------------Nav Tabs------------------*/


.nav-tabs
{
    border-bottom: 1px solid #DDDDDD;
    background-color: transparent;
}

    .nav-tabs > li > a
    {
        border: 0px solid rgba(0, 0, 0, 0);
        border-radius: 0px 0px 0 0;
    }


    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
    {
        color: #777777;
        background-color: #FFFFFF;
        border: 1px solid #DDDDDD;
        border-bottom-color: rgba(0, 0, 0, 0);
    }

.nav > li > a:hover, .nav > li > a:focus
{
    background-color: #FAFAFA;
}




.tab-border
{
    background-color: #fff;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}



.content-panel
{
    border: 1px solid #DDDDDD;
    border-top: 2px solid #E8182D;
}

    .content-panel > .panel-heading
    {
        border-bottom: 0px solid #DDDDDD;
    }

        .content-panel > .panel-heading > a
        {
            color: #777777;
        }

.avatar
{
    background-color: #222;
}

    .avatar > .lineicon
    {
        color: #DDDDDD;
    }

/*------------Pace--------------*/
.pace .pace-progress
{
    background: #e8182d;
}


.pace-done
{
    border-top: 2px solid #e8182d;
}

/*-------------Side Filters--------------*/


.side-filters > li > a
{
    color: #777777;
}

    .side-filters > li > a:hover,
    .side-filters > li > a:focus
    {
        color: #fff;
        background-color: rgba(232, 24, 45, .9);
    }


.side-filters .lineicon:hover
{
    color: #777777;
}

.side-filters > li:hover .lineicon
{
    color: #fff;
}

.side-filters .lineicon:hover
{
    color: #777777 !important;
}

.side-filters .lineicon:active
{
    color: #DDDDDD !important;
}

.menu__level .panel .panel-heading a
{
    border-bottom: 1px solid #ddd;
    color: rgba(232,24,45, .9);
}


/*-------------Kendo UI--------------*/


.k-state-hover, .k-state-hover:hover
{
    border: 1px solid #DDDDDD;
}



.validation-summary-valid
{
    color: #e80c4d;
}

.validation-summary-valid.alert-success {
    color: #468847;
}


.sp-fieldset-collapse-button:hover
{
    color: grey;
}

.slider-handle
{
    background-color: grey;
}



#gantt .k-pager-wrap
{
    border-top: 1px solid #d2d2d2;
}

.sp-control-disabled
{
    border: 1px #DDDDDD solid;
    background: #F5F5F5;
}



/*-------------Kendo Grid and Pagination--------------*/


#grid .k-state-selected, #grid .k-state-selected:link, #grid .k-state-selected:visited, #grid .k-list > .k-state-selected, #grid .k-list > .k-state-highlight, #grid .k-panel > .k-state-selected, #grid .k-ghost-splitbar-vertical, #grid .k-ghost-splitbar-horizontal, #grid .k-draghandle.k-state-selected:hover, #grid .k-scheduler .k-scheduler-toolbar .k-state-selected, #grid .k-scheduler .k-today.k-state-selected, #grid .k-marquee-color
{
    color: #FFF;
    background-color: rgba(232,24,45, .8);
}

.sp-grid-link {
  
    color: #333333;
}


#pivot .grid-item
{
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    color: #FFF;
    -webkit-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
}



.isoJobInfo
{
    color: #777777;
}






/*-------------Scheduler--------------*/

.scheduler_default_event_bar
{
    background-color: #d21528 !important;
}

.scheduler_default_event_bar_inner
{
    background-color: #ec3f50 !important;
}

/*-------------Scroll Webkit--------------*/


::-webkit-scrollbar-track
{
    background-color: #ddd;
}

::-webkit-scrollbar-thumb
{
    background-color: #777;
}

/*-------------Checkbox Webkit--------------*/

input[type="checkbox"]
{
    background-color: #fff;
    border: 1px solid #bbb;
}

    input[type="checkbox"]:checked
    {
        background-color: #FFFFFF;
    }

        input[type="checkbox"]:before, input[type="checkbox"]:checked:before
        {
            color: #fff;
        }


    input[type="checkbox"]:hover:before
    {
        background: rgba(255,255,255,0.3);
    }

input[type=checkbox]:checked::after
{
    background-color: #2d2d2d;
}

.tooltip-inner
{
    background-color: #000;
    color: #fff;
}

.tooltip.bottom .tooltip-arrow
{
    border-bottom-color: #000;
}

.weather-icon svg
{
    width: 100px !important;
    height: 100px !important;
}
/*------------Lineart--------------*/
.sp_LineChart circle
{
    stroke: #F5F5F5 !important;
}

/*------------Multi Level Menu--------------*/
.menu__breadcrumbs
{
    border-bottom: 1px solid #ddd;
}

.menu__link
{
    color: #777777;
}

    .menu__link[data-submenu]::after
    {
        color: #777777;
    }

    .menu__link:hover, .menu__link:focus,
    .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after
    {
        color: #E8182D;
        text-decoration: none;
    }


.menu__link--current
{
    color: #E8182D;
}

.menu__breadcrumbs a:not(:last-child)::after
{
    color: #e2e2e2;
}

.menu__breadcrumbs a:not(:last-child):hover::after
{
    color: #e2e2e2;
}
/*-------------------Track and Trace-----------------------*/

.trackingWindow {
	background: #fff;
}

.dotted-steps {
	border-bottom: solid 1px #e0e0e0;
}

.dotted-steps > .dotted-steps-step .dotted-steps-stepnum {
	color: #595959;
    overflow: hidden;
    text-overflow:ellipsis;
}

.dotted-steps > .dotted-steps-step .dotted-steps-info {
    overflow:hidden;
    text-overflow:ellipsis;
	color: #999;
}

.dotted-steps > .dotted-steps-step > .dotted-steps-dot {
	background: #EC4657;
}

.dotted-steps > .dotted-steps-step > .dotted-steps-dot:after {
	background: #9a0f1d;
	border: 4px solid #fff;
}

.dotted-steps > .dotted-steps-step > .progress > .progress-bar {
	background: #EC4657;
}

.dotted-steps > .dotted-steps-step.disabled > .dotted-steps-dot {
	background-color: #f5f5f5;
}

.dotted-steps-progress-break{

	background-color: #fff;
	border-left: 6px solid #f5f5f5;
	border-right: 6px solid #f5f5f5;

}

.dotted-steps-progress-break.active {
		border-color: #EC4657;
	}

@media (max-width: 480px) {
	.dotted-steps > .dotted-steps-step .dotted-steps-stepnum {
		color: #595959;
	}
	.dotted-steps > .dotted-steps-step .dotted-steps-info {
		color: #999;
	}
}

@media (max-width: 899px) {
	.dotted-steps > .dotted-steps-step > .dotted-steps-dot {
		background: #EC4657;
	}

    .dotted-steps-progress-break{
	background-color: #fff;
	border-top: 4px solid #f5f5f5;
	border-bottom: 4px solid #f5f5f5;
		border-left: none;
	border-right: none;

	}

	.dotted-steps-progress-break.active {
		border-color: #EC4657;
	}


}
/*-------------------Track and Trace End-----------------------*/