/* Desktops and laptops ----------- */
 @media only screen {
    /* Styles */
     #slide_form {
        position:absolute;
         margin: auto;
         left:5%;
         right:0%;
         width:800px;
    }
     #slide_submit {
        position:inherit;
         margin:auto;
         right:2%
    }
     #slide_header {
        position:inherit;
         margin:auto;
         right:2%
    }
     #slide_next {
        padding: 0px;
         width: 0px;
         height:0px;
         border: 0px
    }
     #slide_delete {
        margin-left:17px;
         padding: 0px;
         width: 0px;
         height:0px;
         border: 0px
    }
     #slide_reset {
        margin-left:17px;
         padding: 0px;
         width: 0px;
         height:0px;
         border: 0px
    }
     #slide_present {
        margin-left:24px;
         padding: 0px;
         width: 0px;
         height:0px;
         border: 0px;
    }
     #slide_deckCtrls_font {
        font-size: 20px
    }
     #slide_next_font {
        font-size: 24px;
    }
     #slide_delete_font {
        font-size: 22px
    }
     #slide_reset_font {
        font-size: 22px
    }
     #slide_left {
        margin-left: 20px;
         padding: 0px;
         width: 0px;
         height:0px;
         border: 0px
    }
     #slide_right {
        padding: 0px;
         width: 0px;
         height:0px;
         border: 0px
    }
     #foreground_slide {
        position:absolute;
         opacity: 0
    }
     #background_slide {
        position:absolute
    }
     .attrib {
        position: absolute;
    }
     .attrib2 {
        position: absolute;
         margin-left:300px;
         width:400px
    }
     .position_field {
        width:170px;
         position: absolute;
         margin-left: 70px;
    }
     .position_field2 {
        width:170px;
         position: absolute;
         margin-left:370px;
    }
     .numeric_input {
         width:30px;
         border-left: 1px;
         border-bottom: 1px;
         border-top: 1px;
         border-right:1px;
         border-radius:3px;
         border:1px solid gray
    }
     .inputfile {
        border: solid 1px;
         border-color: rgb(155,155,155);
         border-spacing: 1px
    }
     .thumbnail {
        width:61px;
         height:61px;
         border-radius: 4px
    }
     .thumbnail2 {
        width:61px;
         height:61px;
         border-radius: 4px
    }
     .bg_row {
        vertical-align: top;
    }
     th, td {
         padding: 10px;
    }
     input[type="file"] {
         display: none;
    }
     .custom-file-upload {
         border: 1px solid #ccc;
         border-radius: 4px;
         display: inline-block;
         padding: 6px 12px;
         width: 230px;
    }
     .icon {
         margin-right: 5px;
         display: inline-block;
         float:right;
    }
     .file-label {
         display: inline-block;
    }
     .tab-cell-small {
         padding-left: 15px;
    }
     .tab-cell {
         padding-left: 55px;
    }
     .tab-cell2 {
         margin-left: 250px;
    }
     .tab-cell3 {
         margin-left: 250px;
         padding-top: 35px;
    }
     .vtab {
         padding-top: 35px;
    }
     .tab {
         margin-left:50px;
    }
     .tab-2x {
         margin-left:120px;
    }
    
    .slide-list-tileshape {
        width:400px;
        height:400px;
    }
    
    .overlay {
        position:absolute;
        z-index:10;
    }
    .underlay {
        position:absolute;
        z-index:1;
    }
   
}

/* Mobile ----------- */
 @media screen and (max-device-width: 480px) and (orientation:portrait) {
     #slide_form {
        position:absolute;
         margin:auto;
         left:5%;
         right:0%; 
         width:400px;
    }
}