/* */
body {
    background-color: #F0F0F0;
}


/* General Spacing Layout */
.spacer20{
	margin-top: 20px;
}

.spacer120{
	position: relative;
    margin-top: 120px;

}

.spacer32{
	margin-top: 32px;
}

.spacer64{
	margin-top: 64px;
}


h2{
	font-family: 'Segoe UI Light','Century Gothic', Helvetica, Arial;
    /* color: #0096af; */
}




textarea
{
	border-style:none;
	border-width: 0px;
	box-shadow: 0px 0px 0px white;
}

.op-table-right {
    text-align: right !important;
    color: #666666;
}
    .op-table-right span {
        position: relative;
        padding-right: 10px !important;
    }

/* On Today Backend styles*/
.mf-postbtn
{
    width: 96px;
    text-align: center;
    display: inline-block;

}
    .mf-postbtn img {
        width: 80px;
    }

    .mf-postbtn img:hover {
    transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}





/* Ops View Styles */
.ops-hdr-logo
{
	width: 46px; height: 46px; right: 20px; top: 12px; position: fixed;

}

.ops-module-logo
{
	width: 90px; height: 90px; left: 10px; top: 10px; position: fixed;

}

.ops-settingss
{
	position: fixed;
	right: 140px;
	bottom: 24px;
	color: #cccccc;

}


.ops-edit-nav {
    text-align: right;
}


.ops-settings a
{
	color: #cccccc;
}


.op-nav
{
	position: absolute;
	right: 100px;
	top: 10px;
}
    .op-nav img
    {
        margin-left: 6px;
    }


.ops-footer-nav {
    position: fixed;
	right: 20px;
	bottom: 10px;
}

    .ops-footer-nav li {
        list-style-type: none;
        margin-top: 6px;
        color: #cccccc;
        text-align: right;
    }

.ops-section{
	position: relative;
	margin-top: 40px;
}



.ops-section-hdrbox
{
	background-color: #333333;
	color: white;
	height: 46px;
	position: relative;
}
	.ops-section-heading
	{
		font-size: 24px;
		margin-left: 20px;
		margin-top: 12px;
		font-family: 'Segoe UI Light','Century Gothic', Helvetica, Arial;
	}

	.ops-section-edit 
	{
		position: absolute;
		right: 0px;
		top: 10px;
    	
	}


	.ops-section-hr
	{
        height: 1px;
        border: 0; 
        border-top: 1px solid #cccccc;
        margin-top: 0px; 
        padding: 0; 
        margin-left: 30px;
	}
	
	.ops-section-content
	{
		margin-left: 48px;
		font-size:  18px;
		line-height: 28px;
	}
	.ops-section-content li
	{
		line-height: 24px;
	}


        .ops-section-content p {
        }



/* Form View Layout */
.ms-formview{
	margin-top: 6px;
	position: relative;
	height: 58px;	

}

	.ms-formview-label
	{
		color: #aaaaaa;
		font-size: 1em;
	}
	
	.ms-formview-data
	{
		position: relative;
		margin-top: 0px;		
		color: #1e5c83;
		font-size: 1.2em;
	}
	
	.ms-formview-data small
	{
		color: #1e5c83;
		
	}
	
	.ms-formview-data-separator
	{
		color: #aaaaaa;
		font-size: 0.8em;
		margin-left: 4px;
		margin-right: 4px;
		
	}
	
	
/* image sizes */

.ms-image-gal
{
	width: 120px;
	height: 120px;


}

/* Bootstrap sub spans */

.span3-4 {
  width: 260px;
}

.row-fluid .span3-4 {
  width: 27.454255319148934%;
  *width: 27.351063829787233%;
}

.ops-nav-link {
    background-color: #f8f8f8 !important;
    font-size: 0.8em;
    -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
          border-radius: 2px !important;
}


.ops-nav-link:hover {
    background-color: #fcfcfc !important;
}



/* Description styles */
.ms-description
{
	color: #aaaaaa;

}

.ms-btn-description
{
	color: #aaaaaa;
	font-size: 0.9em;
	margin-left: 12px;
}

