/* CSS Document */

@font-face {
    font-family: 'robotocondensed-regular-webfont';
    src: url('../resources/fonts/oswald-regular-webfont.eot');
    src: url('../resources/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../resources/fonts/oswald-regular-webfont.woff') format('woff'),
         url('../resources/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../resources/fonts/oswald-regular-webfont.svg#robotocondensed-regular-webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.processing_options_table {
    float: left;
    width: 34%;
    margin: 10px 0px 15px 0px;
    background-color:  #E2EDFF;
    color: #444444;
}

.processing_options_table_header{
    float: left;
    background-color: #CED9EA;
    color: #444444;
    font-family: 'oswald_regular';
    /* width: 96%; */
    width: -webkit-fill-available;
    padding: 1em;
    font-size: 1.2em;
    overflow: auto;
}

.processing_options_table {
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.processing_options_table {
    border-collapse: collapse;
    border-spacing: 0;
}
.processing_options_calculate {
    font-size: .5em;
    color: #00ACED;
    width: 45px;
    float: left;
    margin: 10px 10% 5px 12px;
}
.processing_options_calculate a {
    /*--background: transparent url(clientlib/css/images/bg_passports_calculator.png) no-repeat left top;--*/
    display: inline-block;
    padding-left: 30px;
    vertical-align: center;
    margin: -30px 0 0 10px;
}

.processing_options_calculate a span {
    display: inline-block;
    height: 20px;
    width: 81px;
    background-color: #003875;
    padding-top: 5px;
    color: white;
    font-family: 'robotocondensed-regular-webfont';
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
.processing_options_calculate a span:hover {
    background: #abc;
}

.processing_options_calculate p {
    padding-left: 10px;
    width: 355%;
    padding-top: 5px;
    font-size: 12px;
}

.restrictions {
    background: transparent url(clientlib/css/images/bg_passports_asterisk_red.png) no-repeat left 7px;
    margin: 0px 0px 0px 0px;
}

.processing_options_table td span, .row_name{
    margin: 0px 0px 0px 0px;
    padding-left:  10px
}

.cq-wcm-edit .pptprocessingtimes .tsg-rwd-featurebox, 
.cq-wcm-edit .pptprocessingtimes .tsg-rwd-featurebox-caption {
    float: none;
}

.pptprocessingtimes .tsg_rwd_feature_box_double {
   width: 100%;
    margin: 10px 0 10px 0;
}

@media only screen and (max-width: 1920px) and (min-width: 990px) and (device-width: 768px)  and (orientation: landscape) {
    .processing_options_table {
        float: left;
        width: 34%;
        margin: 10px 0px 15px 0px;
        background-color:  #E2EDFF;
        color: #444444;
    }

    .processing_options_table_header{
        float: left;
        background-color: #CED9EA;
        color: #444444;
        font-family: 'oswald_regular';
    	width: 96%;
    	padding: 3% 2% 3% 2%;
    	font-size: 1.2em;
}

    .processing_options_table {
        margin: 0px 0px 0px 0px;
        width: 100%;
    }

    .processing_options_table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .processing_options_calculate {
        font-size: .5em;
        color: #00ACED;
        width: 45px;
        float: left;
        margin: 10px 10% 5px 12px;
    }
    .processing_options_calculate a {
        /*--background: transparent url(clientlib/css/images/bg_passports_calculator.png) no-repeat left top;--*/
        display: inline-block;
        padding-left: 30px;
        vertical-align: center;
        margin: -30px 0 0 10px;
    }

    .processing_options_calculate a span {
        display: inline-block;
        height: 20px;
        width: 81px;
        background-color: #003875;
        padding-top: 5px;
        color: white;
        font-family: 'robotocondensed-regular-webfont';
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }
    .processing_options_calculate a span:hover {
        background: #abc;
    }

    .processing_options_calculate p {
        padding-left: 10px;
        width: 355%;
        padding-top: 5px;
        font-size: 12px;
    }

    .restrictions {
        background: transparent url(clientlib/css/images/bg_passports_asterisk_red.png) no-repeat left 7px;
        margin: 0px 0px 0px 0px;
    }

    .processing_options_table td span, .row_name{
        margin: 0px 0px 0px 0px;
        padding-left:  10px
    }

    .cq-wcm-edit .pptprocessingtimes .tsg-rwd-featurebox, 
    .cq-wcm-edit .pptprocessingtimes .tsg-rwd-featurebox-caption {
        float: left;
    }

    .pptprocessingtimes .tsg_rwd_feature_box_double {
        width: 49.8%;
        margin: 7px 57% 29px 0px;
    }
}

@media screen and (max-width: 767px) and (min-width: 80px) {

    .processing_options_table{
        width: 100%;
        margin: 10px 0px 15px 0px;
    }
    
    .pptprocessingtimes .tsg_rwd_feature_box_double {
    width: 100%;
    margin: 10px 0 10px 0;
}
}

@media screen  and (max-width: 1440px) and (min-width: 768px ) {
    .processing_options_table {
    float: left;
    width: 34%;
    margin: 10px 0px 15px 0px;
    background-color:  #E2EDFF;
    color: #444444;
}

    .processing_options_table_header{
        float: left;
    	background-color: #CED9EA;
   		 color: #444444;
    	font-family: 'oswald_regular';
    	/* width: 96%; */
    	width: -webkit-fill-available;
    	padding: 1em;
         font-size: 1.2em;
        overflow: auto;
        margin-bottom: 10px;
}

    .processing_options_table {
        margin: 0px 0px 0px 0px;
        width: 100%;
    }

    .processing_options_table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .processing_options_calculate {
        font-size: .5em;
        color: #00ACED;
        width: 45px;
        float: left;
        margin: 10px 10% 5px 12px;
    }
    .processing_options_calculate a {
        /*--background: transparent url(clientlib/css/images/bg_passports_calculator.png) no-repeat left top;--*/
        display: inline-block;
        padding-left: 30px;
        vertical-align: center;
        margin: -30px 0 0 10px;
    }

    .processing_options_calculate a span {
        display: inline-block;
        height: 20px;
        width: 81px;
        background-color: #003875;
        padding-top: 5px;
        color: white;
        font-family: 'robotocondensed-regular-webfont';
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }
    .processing_options_calculate a span:hover {
        background: #abc;
    }

    .processing_options_calculate p {
        padding-left: 10px;
        width: 355%;
        padding-top: 5px;
        font-size: 12px;
    }

    .restrictions {
        background: transparent url(clientlib/css/images/bg_passports_asterisk_red.png) no-repeat left 7px;
        margin: 0px 0px 0px 0px;
    }

    .processing_options_table td span, .row_name{
        margin: 0px 0px 0px 0px;
        padding-left:  10px
    }
}

@media screen  and (min-width: 1441px){
    .processing_options_table {
    float: left;
    width: 34%;
    margin: 10px 0px 15px 0px;
    background-color:  #E2EDFF;
    color: #444444;
}

    .processing_options_table_header{
    float: left;
    background-color: #CED9EA;
    color: #444444;
    font-family: 'oswald_regular';
    /* width: 96%; */
    width: -webkit-fill-available;
    padding: 1em;
    font-size: 1.2em;
    overflow: auto;
}

    .processing_options_table {
        margin: 10px 0px 0px 0px;
        width: 100%;
    }

    .processing_options_table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .processing_options_calculate {
        font-size: .7em;
    	color: #00ACED;
    	width: 100%;
    	float: left;
    	margin: 5px 3% 15px 3%;
    }
    .processing_options_calculate a {
        /*--background: transparent url(clientlib/css/images/bg_passports_calculator.png) no-repeat left top;--*/
        display: inline-block;
        padding-left: 30px;
        vertical-align: center;
        margin: -30px 0 0 10px;
    }

    .processing_options_calculate a span {
        display: inline-block;
        height: 20px;
        width: 81px;
        background-color: #003875;
        padding-top: 5px;
        color: white;
        font-family: 'robotocondensed-regular-webfont';
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }
    .processing_options_calculate a span:hover {
        background: #abc;
    }

    .processing_options_calculate p {
        padding-left: 10px;
        width: 355%;
        padding-top: 5px;
        font-size: 12px;
    }

    .restrictions {
        background: transparent url(clientlib/css/images/bg_passports_asterisk_red.png) no-repeat left 7px;
        margin: 0px 0px 0px 0px;
    }

    .processing_options_table td span, .row_name{
        margin: 0px 0px 0px 0px;
    line-height: 1.5em;
    font-family: 'robotocondensed-regular-webfont';
    padding-left: 3%;
    font-size: 1.2em;
    }
}