/*==========================================================================
 	   Main layout / containers
 ========================================================================== 	*/
/*
html body { width:90%; margin:0 auto; background:#ececec; background:url("App_Themes/IceconV2/images/layout/mainmenu_wrap.gif") repeat-x 0px 46px ;   }
html body #menu_container { border:0;  }
*/
/*
html body { width:90%; margin:0 auto; background:#ececec; background:url("App_Themes/IceconV2/images/layout/mainmenu_wrap.gif") repeat-x 0px 46px ;   }
html body #menu_container { border:0;  }
*/
/*magdalena test*/


.sprite {
    background: url("sprite.png") top left no-repeat;
}

html.newLayout .header_content {
    background-color: #ececec;
}

html.newLayout body {
    /* width: 1200px;*/
    margin: 0 auto;
    background-color: #ececec;
    width: 95%;
    min-width: 1200px;
    height: 100%;
    /*background-image: url("Images/Icons/Actions/tile_op.png");*/
    /*
    max-width:1400px;*/
    /*padding-right:22px;
     background:url("App_Themes/IceconV2/images/layout/mainmenu_wrap.gif") repeat-x 0px 46px */
}

    html.newLayout body.mm-sharp-layout {
        background-color: #fbfbfb;
    }

/*html body #menu_container { border:0;  }*/

img.menuIcon {
    border: 1px solid #b4b4b4;
    margin-top: 5px;
}

img.menuIconV11 {
    opacity: 0.7;
}

    img.menuIconV11:hover {
        opacity: 1.0;
    }

.grouping_header {
    background-image: none !important;
    border-bottom: 0px !important;
    font-size: 11pt !important;
    color: #565555 !important;
}

.breadcrumbs_container {
    margin-top: 10px;
}

.new_breadcrumbs, .breadcrumbs_container {
    display: none;
}

.new_breadcrumbs, html.newLayout .breadcrumbs_container {
    display: block;
    float: right;
}

.mm-sharp-layout .new_breadcrumbs {
    float: left;
}

.new_breadcrumbs {
    margin: 5px 5px 0px 0px;
    font-weight: normal;
}

    .new_breadcrumbs ul {
        list-style: none;
        margin: 0;
        padding-left: 5px;
    }

        .new_breadcrumbs ul li {
            float: left;
            background: url("Images/Icons/Actions/bread_seperator.png") no-repeat right 3px;
            padding-right: 15px;
            margin-right: 10px;
            margin-top: 2px;
        }

            .new_breadcrumbs ul li.last {
                margin-right: 0px;
                padding-right: 0px;
                background: none;
                font-weight: bold;
                font-size: 13px;
                text-transform: uppercase;
                margin-top: 0px;
            }

            .new_breadcrumbs ul li.last_link {
                text-decoration: underline;
                margin-right: 0px;
                padding-right: 0px;
                background: none;
                font-weight: bold;
                font-size: 13px;
                text-transform: uppercase;
                margin-top: 0px;
            }

                .new_breadcrumbs ul li.last_link:hover {
                    opacity: 0.6;
                    filter: alpha(opacity=60);
                    text-decoration: none;
                    margin-right: 0px;
                    padding-right: 0px;
                    background: none;
                    font-weight: bold;
                    font-size: 13px;
                    text-transform: uppercase;
                    margin-top: 0px;
                }

            .new_breadcrumbs ul li.level1 {
                display: none;
            }

.mm-sharp-layout .question_top {
    float: left;
}

.missing_documentation {
	background: url("IMAGES/v11/breadcrumbs/helpIconsSpriteMissing.png") no-repeat top left !important;
}

.mm-sharp-layout a.question_top {
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: url("IMAGES/v11/breadcrumbs/helpIconsSprite.png") no-repeat top left;
	margin-top: 5px;
}

    .mm-sharp-layout a.question_top:hover {
        background-position-x: -15px;
    }

.mm-sharp-layout .question_top_missing {
	float: left;
}

.mm-sharp-layout a.question_top_missing {
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: url("IMAGES/v11/breadcrumbs/helpIconsSprite.png") no-repeat top left;
	margin-top: 5px;
}

	.mm-sharp-layout a.question_top_missing:hover {
		background-position-x: -15px;
	}

.mm-sharp-layout .new_breadcrumbs {
    float: left;
}

