/*
* CSS Files from gigya integration.
*/

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

    .gig-share {
        left:15% !important;
        width: 495px !important;
    }

    table[id$="_showShareUI_emailCanvas"],
    div[id$="_showShareUI_commentCanvas"],
    div[id$="_showShareUI_workingCanvas"],
    div[id$="_showShareUI_shareCanvas"],
    div[id$="_showShareUI_container"] {
            width: 475px !important;
    }

    textarea[id$="_showShareUI_tbMessage"],
    input[id$="_showShareUI_tbFriendsEmail"],
    input[id$="_showShareUI_tbYourEmail"] {
            width: 270px !important;
    }

    table[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td > table > tbody > tr:nth-child(4) > td:nth-child(2) > div > table > tbody > tr > td:nth-child(2) > div {
            width: 215px !important;
    }
}

@media only screen and (max-width : 605px) {
    .gig-share {
        left:15% !important;
        width: 395px !important;
    }

    table[id$="_showShareUI_emailCanvas"],
    div[id$="_showShareUI_commentCanvas"],
    div[id$="_showShareUI_workingCanvas"],
    div[id$="_showShareUI_shareCanvas"],
    div[id$="_showShareUI_container"] {
            width: 375px !important;
    }

    textarea[id$="_showShareUI_tbMessage"],
    input[id$="_showShareUI_tbFriendsEmail"],
    input[id$="_showShareUI_tbYourEmail"] {
            width: 170px !important;
    }

    table[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td > table > tbody > tr:nth-child(4) > td:nth-child(2) > div > table > tbody > tr > td:nth-child(2) > div {
            width: 115px !important;
    }
}

@media only screen and (max-width : 505px) {
    .gig-share {
        left:5% !important;
        width: 345px !important;
    }

    table[id$="_showShareUI_emailCanvas"],
    div[id$="_showShareUI_commentCanvas"],
    div[id$="_showShareUI_workingCanvas"],
    div[id$="_showShareUI_shareCanvas"],
    div[id$="_showShareUI_container"] {
            width: 325px !important;
    }

    textarea[id$="_showShareUI_tbMessage"],
    input[id$="_showShareUI_tbFriendsEmail"],
    input[id$="_showShareUI_tbYourEmail"] {
            width: 120px !important;
    }

    table[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td > table > tbody > tr:nth-child(4) > td:nth-child(2) > div > table > tbody > tr > td:nth-child(2) > div {
            width: 65px !important;
    }
}

/* Udates email share modal - css form GIGYA */
table[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(1) > td {
  background-color: #f68933 !important;
}

table[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(5) > td > div > table {
  background-color: #f68933 !important;
  border-bottom: 1px solid #F56E04 !important;
  border-right: 1px solid #F56E04 !important;
}

table[id$="_showShareUI_emailCanvas"] > tbody > tr:nth-child(4) > td > table > tbody > tr:nth-child(4) > td:nth-child(2) > div > table > tbody > tr > td:nth-child(1) > div > img {
  width: auto !important;
}