﻿
<style>

    /*
    .container div.row:last-child {
    border: 0px solid #8c8b8b;
    }
    .container-fluid div.col-md-12 {
    border: 1px solid #8c8b8b;
    }
    */
    .alert-warning {
        background-color:lightblue;    
    }

    .alert-success {
        background-color:lightblue;    
    }

     /*PROGRESS BAR with arrows for multi-step form*/
     .progress {
        padding: 2px 1px;
        list-style-type: none;
        clear: both;
        font-size: 1.2em;
        line-height: 1.2em;
        margin-left: -1px;
        margin-right: -1px;
        margin-top: 4px;
        text-align: center;
        background-color:#fff;
        box-shadow:none;
    }
    .progress .list-group-item {
        border:none;
    }
    .progress li:before {
        content: '';
        border-left: 25px solid #fff;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        position: absolute;
        top: 0;
        left: 0;        
    }
    .progress li:first-child:before {
        border:none;
    }
    .progress li:after {
        content: '';
        border-left: 25px solid #CAE0EB;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 20;
    }
    .progress li.list-group-item-success {        
        background-color: #A9BCC4;
        }
    .progress li.list-group-item-success:after {
        border-left-color:#A9BCC4;
    }
    .progress li, ol.progress li.incomplete {
        float: left;
        padding: 14px 30px 15px 40px;
        background: #CAE0EB;
        color: #000;
        position: relative;
        margin: 0 2px;           
    } 
    .progress li.active {
        background: #2370B4;
        border: none;
    }    
    .progress li.active:after {
        border-left-color: #2370B4;
    }
    /* LINK COLORS */
    .breadcrumb > li a, .breadcrumb > li a:hover {
	color: #2370B4;
    }
    /*Link color- we're not overriding inline link color b/c if we add underline it shows up in undesirable places (date file uploaded, dropdown delete)
    a {
        color: #2370B4;
        text-decoration: none;
        border-bottom: 1px dotted #4E5A60;
    }*/

    /* BUTTON COLORS - next, previous,submit buttons*/
    /*.btn-primary {
        color: #fff;
        background-color: #2370B4;
        border-color: #2370B4;
        border-radius: 2px;
    }
    .btn-default {
        color: #2370B4;
        background-color: #fff;
        border-color: #2370B4;
        border-radius: 2px;
    }*/
    /* TEXT STYLES */
    h2.tab-title {
        line-height:1.5;
        border-bottom: 3px solid #2370B4;
    }
    .crmEntityFormView .tab-title {
        border-bottom: 3px solid #2370B4; 
    }

    /* FAIL: THIS GETS OVERWRITTEN: only use this if form is pulling data from Dynamics as readonly 
    input.form-control[readonly], input.form-control[lookup] {
        padding-top: 0;
        margin-top: -10px;
    }*/
    /*underlining fieldset labels
    fieldset::before {
        border-top: 4px solid #2370B4;
        content: "";
        display: block; 
        margin-right: 40px;
        margin-bottom: 20px;
    }*/

    /*FAIL: in ORCA LIFT ANYWAY - adding space between fieldsets
    fieldset::after {
        content: "";
        display: block;
        margin-bottom: 30px;
    }*/
    /* INPUT BOX STYLES */
    .form-control, .form-control[readonly] {	
        /*height: 40px;	*/
		height: 42px;
        border-radius: 2px;	
        background-color: #f4f4f4;
		/*background-color: transparent;*/
        box-shadow: none;
        /*box-shadow: inset 0 -1px 0 0 #5A5A5A;*/
    }
    .form-control:focus {	
        /*background-color: #F1F5F7;	
        box-shadow: inset 0 -2px 0 0 #2370B4;*/
		box-shadow: inset 0 -2px #187089;
    }

    .form-check-label {
        width:180px;
        clear:left;
        text-align:right;
        padding-right:10px;
    }   
    /*padding right so label aligns with input's padding*/
    .info label {	
        color: #4E5A60;	
        font-size: 17px;
        font-weight:600;	
        line-height: 18px;             
    }
    input {	
        color: #000000;		
        font-size: 17px;	
        line-height: 18px;
    }
    /*search button on input*/
    .btn.btn-default.launchentitylookup {
        height: 40px;
        background-color: D5DCE0;
        color: #2370B4;
        border: D5DCE0;
    }
    /* PADDING-MARGINS - Columns have 40px right padding to add space between columns while keeping first column left justified*/
     /*padding so inputs aren't indented, but input columns have 40px between them*/
    .crmEntityFormView .cell {
        padding: 0 40px 30px 0;
    }
    legend {
        padding-right: 40px;
    }
    h2.tab-title {    
        margin-right:40px;
    }
    .info label {
        padding-right: 40px;
        padding-bottom: 4px;
    }
    /* Needed to override a default first-child style */
    .crmEntityFormView .cell.checkbox-cell:first-child {
        padding: 0 40px 30px 0;
    } 
    /*padding between radio and label*/
    .crmEntityFormView .cell div.control {
        margin-top: 6px;
    }
    .crmEntityFormView .cell .picklist input[type=radio] {
        margin: 2px 5px 5px 0;
        margin-left: 0px;
        vertical-align: top;
    }
    /* margin top doesn't act the same as other controls for checkbox*/
    td.checkbox-cell.cell div.control {
        margin-top: 0;
    }

    /* FIELDSET STYLE 1: OUTLINE */
    .crmEntityFormView fieldset {
        border: 1px solid #D5DCE0;
        padding: 30px 0 20px 40px;
        border-radius: 6px;
    }
    legend.section-title {
        width: auto;
        padding: 0 10px 10px 10px;
		
    }
    .crmEntityFormView fieldset {
        margin: 0 40px 30px 0;
        padding: 20px 0 20px 40px;
    }
    .section-title {
        margin-left: -10px;
    }
    label {
        padding-left: 3px;
    }
    .entity-form {
        border: none;
    }


    
</style>