/*START:-comp-cancel-my-order styles starts here*/
.cancel-my-order {
    max-height: 775px;
    padding-bottom: 30px;
    padding: 0;
    width: 980px;
    top: 5%;
    background: #fff;
    margin: 0 auto;
}

    .cancel-my-order .page-heading {
        text-align: left;
        border-bottom: none;
        position: relative;
        margin-bottom: 0px;
        padding: 0px;
    }

    .cancel-my-order .cancel-form-font {
        font-size: 18px;
        color: #575757;
    }

    .cancel-my-order .cancel-paragraph-spacing {
        padding-top: 15px;
        margin: 0px 0px 0px;
    }

    .cancel-my-order .cancel-order-modal-content {
        padding-left: 1%;
        padding-right: 1%;
    }

        .cancel-my-order .cancel-order-modal-content .cance-form-button {
            margin-right: 4.7%;
            float: right;
            width: 100%;
        }

    .cancel-my-order .modal-dialog-title {
        font-size: 24px;
        font-weight: 300;
        line-height: 40px;
        text-align: center;
        color: #333333;
        font-family: Lato-Light, Lato;
        padding-bottom: 30px;
    }

    .cancel-my-order .measurement-image {
        margin-right: 60px;
        border: 1px solid #EBEBEB;
    }

    .cancel-my-order .popup-content {
        padding: 20px;
    }

    .cancel-my-order .close-popup {
        background-image: url('https://clarks.scene7.com/is/image/Pangaea2Build/IC%5Fclose?$Original$');
        background-position: center center;
        background-repeat: no-repeat;
        width: 19px;
        height: 19px;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10;
    }

    .cancel-my-order .btn-cancel-order {
        min-width: 160px;
        width: 160px;
        margin-bottom: 5px;
        margin-right: 55px;
        border-radius: 3px;
    }


    .cancel-my-order .col-sm-5.input-box-margin {
        margin-right: 67px;
    }

    .cancel-my-order .cancel-form-margin {
        margin-top: 35px;
    }
/* Tablet Media Query CSS starts */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .cancel-my-order {
        max-height: 800px;
        width: 650px;
        top: 10%;
    }
	.cancel-my-order .btn-cancel-order{
		margin-right: 0;
	}
    .cancel-my-order .cancel-order-modal-content .cance-form-button {
        margin-right: 7px;
    }
    
    .cancel-my-order .cancel-form-margin .form-group{
    	min-height: 80px;
    }
}
/* Tablet Media Query CSS ends */
/* Mobile Media Query CSS starts */
@media (max-width: 767px) {
    .cancel-my-order {
        height: 100%;
        width: 100%;
        top: 0;
        padding: 30px 0 0 !important;
    }

        .cancel-my-order .close-popup.close-popup-xs {
          top: 3px;
		  height: 38px;
		  margin-top: 0;
		  width: 32px;
	      right: 0px;	
		  margin-right: 0;
		  background-position: 0 center;
		  background-image: url('https://clarks.scene7.com/is/image/Pangaea2Build/IC%5Fclose%2Dwhite?$Original$');
        }

        .cancel-my-order .pop-up-header {
            padding: 10px 35px;
            margin: -30px 0 -15px;
        }

        .cancel-my-order .popup-content {
            padding: 8px 0;
        }

        .cancel-my-order .page-heading {
            text-align: center;
            border: none;
            margin-bottom: 30px;
        }

        .cancel-my-order .cancel-form-font {
            font-size: 14px;
        }

        .cancel-my-order .cancel-order-modal-content {
            padding-left: 0;
            padding-right: 0;
        }

            .cancel-my-order .cancel-order-modal-content .pad-mob-20 {
                padding-left: 10px;
                padding-right: 10px;
            }

            .cancel-my-order .cancel-order-modal-content .cance-form-button {
                margin-right: 0;
            }

        .cancel-my-order .btn-cancel-order {
            width: 100%;
            margin-bottom: 15px;
            margin-right:0;
        }

        .cancel-my-order .form-group input.cancel-form-input {
            width: 100%;
            margin-bottom: 15px;
        }

        .cancel-my-order .col-sm-5.input-box-margin {
            margin-right: 0;
        }

        .cancel-my-order .cancel-form-margin {
            margin-top: 30px;
        }
}
/*END:-comp-cancel-my-order styles ENDs here*/