/*** Custom Dashboard ***/

/* BASE CSS - BEGINS HERE */
	/* DIMENSIONS */
	@siteWidth		: 960px;
	@mobile-max		: 639px;
	@tablet-min		: @mobile-max + 1px;
	@tablet-max		: 959px;
	@desktop-min	: @tablet-max + 1px;
	@mobile-min		: 320px;
	
	/* COLORS */
	@orange-red			: #e04421; 			/* Titles, Links, Lines and Decorations */
	@dark-orange-red	: #c83615; 			/* Lines and Decorations */
	@dark-grey			: #b3b3b3;			/* Join Today - Table Lines */
	@light-brown		: #3e312b;
	@white				: #ffffff; 			/* Lines and Decorations */
	@black				: #000000; 			/* Lines and Decorations */

	/* FONTS */
	@font-copy		: helvetica, arial, sans-serif;
	@font-primary 	: "proxima-nova", sans-serif;
	@font-secondary : "museo-slab", sans-serif;
/* BASE CSS - ENDS HERE */

/* CSS CODE - BEGINS HERE */

.page-swo,
.page-situations-wanted {

	textarea {
		resize: none;
	}

	fieldset {
	    position: relative;
	    width: 96%;
		margin: 30px 10px;
		border: 1px solid @orange-red;
		border-radius: 10px;
		background: @white;

		.fieldset-wrapper {				
			padding: 14px;
		}

		.summary {
			display: none;
		}
                
                legend span {
                    border-radius: 8px;
                }
	}
        
        #edit-profile {
            .form-item {
                
                width: 97%;
                float: left;
                margin: 2px 0px 10px 0px;
                
                label {
                    float: left;
                    width: 200px;
                }
                
                input {
                    float: left;
                }
            }
        }

	fieldset .fieldset-legend {
		padding: 10px;
		background: @orange-red;
		font-size: 16px;
		color: white;
		margin-left: -10px;			
	}

	fieldset.collapsible .fieldset-legend {
		padding: 0px;
		background: none;

		a {
			padding: 10px;
			background: @orange-red;
			color: white;

			&:hover {
				text-decoration: none;
				background-color: @orange-red;
			}
		}
	}
}

.page-swo-my-swo,
.page-situations-wanted-my-sw {
    
    #addata {
        
        border: 2px solid #cccccc;
        margin: 18px 0 6px;
        padding: 10px;
        text-align: left !important;

        h2.title {
            margin: 3px 0 7px!important; 
        }

        .body {
            margin: 8px 8px 11px !important;
        }

            .address {
                    float: right;
            margin-top: 0;
            width: 390px;
            }

            .email,
            .date,
            .link {
                    width: 400px;
                    margin: 0 0 2px;						
            }

            .email,
            .body,
            .date,
            .link {
                    margin-left: 8px;						
            }
    }
    
}

.page-swo,
.page-situations-wanted {

	/*.custom-swo-information{
		display:none;
	}*/

}

/* Page List SWO*/

.page-employing-list-swo {
        #block-system-main .content {
                fieldset legend {
                        font-weight: bold;
                        color: #e04421;
                        font-size: 18px;
                        font-family: @font-primary;
                }
        }

	#block-system-main .content #submit-sw {
		
                .search{
                        float: left;
                        margin: 9px 0px;
                        
                        .form-text {
                                padding: 2px;
                        }
                }
		
		a {
			padding: 10px 15px;
			text-decoration: none;
			font-size: 17px;
			font-weight: 700;
			font-family: @font-secondary;
                        float: left;
                        height: 24px;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}
		}

		button {
			padding: 10px;
			text-decoration: none;
			font-size: 17px;
			font-weight: 700;
			font-family: @font-secondary;
			color: @white;
			background-color: @orange-red;
			border: none;
			margin: 0px 10px;
                        float: left;
                        height: 44px;

			&:link, 
			&:visited, 
			&:hover, 
			&:active {
				color: @white;
				background-color: @orange-red;
			}

			&:hover, 
			&:active {
				color: @white;
				background-color: @dark-orange-red;
			}

			
		}
	}

	#block-system-main .content #data {

		margin-bottom: 15px;

		.intro {
			background: @light-brown;
		    color: #ffffff;
		    font-size: 23px;
		    font-weight: 600;
		    margin: -8px auto 12px;
		    padding: 8px;
		    width: 441px;
		}

		#table {
			width: 100% !important;
			border: none !important;
			border-collapse: unset !important;

			#tbody {
				border-top: 0px solid #ccc !important;
			}

			#tbody tr {
				background: none !important;
			}

			#tbody td {
				background: none !important;
				width: 100% !important;
				border: none !important;

				#addata {
					text-align: left !important;
					border: 2px solid #cccccc;
				    margin: -1px 15px 4px -4px;
				    padding: 10px;
				    width: 886px;

					.address {
						float: right;
    					margin-top: 0;
    					width: 390px;
					}

					.email,
					.date,
					.link {
						width: 400px;
						margin: 0 0 2px;						
					}

					.email,
					.body,
					.date,
					.link {
						margin-left: 8px;						
					}
				}
			}
		}

	}
}

/* CSS CODE - ENDS HERE */

/*** Tablet - Styles ***/
@media only screen and (min-width: @tablet-min) and (max-width: @tablet-max) { 
	/* CSS CODE - BEGINS HERE */

	/* CSS CODE - ENDS HERE */
}

/*** Mobile - Styles ***/
@media only screen and (max-width: @mobile-max) {
    /* CSS CODE - BEGINS HERE */
    .page-swo fieldset .fieldset-legend, .page-situations-wanted fieldset .fieldset-legend {        
        display: block;        
    }

    .page-employing-list-swo #block-system-main .content #data .intro {
    	width: auto;
    	margin: 0px auto;
    	margin-bottom: 15px;
    }

    .page-employing-list-swo #block-system-main .content #data #table #tbody td {
    	padding: 0px 0px 15px 0px;

	    #addata {
	    	width: auto;
	    	margin: 0px;
	    }

	    #addata .address,
	    #addata .email,
	    #addata .date,
	    #addata .link,
	    #addata .body {
	    	float: none;
	    	width: auto;
	    	margin: 0px 0px 5px 0px;
	    }
	}
    .page-employing-list-swo #block-system-main .content #submit-sw {
            
            .search {
                    width: 100%;
                    float: none;
                    .form-text {
                            width: 95%;
                    }
            }
            
            button {
                    width: 47%;
                    margin: 0px;
            }
            
            a {
                    width: 38%;
                    margin-left: 3%; 
                    text-align: center;
            }
    }

    /* CSS CODE - ENDS HERE */
}