/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak, [data-ng-cloak] {
    display: none !important;
}

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.complete {
    color: red;
    float: right;
}

.restrictAccordion {
    width: 300px;
}

.restrictDragDropFrame {
    border: 0 solid red;
    height: 200px;
    -ms-overflow-y: hidden;
    overflow: hidden; /* removes scrollbars*/
}

.restrictDirections {
    width: 275px;
    height: 200px;
    -ms-overflow-y: hidden;
    -ms-overflow-x: hidden;
    overflow-y: hidden;
}

img { /*responsive design*/
    width: 100%;
    max-width: 100%;
}

.posRight {
    position: relative;
    top: 0;
    right: 0;
    font-size: small;
}

.AlbumName {
    float: left;
    width: 40%;
    /*border: 3px red solid; */
}

a.pointer {
    cursor: pointer;
}

.div-1 {
    position: relative;
    height: 200px;
}

.ProcessDir {
    font-size: xx-small;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    left: 25px;
}

.div-1a { /* Notes */
    position: absolute;
    top: 0;
    left: 0;
    width: 275px;
    font-size: smaller;
    overflow-x: hidden;
    border: 0 solid blueviolet;
}

.div-1b { /* Drop Zone*/
    position: relative;
    border: 0 solid red;
    top: 0; /*-198px;*/
    left: 250px;
    /* right: 0; */
    width: 190px;
}

.div-1c { /* Drop Zone*/
    position: relative;
    top: 2px; /*-198px;*/
    left: 20px;
    /* right: 0; */
    width: 425px;
}


.prhHeader { /* Larger than 1600 */
    font-size: 0.8vw;
    color: salmon;
    font-weight: bold;
}

.restrictPhotoFrame {
    /* background: #F5F5F5; */
    /*outline: none;*/
    /*display: none;*/
    border: 0 solid blue;
    top: 0;
    -ms-overflow-y: hidden;
    overflow-y: hidden;
}

.xxsmTxt {
    font-size: xx-small;
}

@media screen and (max-width : 1600px) {

    .prhHeader {
        color: red;
        font-size: 1.1vw;
    }
}

@media screen and (max-width : 1363px) {

    .prhHeader {
        color: blue;
        font-size: 1.2vw;
    }

     .div-1b {
        visibility: hidden;
    }
    /*.restrictPhotoFrame {
        position: relative;
        left: 0;
      }
    */
}

@media screen and (max-width : 979px) {
    .prhHeader {
        color: red;
        font-size: 1.3vw;
    }

    .div-1b {
        visibility: hidden;
    }

    /*.xxsmTxt {
        position: relative;
        top: -200px;
    }
    */
}

@media screen and (max-width : 768px) {
  
}

@media screen and (max-width : 600px) {
}


/* Width>1363 - All - 1363 - Photoframe moves - 1200 - Accordion grows 
    - 980 - Accordion shrinks, drop zone goes - 768 Accordion grows and drop zone reappears!
    - 600 drop zone gone for good
    */