.mm-sharp-layout .breadcrumbs-wrapper > div {
    float: left !important;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

html.newLayout a.question_top {
    /*padding-top: 5px;*/
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    /*margin-top: 5px;*/
}

html.newLayout .mm-sharp-layout a.question_top {
    float: left;
    width: 15px;
    margin-top: 5px;
}


.action_item_right {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .action_item_right:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

html.newLayout #header {
    background-color: none;
    background-image: none;
}

.newLayout .shortcuts_container {
    border-bottom: none !important;
    background-image: none !important;
}
/* wrapping content, width too much set somewhere in vb file perhaps */
/* #ctl00_ctl00_MainContent_cphMaster_ctl02_rsSplitter { height:700px !important; } */

/*Make left filter width behave - can not fix like that, unless close state detected */
/*#RAD_SPLITTER_PANE_CONTENT_ctl00_ctl00_MainContent_cphMaster_ctl02_ProcessStepFilterLeft { width:22px !important; }*7

/* Leftfilter area  -
#ctl00_ctl00_MainContent_cphMaster_ctl02_leftFilter, #ctl00_ctl00_MainContent_cphMaster_ctl02_ProcessStepFilterSlideLeft { 
    border-bottom:none; 
    background:#ececec;
}*/

.mainprocessstep_splitterWrapper .RadSplitter {
    border-left: none !important;
    border-bottom: none !important;
}

.mainprocessstep_splitterWrapper .rspPane {
    border-right: none !important;
    border-bottom: 2px solid #EAEAEA !important;
}

.locationPopNavWrapper {
    border-bottom: solid 1px red;
}


.newLayout .header_content {
    background-image: none;
    background-color: none;
    zoom: 1;
}

.newLayout #ctl00_ctl00_MainContent_cphMaster_col1 {
    height: auto !important;
}

.newLayout #content #shortcuts {
    border-left: none;
    /* float:none; */ /* Shorcuts on its own line */
}

/*left border on the main white container*/

.newLayout #ctl00_ctl00_MainContent_cphMaster_col1 {
    border-left: none !important;
}

.newLayout #content .leftmenu .col1 {
    border-right: none;
}

.newLayout .master_header {
    padding-top: 0px !important;
}

#maincontentcontainer_afterbread {
    /*margin-top: 0px;*/
}

.mainprocess_info_container {
    padding-top: 0px;
    font-weight: bold;
    font-size: 14pt;
    color: #15476C;
    top: 25px;
    /*background-image:url("App_Themes/IceconV2/images/layout/mainmenu_wrap.gif");*/
    /* background-color:#ececec;*/
}

.process_steps_container {
    /* hoh
   width:100%;
    text-align:center;
*/
    float: left;
    margin-left: 158px;
}

    .process_steps_container img, .process_steps_container input {
        margin-bottom: 8px;
    }


/* Image next to dropdown */
#ctl00_ctl00_MainContent_cphMaster_ctl02_TopFilter_pnlFilterContainer2 > div:first-child {
    left: 218px !important;
    border: solid 2px #fff;
}

html.newLayout .highslide img {
    border: none;
}

.rspHideRadSplitter {
    POSITION: absolute;
    TOP: -99999px
}

.rsSplitter {
    width: 800px;
}


.mainprocesssteps_container .process_steps_container h3 {
    padding: 0px 0px 0px 0px;
    line-height: 115%;
}

.mainprocessstep_splitterWrapper {
    width: 100%;
    clear: both;
    float: left;
}

.process_steps_container * {
    padding: 0;
    margin: 0;
}

.viewmode_item {
    text-align: center;
    margin-right: 15px;
    color: #15476C;
    font-size: 8pt;
    font-weight: bold;
    float: left;
    opacity: 0.5;
}

.viewmode_item_caption {
    color: #15476C;
    font-size: 12pt;
    font-weight: bold;
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}

.action_item_right {
    /*text-align:center;*/
    margin-left: 15px;
    color: #15476C;
    font-size: 8pt;
    font-weight: bold;
    float: right;
    margin-right: 0px;
}

.viewmode_container {
    margin-bottom: 45px;
    margin-left: 50px;
    margin-right: 50px;
    width: 85%;
    height: 50px;
}

    .viewmode_container.mm-no-icons {
        margin-bottom: 0px;
    }

.viewmode_container_only_caption {
    margin-left: 50px;
    margin-right: 50px;
    width: 95%;
    height: 50px;
}

.viewmode_container_nothing {
    height: 0px;
}