/* validation styles */
.field-validation-error {
    color: #f00;
}
.field-validation-valid {
    display: none;
}
.input-validation-error {
      border: 1px solid #f00 !important;
      background-color: #fff6f6 !important;
}
.validation-summary-errors {
    font-weight: bold;
    color: red;
}

.validation-summary-valid {
    display: none;
}


/* login page*/
.login-logo {
    position: relative;
    left: 110px;
    margin-bottom: 40px;
}


/* handover pages*/

.ho-section-content {
		margin-left: 0px;
		font-size:  18px;
		line-height: 28px;
	}

.ho-cbspacer {
    margin-top: 14px;
    margin-bottom: 20px;
}

.ho-label {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    top:4px;
}
.ho-iconshift {
    position: relative;
    margin-top: -4px;
}


/* test  handover note layout*/

.ho-whitebox {
    position: relative;
    background-color: white;
    border-style: solid;
    border-width: 0px;
    border-color: #dddddd;
    padding: 16px;
    margin-left: 0px;
    margin-bottom: -1px;
    min-height: 200px;
}

    .ho-whitebox h3 {
        line-height: 6px !important;

    }

    .ho-section-hdrbox
    {
	    background-color: #cccccc;
	    color: white;
	    height: 32px;
	    position: relative;
        margin-left: 50px;
        margin-top: 10px;
    }
	    .ho-section-heading
	    {
		    font-size: 16px;
		    margin-left: 20px;
		    margin-top: 6px;
		    font-family: 'Segoe UI Light','Century Gothic', Helvetica, Arial;
	    }

.ho-drawnline {
    position: relative;
    margin-left: 14px;
    top: -6px;
}

.ho-message {
    position: relative;
}
    .ho-message small {
        color: #cccccc;
    }


.ho-actionbox {
    position:  absolute;
    right: 20px;
    top: 20px;
}

.ho-hideAckBadge {
    display: none;
}

.ho-alignright {
    text-align: right;
}

/* Roster Styles*/

.ro-table td {
    text-align: center;
}

.ro-calendar-label {
    margin-top: 10px; 
    height:24px; 
    vertical-align: bottom;
    padding: 8px !Important;
}
.ro-calendar-label-edit {
    margin-top: 10px; 
    height:48px; 
    vertical-align: bottom;
    padding: 8px !Important;
}
    .ro-calendar-label-edit input {
        margin-bottom: 4px;
    }

.ro-table-col1 {
    text-align: left !Important;
    
    height: 50px;
}


/* -- Main Menu-- */
.mm-menublock {
    text-align: center;
}

.mm-row {
    margin-top: 60px;
}

.mm-menutxt {
    margin-top: 12px;
    font-size: 110%;
}

.mm-setting-row {
    /*height: 100px; */
    margin-bottom: 60px;
}

.mm-app-icon:hover {
    transform: rotate(5deg);
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
}
/* -- Activity Stream --*/
.as-date-banner {
    margin-top: 48px;
}
.as-col1 {
    margin-top: 10px;
    z-index: 99;
}
.as-col2 {
    margin-top: 10px;
}



/* -- Coming Soon --*/
.cs-content {
    margin-top: 80px;
    text-align: center;
    color: white;
    font-size: 14pt;
}

.cs-loud {
     margin-top: 40px;
    font-family: helvetica, Arial, sans-serif;
    font-size: 48pt;
    font-weight: bold;
    letter-spacing: -4px;
}

/* -- Job Card -- */

