@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Ubuntu:300,400,700');*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.cc_framebodycontainer {
    font-family: Arial;
    font-size: 12px;
    color: rgba(0,0,0,1.00);
}

#cc_Container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.60);
}

.cc_Content {
    width: 800px;
    height: 700px;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(255,255,255,1.00);
    box-shadow: 0 0 40px rgba(0,0,0,.50);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 20px;
}

.cc_BoxDiv > div {
    padding: 10px;
    border: solid 1px #dedede;
    background-color: rgba(255,255,255,1.00);
}

    .cc_BoxDiv:after, .cc_BoxDiv > div:after {
        clear: both;
        content: "";
        display: block;
    }

.cc_alternateAddress_Container{
    margin:0;
    padding:20px 0 0;
}
    .cc_alternateAddress_Container .cc_TextBox {
        width: 100%;
        border: 1px solid #CFCFCF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
        height: 27px;
    }
#cc_divDetailsCustomerUl1:after, #cc_divDetailsCustomerUl2:after {
    display: block;
    content: "";
    clear: both;
}

#cc_divDetailsCustomerUl1 ul:first-child {
    float: left;
    width: 20%;
}

#cc_divDetailsCustomerUl2 ul:nth-of-type(1) {
    float: left;
    width: 20%;
}

#cc_divDetailsCustomerUl1 ul:last-child {
    float: left;
    width: 80%;
}

#cc_divDetailsCustomerUl2 ul:last-child {
    float: left;
    width: 80%;
}

#cc_divDetailsProductsInner > ul:first-child {
    border-bottom: 1px solid #dedede;
}

    #cc_divDetailsProductsInner > ul:first-child > li {
        font-weight: bold;
    }

#cc_divDetailsProductsInner > ul {
    padding: 5px 0;
}

    #cc_divDetailsProductsInner > ul > li:nth-child(1) {
        width: 5%;
    }

    #cc_divDetailsProductsInner > ul > li:nth-child(2) {
        width: 10%;
    }

    #cc_divDetailsProductsInner > ul > li {
        width: 18%;
        display: inline-block;
    }

#cc_divDetailsProducts {
    margin: 20px 0;
}

#cc_divDetailsCustomerInfo {
    margin: 20px 0 0 0;
}
div#cc_alternateAddress {
    padding: 30px 0 0;
}
div#cc_alternateAddress ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#cc_alternateAddress > ul:first-child {
    margin-top: 20px;
}
    div#cc_alternateAddress ul li {
        display: inline-block;
        
    }
    div#cc_alternateAddress ul li:first-child {
        min-width: 70px;
        padding-right: 10px;
        text-align:right;
    }
    .cc_Content iframe {
    /*
	position:absolute;
	top:0;
	left:0;
	*/
	position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
	
	
}
.iframeContainer {
	-webkit-overflow-scrolling:touch;
    overflow-y:auto;
	overflow-x:hidden;
	position: relative;
	height: 100%;
}

#cc_Close {
    position: absolute;
    top: -17px;
    right: -17px;
    background-color: rgba(0,0,0,1.00);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    z-index: 9999;
    border: solid 3px rgba(255,255,255,1.00);
    box-shadow: 0 0 10px rgba(0,0,0,.70);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 50% 50%;
    background-image: url('data:image/png;base64,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');
}

h1.cc_hFrameTitle {
    font-size: 20px;
    margin: 0 0 10px 0;
}

.cc_Validator {
    display: none;
}

.cc_ulSearch > li {
    display: block;
}

    .cc_ulSearch > li > input {
        display: block;
    }

/* POPUP FRONTEND */
ul#cc_ulSearch {
    margin: 30px 0;
    padding: 0;
}

    ul#cc_ulSearch > li {
        display: block;
        width: 100%;
    }

        ul#cc_ulSearch > li input {
            display: block;
            width: 100%;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-size: 16px;
            padding: 0 8px;
            height: 45px;
            border: 1px solid #CFCFCF;
            margin-bottom: 5px;
        }

        ul#cc_ulSearch > li button {
            display: block;
            width: 100%;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-size: 16px;
            color: #FFF;
            background-color: #07bb0c;
            border: 1px solid #07bb0c;
            padding: 10px 20px;
            cursor: pointer;
        }

            ul#cc_ulSearch > li button:hover {
                background-color: #5E5E5E;
                border: 1px solid #5E5E5E;
            }

h4#cc_hFrameResultOrderId {
    font-size: 16px;
}

.cc_BoxDiv h4 {
    background: #f0f0f0;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    border: solid 1px #dedede;
    border-bottom: 0;
    margin: 0;
}

ul#cc_ulCustomer, ul#cc_ulResultTitle, ul.cc_ulResultProduct {
    margin: 0;
    padding: 0;
    font-size: 0;
}

ul#cc_ulCustomer {
    margin-bottom: 30px;
}

    ul#cc_ulCustomer li {
        font-size: 13px;
        list-style-type: none;
    }

ul#cc_ulResultTitle {
    background-color: #eee;
    border-bottom: 1px solid #A8A8A8;
}

    ul#cc_ulResultTitle > li {
        padding: 10px 5px;
        font-size: 15px;
        font-weight: bold;
    }

    ul#cc_ulResultTitle > li, ul.cc_ulResultProduct > li {
        width: 25%;
        display: inline-block;
        font-size: 13px;
    }

        ul.cc_ulResultProduct > li input[type="number"] {
            padding: 5px;
            border: 1px solid #CFCFCF;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            width: 100%;
        }

ul.cc_ulResultProduct > li {
    padding: 5px;
}

.cc_divResultProduct {
    border-bottom: 1px solid #CFCFCF;
}

    .cc_divResultProduct select {
        width: 100%;
        border: 1px solid #CFCFCF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        height: 30px;
        padding: 0 5px;
        margin: 10px 0;
        background-color: #EEEEEE;
    }

.cc_divFrameResultProductsCustomFieldHide .cc_TextBox {
    width: 100%;
    border: 1px solid #CFCFCF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 100px;
    margin-bottom: 10px;
    
}
.cc_divFrameResultProductsCustomField {
    display: inline-block;
}

#btnGoBack {
    color: black;
    padding: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    text-decoration: none;
}


input[type=submit]#cc_btnFrameResultSend {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    color: #FFF;
    background-color: #07bb0c;
    border: 1px solid #07bb0c;
    padding: 10px 20px;
    cursor: pointer;
    margin: 20px 0 0 0;
    position: fixed;
    bottom: 0;
}

#cc_ResultOuter {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,1);
    padding: 10%;
}

#cc_ResultRma {
    font-size: 40px;
    font-weight: bold;
    margin: 20px 0;
}

#cc_ResultButton {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    color: #FFF;
    background-color: #07bb0c;
    border: 1px solid #07bb0c;
    padding: 10px 20px;
    cursor: pointer;
    margin: 20px 0 0 0;
}

#UpdatePanel1 {
    padding-bottom: 50px;
}

#cc_divSearchError {
    background-color: #CA0003;
    text-align: center;
    width: 100%;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
}

.customerInfo > div > span {
    display: inline-block;
    width: 15%;
}

    .customerInfo > div > span:nth-child(1) {
        font-weight: bold;
    }


@media (max-width: 600px) {
    #cc_Container {
        position: absolute;
    }

    .cc_Content {
		-webkit-overflow-scrolling:touch;
        max-width: calc(100% - 40px);
		max-height: calc(100% - 40px);
        top: 20px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
	
	
}