.processstep {
    overflow: hidden;
    padding: 0px 10px 12px 10px;
    height: auto;
}

.newLayout .filter_rounded_item {
    height: 93px !important;
}

.newLayout .filter_rounded_item_container_white {
    border-top: none !important;
}

/*==========================================================================
 	   Process List
 ========================================================================== 	*/

/* OLD List for big buttons at top */
/*
.process_step { float:right;  padding-top: 13px;}
.process_step li { list-style:none; margin-left:3px;}
.process_step_category { cursor: hand; cursor: pointer; height:80px !important; width:77px !important; }
.process_step_category .NavImg { opacity: 0.2; }
  .process_step_category, 
.process_step_selected { float: left;  background-color: #EAEAEA; text-align: center; color: #15476C; border: 2px solid #d7d8da; border-bottom: none;  }
.process_step_selected {width: 77px; height:80px; }
*/


/*==========================================================================
 	 List for big buttons at top
 ========================================================================== 	*/
nav.process_navlist {
    float: left;
}

    nav.process_navlist ul {
        float: right;
        margin: 0px;
        padding: 0px;
        padding-top: 13px;
    }

        nav.process_navlist ul li {
            list-style: none;
            margin-left: 3px;
            cursor: hand;
            cursor: pointer;
            height: 87px !important;
            width: 77px !important;
            float: left;
            background-color: #EAEAEA;
            text-align: center;
            color: #15476C;
            border: 2px solid #d7d8da;
            border-bottom: none;
        }

            nav.process_navlist ul li.mm-no-children {
                background: none;
                border: none;
                cursor: default;
            }

                nav.process_navlist ul li.mm-no-children:hover {
                    background: none;
                }

            nav.process_navlist ul li.selected, nav.process_navlist ul li:hover {
                width: 77px;
                height: 89px !important;
                background-color: #ffffff;
                opacity: 1;
                border-color: #B2B4BC;
            }
            /*-webkit-filter: grayscale(0%);}*/

            /*The text*/
            nav.process_navlist ul li a .caption {
                font-size: 10px;
                display: block;
                color: #15476C;
                line-height: 12px;
                margin-top: 4px;
            }
            /* link iself */
            nav.process_navlist ul li a {
                display: block;
                height: 87px;
            }
                /*for img support*/
                nav.process_navlist ul li a img {
                    margin-top: 5px;
                    filter: alpha(opacity=20);
                    background: #ececec;
                    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
                    filter: gray; /* IE6-9 */
                    opacity: 0.2;
                    /*filter:alpha(opacity=20);*/
                    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
                }
            /* nav.process_navlist ul li  { opacity:0.2;  } temp change */
            nav.process_navlist ul li.selected a img, nav.process_navlist ul li:hover a img {
                opacity: 1;
                margin-top: 5px;
                background: #fff;
                filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
            }
            /*nav.process_navlist ul li.selected { opacity:1; }  temp change */
            /*for sprite support*/
            nav.process_navlist ul li a .image {
                opacity: 0.2;
            }

            nav.process_navlist ul li.selected a .image, nav.process_navlist ul li:hover a .image {
                opacity: 1;
            }

            nav.process_navlist ul li.selected, nav.process_navlist ul li:hover {
                filter: 0;
            }

            /* Need the following? */
            /* 
nav.process_navlist ul li.disabled{width: 77px; height:87px !important; background-color:#ececec; opacity:1;}
nav.process_navlist ul li.disabled a .caption {font-size:10px; display:block; color:#cccccc; line-height:12px; margin-top:4px; }
*/

            /* Fix for hovering over disabled buttons in the main nav */

            nav.process_navlist ul li.disabled, nav.process_navlist ul li.disabled a {
                cursor: help;
            }

                nav.process_navlist ul li.disabled:hover {
                    background-color: #EAEAEA;
                    border-color: #d7d8da;
                    height: 87px !important;
                }

                    nav.process_navlist ul li.disabled:hover a img {
                        background: #ececec;
                        opacity: 0.2;
                        filter: alpha(opacity=20);
                        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                        filter: gray;
                    }

/*==========================================================================
 	 List for summary 
 ========================================================================== 	*/