.jc-jobcard
{
	position: relative;
	background-color: white;
	border-style: solid;
	border-width: 0px;
	border-color: #cccccc;
	padding: 12px;
	margin-top: 6px; 
}
	.jc-duelabel
	{
		text-align: center;
		color: #333333;
		font-weight: bold;
		font-size: 14pt;

	}
	.jc-duedate-box
	{
		/*background-color: #115589; */
		/*background-color: #6D7769; */
		background-color: #777777;
		color: white;
		position: relative;
		height: 70px;
		width: 70px;
		text-align: center;
		margin-left: 98px;
		margin-top: 0px;
		-webkit-border-radius: 4px;
     	-moz-border-radius: 4px;
          border-radius: 4px;
	}
        .jc-duebox-a:hover {
            text-decoration: none;
        }

        .jc-duedate-box:hover {
            background-color: #555555;
        }

		.jc-duedate-weekday
		{
			font-size: 10pt;
			padding-top: 2px;
			opacity: 0.8;
			font-weight: bold;
		}
           

		.jc-duedate-day
		{
			font-size: 24pt;
			font-weight: bold;
			padding-top: 3px;
			opacity: .9;
		}
        
		.jc-duedate-monyr
		{
			font-size: 10pt;
			padding-top: 3px;
			opacity: 0.8;
			font-weight: bold;
		}
    .jc-jobdesc {
        position: relative;
        margin-top: 20px;

    }


	.jc-btn-group
	{
		margin-top: 12px;
		text-align: center;
	}

    .jc-btn-update {
		margin-top: 48px;
		text-align: center;
    
    }

	.jc-assigninfo
	{
		margin-top: 6px;
		font-size: 10pt;
		color: #666666;
		text-align: center;
	}

	.jc-jobdone
	{
		position: absolute;
		left: 0px;
		top: 0px;
	}
    .jc-label {
        position: relative;
        top: -4px;
        left: 10px;
    }
    .jc-form {
        margin-top: 24px;
    }
    .jc-progress {
        position: relative;
        top: 4px;
        margin-left: 12px;
    }
    .jc-card-progress {
        position: absolute;
        right: 10px;
        bottom: 4px;
    }

    .jc-btn-offset {
        position: relative;
        margin-top: 23px;
    }

    .jc-jobdesc-hdr {
        color: #1e5c83;
        font-size: 12pt;
        font-weight: bold;
    }

    .jc-note-spacer {
        position: relative;
        margin-top: 50px;
    }

    .jc-overdue {
	    background-color: #591D1D !important;
    }

    .jc-drawnline 
     {
        position: relative;
        margin-left: 14px;
        margin-top: 12px;
        margin-bottom: 12px;
    }


/* -- score card -- */
.sc-scorecard-lrg
{
	height: 240px;
	background-color: #666;
	color: #ffffff;
	text-align: center;

}
	.sc-scorecard-lrg>.secondline
	{
		margin-top: 40px;
		font-size: 16pt;
		color: white;
		opacity: .5;
	}

		

	.sc-scorecard-lrg>.mainline
	{
		margin-top: 100px;
		font-size: 72pt;
		letter-spacing: -1px;
		opacity: .8;
	}

	.sc-small
	{
		font-size: 36pt;
		color: white;
		opacity: .5;
	}

.sc-bg-green{
	background-color: #61AE24;

}

.sc-bg-orange{
	background-color: #F18D05;

}

.sc-bg-cyan{
	background-color: #01A4A4;

}

.sc-bg-red{

	background-color: #E54028;
}

.sc-bg-darkgreen{
	background-color: #32742C;
}
.sc-bg-blue {
	background-color: #00A1CB;

}

/* library */
.lib-table
{
    font-size: 8pt;
    color: #999999;
    display: none;
}

.lib-dateline
{
    font-size: 8pt;
    color: #999999;
}


