/*** Custom Dashboard ***/

/* BASE CSS - BEGINS HERE */
/* DIMENSIONS */
@total-columns	: 12;
@column-width	: 60px;
@column-margin	: 10px;
@siteWidth		: 960px;
@mobile-max		: 639px;
@mobile-small	: 504px;
@tablet-min		: @mobile-max + 1px;
@tablet-max		: 959px;
@desktop-min	: @tablet-max + 1px;
@mobile-min		: 320px;
@basic-margin	: 15px;

/* COLORS */
@orange-red			: #e04421; 			/* Titles, Links, Lines and Decorations */
@dark-orange-red	: #c83615; 			/* Lines and Decorations */
@dark-brown			: #271d18; 			/* Lines and Decorations */
@medium-brown		: #332823; 			/* Text and Decorations */
@light-brown		: #3e312b; 			/* Lines and Decorations */
@calendar-brown		: #974e2c;
@tan-brown			: #bfad9e; 			/* Menu Text, Lines and Decorations */
@tan 				: #e7cfc2;			/* Background */
@grey				: #e5e1d8;			/* Join Today - Table Lines */
@light-grey			: #c2c2c2;			/* Join Today - Table Gradient */
@white-grey			: #f9f9f9;			/* Join Today - Table Gradient */
@gold				: #cca237; 			/* Lines and Decorations */
@silver				: #bdccd4; 			/* Lines and Decorations */
@bronze				: #a36a3b; 			/* Lines and Decorations */
@blue				: #00aeef; 			/* Lines and Decorations */
@dreamer 			: @blue;
@green				: #55b949;
@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 */
.page-employing-employer-tour input#edit-img-upload-remove-button,.page-employing-employer-tour input#edit-img-gallery0-remove-button,.page-employing-employer-tour input#edit-img-gallery1-remove-button,.page-employing-employer-tour input#edit-img-gallery2-remove-button,.page-employing-employer-tour input#edit-img-gallery3-remove-button,.page-employing-employer-tour input#edit-img-gallery4-remove-button,.page-employing-employer-tour input#edit-img-gallery5-remove-button,.page-employing-employer-tour input#edit-img-gallery6-remove-button,.page-employing-employer-tour input#edit-img-gallery7-remove-button{ 
    left: 0px !important;
    margin: 0px !important;
    top: auto !important;
}

/* CSS CODE - BEGINS HERE */
.section-admins {

    .breadcrumb,
    #page-title {
        display: none;
    }

    .hotline-jobs-title {
        clear: both;

        h1 {
            color: @black;
            font-weight: normal;
        }

        h1 span {
            font-weight: bold;
        }

        a {
            float: right;
            text-transform: uppercase;
            line-height: 22px;
        }

        .title {
            margin: 0px auto;
            text-align: center;
            color: @orange-red;
            font-weight: 700;
        }
    }
}

#EmployerTourNewEdit fieldset {
    legend {
        background-color: #e14421;
        color: #fff;
        font-weight: bold;
        padding: 14px 16px;
        margin: 0 -20px;
        position: relative;
        border-radius: 10px;
    }
    > div {
        margin: 0 20px;
    }
    fieldset {
        width: 93% !important;
        margin-left:10px;
        padding: 0 20px;
        legend{
            margin: 0 -30px;
        }
    }
}


/* CSS CODE - ENDS HERE */

/*** Mobile - Cellphone ***/
@media only screen and (max-width: @mobile-max) {
    /* CSS CODE - BEGINS HERE */

    .page-employer-tours #page-content {
        padding-left: 5px !important;
        padding-right: 5px !important;

        #page-title {
            margin-left: 15px !important;
        }
    }

    .page-employer-tours .view-employer-tour {

        .views-table {
            width: 615px !important;
        }

        .view-filters {
            padding: 0px !important;
            margin: 20px 0px !important;
        }

        .view-filters .views-exposed-widget {
            float: none !important;
            width: 100% !important;
            margin: 0px 0px 10px 0px !important;
            padding: 0px;

            &.views-submit-button input,
            &.views-reset-button input {
                width: 100% !important;
                margin: 0px !important;
                padding: 5px 0px !important; 
            }
        }

        .view-content thead {

            .views-field-field-image {
                width: 70px !important;
                min-width: 70px !important;
                max-width: 70px !important;
            }

            .views-field-title {
                width: 80px !important;
                min-width: 80px !important;
                max-width: 80px !important;
            }

            .views-field-field-city {
                width: 90px !important;
                min-width: 90px !important;
                max-width: 90px !important;
            }

            .views-field-field-state {
                width: 45px !important;
                min-width: 45px !important;
                max-width: 45px !important;
            }

            th a {
                word-wrap: normal !important;
            }
        }

        .view-content tbody {

            tr,
            td {
                width: auto !important;
            }
        }
    }

    .section-employer-tours #cboxTitle {
        display: block !important
    }


    /* CSS CODE - ENDS HERE */
}

/*** Fix Fluid Styles for Big Mobile Screens ***/
@media only screen and (min-width: @mobile-min + 155px) and (max-width: @mobile-max) { 
    /* CSS CODE - BEGINS HERE */

    /* CSS CODE - ENDS HERE */
}