nav.viewmode_nav {
}

    nav.viewmode_nav ul {
        padding: 0px;
        margin: 0px;
    }

        nav.viewmode_nav ul li {
            float: left;
            list-style: none;
            margin-left: 10px;
            opacity: 0.3;
            filter: alpha(opacity=30);
            background: #fff;
        }

            nav.viewmode_nav ul li.selected, nav.viewmode_nav ul li:hover {
                opacity: 1;
            }

        nav.viewmode_nav ul li {
        }

            nav.viewmode_nav ul li.selected, nav.viewmode_nav ul li:hover {
                filter: 0;
            }

nav.process_navlist ul li a img {
}

nav.process_navlist ul li.selected a img, nav.process_navlist ul li:hover a img {
    filter: 0;
}
/*for sprite support*/
nav.process_navlist ul li a .image {
}

nav.process_navlist ul li.selected a .image, nav.process_navlist ul li:hover a .image {
    filter: 0;
}

/*==========================================================================
 	  Action list 
 ========================================================================== 	*/
nav.actions_nav {
    margin-right: 10px;
}

    nav.actions_nav ul {
        float: right;
        padding: 0px;
        margin: 0px;
    }

        nav.actions_nav ul li {
            float: left;
            list-style: none;
            margin-left: 10px;
            opacity: 0.3;
        }

            nav.actions_nav ul li:hover {
                opacity: 1;
            }

        nav.actions_nav ul li {
        }

            nav.actions_nav ul li:hover {
            }

/* Drop down menu at top */
.ddMenu {
    margin-top: 8px;
}

    .ddMenu .RadComboBox.RadComboBox_Default {
        width: 200px;
    }
/* Mystery pop Nav at top next to select boxes */
.popNav {
    left: 0px;
    position: absolute;
    top: -8px;
}

    .popNav ul {
        list-style: none;
        margin: 0;
        padding-left: 0px;
        margin-top: 16px;
    }

        .popNav ul li {
        }

            .popNav ul li a {
            }
/* Container for location selector */
.newLayout .location_selector_container {
    float: left;
    width: 337px;
}

    .newLayout .location_selector_container figure {
        float: left;
        border: solid 2px #ffffff;
        margin: 0px;
        margin-left: 8px;
    }

/* Content */
.newLayout #content .leftmenu .colright {
    background: none;
    width: 200%;
}

.newLayout #content .colmask {
    border-bottom: none !important;
    background: none;
}

.processstepitem_treecontainer {
}

/* changed - why - katina ? */
#filtercontentcontainer .filter_rounded_item_container .filter_rounded_item > div {
    left: 0px !important;
}

/* Main rad content */
.newLayout #RAD_SPLITTER_ctl00_ctl00_MainContent_cphMaster_ctl02_rsSplitter {
    border: 0 !important;
}
/* left col rad */
.newLayout #ctl00_ctl00_MainContent_cphMaster_ctl02_ProcessStepFilterLeft {
    border-bottom: none !important;
    background: #ececec; /*border-right:solid 2px #B2B4BC !important;*/
}

.newLayout .mm-sharp-layout #ctl00_ctl00_MainContent_cphMaster_ctl02_ProcessStepFilterLeft {
    background: #fbfbfb;
}

/* Rad table */
.newLayout #RAD_SPLITTER_ctl00_ctl00_MainContent_cphMaster_ctl02_rsSplitter {
    background: #fff;
}

.mainprocesssteps_container .RadComboBox_Default .rcbInput {
    font-size: 10px;
    background-color: #ffffff;
}

.mainprocessstep_splitterWrapper {
    width: 100%;
}

/*.mainprocessstep_splitterWrapper #RAD_SPLITTER_PANE_CONTENT_ctl00_ctl00_MainContent_cphMaster_ctl02_ContainerPanea05abdd8-19cf-4c9b-8661-936c1a69a792 {width:1156px;}*/
.newLayout .mainprocessstep_info {
    width: 100%;
    color: #FFFFFF;
    border-top: 0px solid black;
    border-left: 0px solid black;
    border-right: 0px solid black;
    height: 30px;
    clear: both;
    background-image: url("App_Themes/IceconV2/images/layout/mainmenu_wrap.gif");
}

.processstepitem_title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    color: #15476C;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
    /*border: 1px solid red;*/
}

.ContainerPane {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.65);
    -moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.65);
    box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.65);
    border-bottom: 2px solid #B2B4BC;
    border-right: 2px solid #B2B4BC;
    /*border-left:2px solid #B2B4BC;*/
}

.processstepitem_treecontainer_container_right {
    direction: ltr;
    height: 500px;
    overflow: auto;
    width: 95%
}