/* print styles*/
.only-print { display: none;}
.page-break	{ display: none; }
@media print{

    /* general; */
    .no-print { display: none; }
    .only-print { display:inline;}
    .page-break	{ display: block; page-break-before: always; }
    p { color: black; }
    a { color: #333333; }

    .ops-hdr-logo {
        position: absolute;
        right: 50px;
        top: 0px;
        z-index: 99;
    }

    /* Handover */
    .ho-whitebox
    {
        padding: 0px; 
        left: 0px;  
        background-color: none;
    }
    .ho-print-created
    {
        font-size: 8pt;
        color: #dddddd;
        position: absolute;
        right: 16px;
        top: 50px;
    }
     /* Handover */
     .ro-print-created
    {
        font-size: 8pt;
        color: #dddddd;
        position: absolute;
        right: 16px;
        top: 50px;
    }

     .ro-calendar-label
     { 
        position: relative;
        margin-top: 0px;
        padding-top: 0px;
        top: -5px;
        font-weight: normal;
        color: #cccccc;
     }

     /* Job Cards*/
     .jc-print-answer
     {
         color: #999999;

     }

     table, tr, td
     {
         border-style: solid;
         border-width: 0px;
         border-top-width: 0px;
         padding: 0px;
         margin: 0px;
     }

     tr
     {
         border-style: solid;
         border-bottom-width: 1px;
         border-color: #cccccc;
         height: 30px !Important;
     }

     .jc-drawnline 
     {
        position: relative;
        margin-left: 14px;
        margin-top: 32px;
        margin-bottom: 32px;
    }

     .jc-description
     {
         position: relative;
     
     }

}

/* OnToday */
    .sidebar-container-content
    {
	    position: relative;
	    z-index: 50;
	    background-color: white;
	    -webkit-box-shadow: 0 8px 6px -6px #cccccc;
	    -moz-box-shadow: 0 8px 6px -6px #cccccc;
	        box-shadow: 0 8px 6px -6px #cccccc;
	    border-radius: 3px;
    }
    .sb-photo
    {	border-style: solid;
	    border-color: white;
	    border-width: 2px;
	    background-color: white;
	    min-height: 50px;
	    padding-top: 0px;
    }
        .sb-photo img
	    {
		    width: 100%;
	    }

        .sb-photo p
	    {
		    padding: 10px;

	    }
        .sb-photo-title
        {
            margin-top: 10px;
            margin-left: 10px;
        }

        .sb-heading
        {

            font-family: 'Open Sans', sans-serif;
	        color: #2a6496;
	        font-size: 16pt;
	        font-weight: 300 !Important;
	        padding: 0px;
	        margin: 0px;
            margin-left: 0px;
        }
    .sb-eventcard
	{
		background-color: white;
		min-height: 50px;
		padding: 0px;
		padding-top: 0px;
		padding-bottom: 10px;
      
	}
        .sb-eventcard-content
	    {
		    margin: 10px;
		    margin-bottom: 30px;

	    }

	    .sb-subdata
	    {
		    color: #999999;
		    margin-top: 6px;

	    }
        .sidebar-card-heading
	    {
		    position: relative;
		    padding: 10px;
	        font-family: 'Open Sans', sans-serif;
	        color: #2a6496;
	        font-size: 14pt;
	        font-weight: 300 !Important;
	        margin: 0px;
	    }

	    .sidebar-card-2ndheading
	    {
		    position: relative;
		    padding: 10px;
		    padding-top: 0px;
		    color: #dd6400;
	    }

        .row
        {
            margin-bottom: 20px;

        }
        .sb-voucher-offer
    {
        display: inline-block;
       
        padding: 10px;
        padding-left: 14px;
        padding-right: 14px;
        margin-bottom: 6px;
        font-size: 16pt;
        -webkit-box-shadow: 0 8px 6px -6px #cccccc;
	    -moz-box-shadow: 0 8px 6px -6px #cccccc;
	        box-shadow: 0 8px 6px -6px #cccccc;
        border-radius: 5px;
        color: white;
        font-weight: bold;
        z-index: 99;
    }
        .sb-voucher-green
        {
            background-color: #61AE24;
        }
        .sb-voucher-red
        {
            background-color: #E54028;
        }
        .sb-voucher-pink
        {
            background-color: #D70060;
        }
        .sb-voucher-orange
        {
            background-color: #F18D05;
        }
        .sb-voucher-blue
        {
            background-color: #00A1CB;
        }
        .sb-voucher-navy
        {
            background-color: #113F8C;
        }
        .sb-voucher-acqua
        {
            background-color: #01A4A4;
        }
        .sb-voucher-grey
        {
            background-color: #616161;
        }
        .sb-voucher-darkgreen
        {
            background-color: #32742C;
        }

        .sb-voucher-heading
        {
            font-family: 'Open Sans', sans-serif;
	        color: #666666;
	        font-size: 16pt;
	        font-weight: 300 !Important;
	        padding: 0px;
	        margin: 0px;
            margin-left: 10px;
        }

/* profile - social media*/
.profile-sm-section
{
    position: relative;
    margin-left: 210px;
    margin-bottom: 140px !Important;
    padding-bottom: 140px;
    min-height: 200px;
}