.help_link {
	position: absolute;
	right: -19px;
	bottom: -58px;
	background: url("Images/Icons/Actions/helpBtn.png") no-repeat repeat top left !important;
	width: 22px;
	height: 60px;
}

.help_link_missing {
	background: url("Images/Icons/Actions/helpBtn.png") no-repeat repeat top left !important;
}

    .help_link span {
        display: block;
        text-indent: -9999px;
    }

.csstransforms .help_link {
    height: 60px;
    background: url("Images/Icons/Actions/helpBtnEmpty.png") no-repeat repeat top left;
}

    .csstransforms .help_link span {
        text-indent: 0px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        display: block;
        margin-top: 27px;
    }

.processstepitem_treecontainer_container_left {
    transform: scaleX(-1);
    height: 500px;
    overflow: auto;
    width: 90%;
    margin-left: 50px;
}

    .processstepitem_treecontainer_container_left > div {
        transform: scaleX(-1);
    }

.processstepitem_treecontainer {
    direction: ltr;
    padding: 3px;
    float: left;
    margin-left: 20px;
    height: 490px;
    width: 90%;
}

.processstepinfoleft {
    width: 25%;
    float: left;
}

.processstepinfocenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 16px;
    padding-top: 5px;
    font-weight: bold;
}

.newLayout #container {
    min-height: 44px;
}

.middleLine {
    float: right;
    margin-right: 0px;
    border-left: dashed 1px #ccc;
    height: 718px;
    width: 36px;
    position: relative;
}
/* help */
/*.middleLine .help_icon { position:absolute; top:46px; left:-21px; display:block; width:40px; height:40px; background:url("Images/Icons/Actions/questionMarkG.png") top left no-repeat; background-color:#ffffff;} */
/*.middleLine .help_icon:hover{background-position:0 -30px; opacity:1; }*/

.middleLineWithoutBorder {
    float: right;
    margin-right: 0px;
    border-left: dashed 1px #ccc;
    height: 718px;
    width: 23px;
    position: relative;
}

/*.middleLineWithoutBorder .help_icon { position:absolute; top:50px; left:-11px; display:block; width:22px; height:30px; background:url("Images/Icons/Actions/sprite2.png") top left no-repeat; background-position:0 0px; opacity:0.1; background-color:#ffffff;} 
.middleLineWithoutBorder .help_icon:hover{background-position:0 -30px; opacity:1; }*/

/* trash */
.trash_img {
    height: 30px;
    width: 30px;
    float: right;
    background: url("Images/Icons/Actions/sprite2.png") top left no-repeat;
    background-position: 0 -62px;
    opacity: 0.11;
}

/* arrows */
.middleLine .arrows_icon_left {
    position: absolute;
    top: 300px;
    left: -25px;
    width: 48px;
    height: 60px;
    display: block;
    background-position: 0 -230px;
    background: url("Images/Icons/Actions/Arrow_Left.png") top left no-repeat;
}

.arrows_icon_left_dropzone {
    position: absolute;
    top: 255px;
    left: -37px;
    width: 75px;
    height: 60px;
    display: block;
    background-position: 0 -230px;
    background: url("Images/Icons/Actions/Arrow_Left.png") top left no-repeat;
    background-color: #fff;
}

.arrows_icon_right_dropzone {
    position: absolute;
    top: 255px;
    left: -37px;
    width: 75px;
    height: 60px;
    display: block;
    background-position: 0 -230px;
    background: url("Images/Icons/Actions/Arrow_Right.png") top left no-repeat;
    background-color: #fff;
}

.middleLine .arrows_icon_right {
    position: absolute;
    top: 272px;
    left: -25px;
    width: 48px;
    height: 60px;
    display: block;
    background-position: 0 -260px;
    background: url("Images/Icons/Actions/Arrow_Right.png") top left no-repeat;
}

.middleLine .arrows_icon_bothways {
    position: absolute;
    top: 272px;
    left: -39px;
    width: 77px;
    height: 60px;
    display: block;
    background-position: 0 -260px;
    background: url("Images/Icons/Actions/BothWaysArrows.png") top left no-repeat;
}

/*.middleLine .arrows_icon { position:absolute; bottom:385px; left:-25px; width:48px; height:62px; display:block; background-color:pink; }
.middleLine .arrows_icon_left { position:absolute; bottom:385px; left:-25px; width:48px; height:32px;  display:block; background-position:0 -230px; background:url("Images/Icons/Actions/recycle_bin.png")top left no-repeat; }

.middleLine .arrows_icon_right { position:absolute; bottom:345px; left:-25px; width:49px; height:28px; background-position:0 -202px; display:block;  }
*/

/* mystery border */
.newLayout .mainprocessstep_splitterWrapper .rspPane {
    border-bottom: none !important;
}

/* left area border */
#ctl00_ctl00_MainContent_cphMaster_ctl02_ContainerSplitter48a3891d-8d56-4708-8895-6fb4f14edabd {
    border-left: solid 2px #B2B4BC;
    border-bottom: solid 2px #B2B4BC;
}

.info_img {
    margin-left: 15px;
}

.processstepinforight {
    width: 25%;
    float: right;
}

.mainprocesssteps_container {
    /*width: 100%;*/
    margin-left: 22px;
    border-bottom: 2px solid #b2b4bc; /* #d7d8da */
    /*float: left;*/
    color: #15476C;
    font-weight: bold;
    font-size: 10pt;
    /*background-color:#ececec*/
    /*height:135px;*/
    height: 134px;
    /*border-bottom:1px solid #ccc;*/
}

.mainprocesssteps_container_select {
    background-color: #EAEAEA;
    text-align: center;
    color: #15476C;
    border: 1px solid gray;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 2px;
    padding-top: 6px;
    float: left;
    width: 250px;
    height: 80px;
}

.middlePanel {
    width: 100%;
    z-index: 1;
    background-color: #ffffff !important;
}

.contentPanel {
    position: relative;
    height: 718px;
    background-color: #ffffff;
    border-bottom: 2px solid #b2b4bc;
}

.RadPaneStyle {
    padding-top: 15px;
    float: left;
    height: auto !important;
    background-color: #ffffff;
    /*height:auto!important;*/
    /* width:578px !important;*/
}

.middleLine {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 720px;
}

.ContainerSplitter {
    border-left: 2px solid #b2b4bc;
    /*border-bottom:2px solid #b2b4bc;
  border-right:2px solid #b2b4bc;*/
    height: 648px;
    border-bottom: 0px;
}

.ContainerSplitterRight {
    background-color: #ffffff;
}

.rspPaneHorizontal {
    border-bottom-width: 0px !important;
}

.DropZone {
	border: 1px dashed #C0C0C0;
	width: 85%;
	margin: 20px 0 10px 50px;
	background-color: #F9F9F9;
	height: 80px;
	text-align: center;
	overflow: inherit;
}

.UploadDropZone {
	border: 2px dashed #273351;
	margin: 0 auto;
	/*background-color: #F9F9F9;*/
	height: 100px;
	text-align: center;
}

.DropZone:hover {
    background-color: #EFEFEF;
}

.TextContainer {
    margin-top: 25px;
}

.DragText {
    color: #565555;
    font-size: 14pt;
}

.DragTextSmall {
    color: #565555;
    font-size: 11pt;
}

.DragTextBold {
    color: #565555;
    /*font-size:14pt;*/
    font-weight: bold;
}

.positionFixedImportant {
    position: fixed !important;
}

.panelAutoHeight {
    height: auto !important;
}

.leftPanel {
    padding-top: 15px;
    float: left;
    /*height:auto !important;*/
    background-color: #ffffff;
    position: relative !important;
    height: 720px;
    z-index: 1;
    /*border-left:2px solid #B2B4BC;*/
    /*height:auto!important;*/
    /* width:578px !important;*/
}

.rightPanel {
    padding-top: 15px;
    float: left;
    height: auto !important;
    background-color: #ffffff;
    height: 720px;
    z-index: 1;
    border-bottom: 0px;
    /*height:auto!important;*/
    /* width:578px !important;*/
}

.process_step_category p, .process_step_selected p, .process_step_category h3, .process_step_selected h3 {
    display: block;
    padding: 8px 0;
}

.newLayout .process_step_category h3 { /*position:absolute; bottom:4px;*/
    text-align: center;
}

li.process_step_selected {
    padding: 5px;
}

li.process_step_category {
    padding: 5px;
}

.process_filter {
    float: left;
    height: 53px;
    margin-left: 3px;
    margin-top: 4px;
}


.process_info {
    float: right;
}

    .process_info span {
        margin-right: 25px;
    }

.process_step_selected {
    width: 77px;
    background-color: #FFFFFF;
    font-weight: bold;
    color: #15476C;
    font-size: 11px;
    position: relative;
    /*margin: -1px -2px -2px;*/
    border: 2px solid #b2b4bc;
    border-bottom: 2px solid #fff;
}

    .process_step_category h3, .process_step_category p, .process_step_selected h3, .process_step_selected p {
        font-weight: bold;
        font-size: 10px;
    }

.leftFilter {
    position: absolute;
    left: -2px;
    top: 0px;
    border-right: 2px solid #b2b4bc;
    z-index: 100;
    width: 22px !important;
}

.rspPaneTabText {
    font-weight: bold;
    font-size: 10pt !important;
}

.rspSlideZone {
    background-color: #ececec;
}

.mm-sharp-layout .rspSlideZone {
    background-color: #fbfbfb;
}

.leftSlide {
    z-index: 100;
}

.rightFilter {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 22px !important;
    border-left: 2px solid #b2b4bc;
}

.RadSplitter .rspSlideHeaderUndockIcon {
    background-image: url("Images/Icons/Actions/ArrowLeft16.png") !important;
}

/*icon to close filter*/
#content .RadSplitter_Default .rspCollapseBarHorizontalCollapse {
}


/*==========================================================================
 	   tools
 ========================================================================== 	*/
.left {
    float: left;
}

.clear_fix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clear_fix {
    zoom: 1;
}

.hidden {
    display: none;
}

.ConnectionNode {
    font-size: 7pt;
}

.MissingInfoNode {
    font-size: 7pt;
    color: red !Important;
}

.HighlightNode {
    font-size: 7pt;
    color: darkblue !Important;
}

.UndroppableNode {
    color: GrayText;
}

html.newLayout .footer {
    margin-top: 0px;
}

/*Filter*/
html.newLayout .rspPaneTabContainer, .rspPaneTabContainerDocked {
    padding-top: 0px;
    height: 56px !important;
    border-left: solid 1px #B2B4BC;
    border-top: solid 1px #B2B4BC;
}

/*Resource managment*/

.RadScheduler_Default .rsAllDayRow td, .RadScheduler_Default .rsContentTable .rsAllDayRow td {
    background-color: #fff;
    border-style: dotted !important;
}

.RadScheduler_Default .rsVerticalHeaderTable .rsMainHeader th {
    background-color: #f9f9f9;
    border-bottom: 1px dotted #D2D2D2;
}

/*
.RadScheduler_Default .rsAptContent {
  background-image: none !important;
  background-color:#f8e79d !important;
}*/

.RadScheduler .rsApt {
    line-height: 23px !important;
}

.RadScheduler .rsArrowLeft {
    left: 3px !important;
    top: 9px !important;
}

.RadScheduler .rsArrowRight {
    right: 3px !important;
    top: 9px !important;
}

tbody tr.lr {
    /*background-color:#fdfdfd !important;*/
}
/* push delete icon away from the dragging functionality so the user does not close the bar by mistake*/
.RadScheduler .rsAptDelete {
    right: 14px !important;
    top: 5px !important;
}

.RadScheduler .rsAptSimple .rsAptContent {
    margin-top: 2px !important;
}


/* http://stackoverflow.com/questions/5219030/content-of-div-is-longer-then-div-itself-when-width-is-set-to-100/5219090#5219090 */
.mm-sharp-layout #mainprocesssteps .RadComboBox .rcbInput {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Header bars for the new look */
/*
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_header { background-image:none; background-color:#273351; border-left:none;  } 
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_active .ajax__tab_outer { background-image:none;  }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_active .ajax__tab_outer:first-child {  }

.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_outer a { outline:none; }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_active .ajax__tab_tab {  }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_hover .ajax__tab_outer { background-image:none;  }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_inner { border-right:none; }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_outer { border-right:solid 1px #fff; }

.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_header .ajax__tab_active { position:relative; }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_header .mm-popup-nav-triangle { display:none; }
.mm-sharp-layout #content .mainprocessstep_splitterWrapper .popup_tabcontainer .ajax__tab_header .ajax__tab_active .mm-popup-nav-triangle { display:block; position: absolute; bottom:-1px; left: 26px; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fbfbfb; width: 0; height: 0; }
*/

/* Force our new blue color for background of td´s that explicitly set the old blue in codebehind: TODO: review logic in codebehind to stop setting colors */
.mm-sharp-layout .mainprocessstep_splitterWrapper td[bgcolor='#4883AC'] {
    background-color: #273351 !important;
}