@import url('bootstrap.min.css');
@import url('bootstrap-theme.min.css');
@import url('font-awesome.min.css');
@import url('jquery.mCustomScrollbar.css');
@font-face {
    font-family: 'RubrikRegular';
    src: url('../fonts/rubrik_regular-webfont.eot');
    src: url('../fonts/rubrik_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rubrik_regular-webfont.woff') format('woff'), url('../fonts/rubrik_regular-webfont.ttf') format('truetype'), url('../fonts/rubrik_regular-webfont.svg#rubrikregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RubrikSemiBold';
    src: url('../fonts/rubrik_semibold-webfont.eot');
    src: url('../fonts/rubrik_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rubrik_semibold-webfont.woff') format('woff'), url('../fonts/rubrik_semibold-webfont.ttf') format('truetype'), url('../fonts/rubrik_semibold-webfont.svg#rubriksemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Comman
   ========================================================================== */
	body{ color:#616264;}
	*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.navbar-toggle{ padding:3px 0px;}
	.navbar-header{ margin-left:10px;}
	.navbar-header.homeLogo img{ height:auto;}
	.navbar-header img{ height:18px;}
	.modal-header{ padding:0 15px 15px;}
	.modal-body .row{ margin:0;}
	a {color: #48454c; }
	.modal a{color: #0188cc; }
	a .fa{color: #0188cc; }
	a:hover{ color:#0188cc;}
	a .fa:hover{color:#01699e; }
	a:focus{outline: none;}
	.fa{ font-size:17px; font-weight:normal!important;}
	.display-block{ display:block;}
	.action{ margin-top:20px;}
	.width100{ width:80%;}
	.modal-body{ max-height:500px; overflow:auto;}
	.customRow{ padding: 15px 10px;}
	.margin-bottom{margin-bottom: 20px!important;}
	.margin-bottom40{margin-bottom: 40px!important;}
	.margin-top30{ margin-top:30px;}
	.roundBderBox{ border:1px solid #ccc;  padding:20px 30px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative;}
	.roundBderBox .legend{padding:5px; color:#0188cc; font-size:22px; font-weight:normal; background:#fff; position:absolute; top:-20px; z-index:100;left:10px;}
	.roundBderBox ul{ list-style:none; margin:0; padding:0;}
	.roundBderBox ul li{ display:inline-block; padding:0 15px; font-size:16px; font-weight:normal;}
	.roundBderBox .roundBderBox{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:20px 0;}
	.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, 	.btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active{ box-shadow:0 0 0 #000;}
    .margin-top10{ margin-top:10px;}
	.modal-content{ border-radius:0; padding:15px;}
	.modal li{ margin-bottom:5px;}
	.modal-footer{ padding:15px 0 0; border-top:0;}
	.heightLight{ color:#0188cc; border-bottom:1px solid #0188cc;}
	.btn-lg, .btn-group-lg > .btn{ font-size:16px;}
	.pdgTop0{ padding-top:0!important;}
	.pdgTopBtm0{ padding-top:0!important; padding-bottom:0!important;}
	.pdgLeftRight0{ padding-left:0!important; padding-right:0!important;}
	.form-control.error{ border:1px solid #a94442;}
	.errorMsg{ padding:5px 10px; text-align:left; position:absolute; width:100%; left:0px; top:30px; z-index:101;
	background: #c60000!important; border-color:#c60000!important; color:#fff!important;}
        .errorMsg span{ color:#fff !important;
        }
        .erroMsgConf{ padding:5px 10px; text-align:left; margin:0 10px;
	background: #c60000!important; border-color:#c60000!important; color:#fff!important;}
        .alert-danger{ background-image:none!important;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c60000', endColorstr='#c60000', GradientType=0);}
	.errorPtr{ position:absolute; top:-9px; right:20px;}
	.posRel{ position:relative;}
	.alert{ padding:5px 10px;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ vertical-align:middle;}
	.border-right{ border-right:1px solid #e6e6e6;}
	.margin-bottom0{ margin-bottom:0!important;}
	.padding10{ padding:10px 0;}
	.modalSet{ background:#f3f3f3; padding:10px; margin-bottom:10px;}
	.modalSet p{ font-weight:bold; color:#0188cc;}
	.border5{ border:5px solid #c6c6c6;}
	
    .border-left{border-left:1px solid #c6c6c6;}
    /*#LoginDiv .modal-footer{text-align:center !important;}*/
    .selectOption{display:none;}
    #cookie .modal-backdrop.in { filter: alpha(opacity=70); opacity: 0.7;}
.serial.macbook, .imei.macbook {
        border-top: 1px solid #ddd;
    margin-top: 6px !important;
    padding-top: 9px !important;
}
.afterLogOut { margin-top:150px;
}
.afterLogOut img{width:100%;
    }
.afterLogOut .content { margin-top:48px;
}
.faqGrid tr td:first-child{width:110px;}

.checkbox label.btn{ margin:0!important; padding:0!important;  height:27px;
}
.errorMsgAll { display:block; background:#c60000; color:#fff;     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c60000', endColorstr='#c60000', GradientType=0);}
#LoginDiv .field{ position:relative; margin-bottom:10px;}
#LoginDiv .field span{ position:absolute; right:-10px; top:10px;}
#LoginDiv .field span.user_name{color:#0188cc;font-weight:bold;display:block;border-bottom:1px solid #ccc;padding-bottom:10px;position:static;}
#LoginDiv .field input[type="password"]{margin-top:5px;}
#Envelop .border5, #ReturnPack .border5{ cursor:pointer;}
.customerCpn h3 { color:#000; font-size:20px; font-weight:bold;}
.customerCpn .address p {font-size:16px;}
.customerCpn .address p strong { display:block;color: #000;}
.modal a.forgot_pwd{color:#A7A7A7;}
#ForgotDiv .modal-body{padding:0}
#ForgotDiv .modal-body p {padding:15px 0 15px 75px;}
#ForgotDiv .glyphicon-exclamation-sign{font-size: 48px;position: absolute;left: 15px;top: 10px;color: #0188cc;transform: rotate(180deg);-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */}


#SimRemovedDialog img, #SimRemovedDialog_NONIOS img, #DataCardRemoved img{width:auto;max-width:100%;}

#MyOrder_container p a{color: #337ab7;}

/* ==========================================================================
   NeedHelp
   ========================================================================== */
	.needHelp .row{ margin:0 -15px;}
	.enterMpn.row{ margin:0 -10px;}
.needHelp .panel-title > a.collapsed, .needHelp .panel-title > a { background:none;
}
.needHelp .panel-title > a{ padding:0;}
	.enterMpn.row .col-sm-8, .enterMpn.row .col-sm-4{ padding:0 10px;}
	.needHelp .panel-group{ margin-bottom:0;}
	.needHelp img{ max-width:100%;}
	.needHelp .panel-default > .panel-heading{ background:none; padding:5px 0 15px; }
	.needHelp .panel-default > .panel-heading a{font-size:12px; color:#0188cc; text-decoration:none;}
	.needHelp .panel-group .panel{ border:0; border-radius:0;}
	.needHelp .panel-default > .panel-heading + .panel-collapse > .panel-body{ border:0; background:#eee;}
/* ==========================================================================
   buttons
   ========================================================================== */
	label.btn{min-width:0;}
	.btn{ min-width: 100px; text-align: center; margin-right:10px; }
	.btn:first-child{ margin-left:0;}
	.btn:last-child{ margin-right:0;}
	.pull-right.btn, .pull-right .btn { margin-right:0; margin-left:10px;}
	.btn-default{ background:#7f7f7f; color:#fff; font-weight:normal; border-color:#7f7f7f; text-shadow: 0 0 0;}
	.btn-default:hover{ background:#5f5f5f; color:#fff; border-color:#5f5f5f;}
	.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
	{ background:#5f5f5f; color:#fff; border-color:#5f5f5f; outline:none;}
	.btn-default:disabled, .btn-default[disabled]{background:#7f7f7f;}
	.btn-primary{ background:#0188cc; color:#fff; font-weight:normal; border-color:#0188cc;}
	.btn-primary:hover{ background:#01669a; color:#fff; border-color:#01669a;}
	.btn-primary:disabled, .btn-primary[disabled]{background:#0188cc;}
	.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
	{ background:#01669a; color:#fff; border-color:#01669a; outline:none;}

    .box a.btn-primary, .box a.btn-primary:active, .box a.btn-primary:focus, .customerInfo a.btn-primary, .customerInfo a.btn-primary:active, .customerInfo a.btn-primary:focus, a.btn{ color:#fff!important;}

/* ==========================================================================
	CustomIcon
   ========================================================================== */

.customIcon{ background:url(../images/bigicon_sprite.png) no-repeat; margin:0 auto; display:block; width:79px; height:79px;}	
.customIcon.icon-quality{background-position:0 0;}
.customIcon.icon-sim{ background-position:-124px 0; }
.customIcon.icon-dataWiped{background-position:-251px 0px;}
.customIcon.icon-lock{background-position:-367px 0px;}
.customIcon.icon-power{background-position:-475px 0px;}
.customIcon.icon-sdcard{background-position:-593px 0px;}
.customIcon.icon-disk{background-position:-741px 0px;}
.customIcon.icon-fmmLok{background-position:-886px 0px; width:136px;}
.customIcon.icon-battery{background-position:-1059px 0px; width:109px;}

.customIcon.icon-iwatchband{background-position:-1200px; width:109px;}

.customNavIcon {
    background: url(../images/navSprite.png) no-repeat;
    margin: 0 auto;
    display: block;
    height: 61px;
}

.watchIcon {
    background: url(../images/watch.png) no-repeat;
    margin: 0 auto;
    display: block;
    width:auto;
    height: 61px;
    
}

.icon-iphone{ background-position:0 0; width:22px;}
.icon-ipad{ background-position:-191px 0; width:40px;}
.icon-nonApple{ background-position:-394px 0; width:27px;}
.icon-mac{ background-position:-568px 0; width:73px;}
.icon-pc{ background-position:-769px 0; width:77px;}

/* ==========================================================================
   Header
   ========================================================================== */
   header{ position:relative;}
    header .navbar {
        background: #1A191A;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    } 
	header .navbar-brand{ height:auto; padding:11px 15px 15px}
	header .nav{ padding-top:2px; margin-right:1px;}
	.storeID{ display:block; padding:15px;}
	header .navbar{ border:0;}
	/*header .navbar-nav>li>a, header .navbar-nav > li.active > a{padding-bottom:24px;}*/
	/*header .navbar-nav>li>a:hover{  border-bottom:3px solid #0188cc; background:none; padding-bottom:21px;}*/
	.navbar-toggle{ margin-top:20px;}
	
	.icon-bar{ background:#fff;}
	/*.navbar-toggle:hover .icon-bar{ background:#0188cc;}*/
.nav > li {
    position: static;
}

    .nav > li > a {
        color: #fff;
        font-size: 13px;
        padding: 20px 20px;
        font-family: 'RubrikRegular';
    }
        /*.nav > li > a:hover, .nav > li > a:focus, .nav > li:hover > a{ background:#dddddd; outline:none; color:#393939}*/
        .nav > li > a:hover, .nav > li > a:focus, .nav > li:hover > a {
            background: #EFEFEF;
            outline: none;
            color: #393939
        }

    .nav > li:hover .submenue {
        display: block;
    }
    /*.nav > li .submenue{ position:absolute; left:0; top:60px; width:100%; background:#dddddd; color:#393939; font-size:13px; display:none; z-index:1000}*/
    .nav > li .submenue {
        position: absolute;
        left: 0;
        top: 60px;
        width: 100%;
        background: #EFEFEF;
        color: #393939;
        font-size: 13px;
        display: none;
        z-index: 1000
    }
	.nav > li  ul a{color:#393939; padding:15px 18px; display:block;}
	.nav > li  ul li{ float:left; padding:0 30px;}
	.nav > li  ul li a:hover, .nav > li  ul li a.active{ text-decoration:none; border-bottom:5px solid #393939; padding-bottom:10px;}
	.submenue ul{ list-style:none; padding:0; margin:0; float:right;}
	.submenue.special ul{ width:100%;}
	 .submenue.special ul li {
            width: 16%;
    text-align: center;
    padding: 15px 10px;
    /*margin-right: 6px;*/
        }
	.submenue.special ul li span{ margin-bottom:7px; display:block;}
	.submenue.special ul li a{ display:inline; padding:0;}
	.submenue.special ul li a:hover{ border:0;}
	.submenue.special ul li:hover, .submenue.special ul li.active{ background:#e6e6e6; border:0; padding-bottom:15px;}
	header .nav a:focus, header .nav a:active{ text-decoration:none;}
	
/* ==========================================================================
   SSP Login Screen
   ========================================================================== */
	.loginBox{ border:8px solid #d4d2d3; margin:50px 0px; padding:0;}
	.loginBox h1{ background:#e5e5e5; border-bottom:1px solid #d5d5d5;  padding:15px 20px; margin:0; font-size:12px; font-weight:bold; color:#59595b;}
	.loginBox ul{ list-style:none; padding:0; margin:0;}
	.loginBox ul li{ padding-bottom:15px;}
	.loginBox .loginForm{ padding:30px; margin:0;}
	.loginBox .border-left{ border-left:1px solid #e6e6e6;}
	.loginBox .ResetPass{ margin-top:24px;}
	.loginBox a{ color:#afafaf;}
	.loginBox .btn{ min-width:152px;}
	#ageingDtl .modal-body{ font-size:16px;}


    /* ==========================================================================
	Help Accordian
   ========================================================================== */
.panel-group .panel{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:0;}
.panel-default > .panel-heading{ background:#e6e6e6; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding:0;}
.panel-title > a{ display:block; padding:15px; background:url(../images/topArrow.png) no-repeat 98% 50%; color:#333;  text-decoration:none;}
.panel-title > a:hover{ color:#333; text-decoration:none;}
.panel-title > a.collapsed{ background:url(../images/btmArrow.png) no-repeat 98% 50%; color:#888;}
.panel-body a{color:#0188cc;}
.panel-group .panel + .panel{ margin-top:1px;}
.helptxt{ margin-top:5px; display:block;}

/* ==========================================================================
   Home Screen
   ========================================================================== */
   .homeScreen{ padding-top:50px;}
   .homeScreen h3{ padding-bottom:30px;}
   .homeScreen ul{ list-style:none; margin:30px 0 15px; padding:0;}
   .homeScreen ul li{ padding-bottom:10px;}
   .homeScreen .btn{ min-width:185px;}
	.borderBox {
       border: 1px solid #f3f3f3;
    padding: 30px;
    padding-bottom: 2px;
}
	
	.mainMenu{ background:url(../images/apple-icon-gray.png) no-repeat 50% 0; padding-top:60px; margin-top:70px;}
	.mainMenu h3{ color:#616161; margin:0 0 20px;}
	.mainMenu p{ margin-bottom:0;}
	.mainMenu p img{ vertical-align:middle;}
	.mainMenu .btn{ padding:15px; width:240px; font-size: 14px; font-weight: normal; text-shadow: 0 0 0 #000; margin:0 5px 15px;}

    #watchClp ol li{
        font-size:12px;
    }

     #watchClp p{
        font-size:12px;
        margin-top:10px;
    }



/* ==========================================================================
   Search Screen
   ========================================================================== */
	.deviceModal{border: 5px solid #c9c7c8; padding: 20px 0; margin-top:35px;}
	.deviceModal .capacity{ border-top:1px solid #ddd; width:70%; margin:0 auto; padding-top:5px;}
	.deviceModal:hover{border: 5px solid #9b9b9b;}
	.deviceModal.active{border: 5px solid #0088cc;}
	.confirmInfo{ padding:30px;}
	.confirmInfo h3{ margin-top:0;}
	.confirmInfo ul{ margin-bottom:0;}
	.roundBderBox.pcProduct{ padding:30px;}
	.roundBderBox.pcProduct.hiddenCnt{ padding:0 30px; border:1px solid #fff;}
	.roundBderBox .prodList .btn{ width:100%; margin-right:15px;}
	.roundBderBox .prodList .btn:last-child{ margin-right:0;}
	.roundBderBox .prodList{ display:none;}
.roundBderBox .business {
    display: none;
}
	.roundBderBox .roundBderBox .legend{ background:none; padding:3px 0;}
	.roundBderBox .legend a.btn{ position:relative; border-radius:5px 0 0 5px;}
	.roundBderBox .legend a.btn:after, .roundBderBox .legend a.btn:before {left: 101%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
	.roundBderBox .legend a.btn:after { border-left-color: #0088cc; border-width: 15px; margin-top: -15px;}
	.roundBderBox .legend a.btn:hover:after, .roundBderBox .legend a.btn:focus:after, .roundBderBox .legend a.btn:active:after{ border-left-color: #01669a;}
	
	.pcProdInfo{ margin-top:15px;}
	.pcProdInfo .fa{ color:#0188cc; font-size:18px; vertical-align:middle;}


/* ==========================================================================
   Inspection Screen
   ========================================================================== */
   .border{ border:1px solid #c6c6c6;}
   .border-bottom{ border-bottom:1px solid #c6c6c6;}
   .sectionBox h4{ padding: 15px 20px; /*background: #818181; color: #fff;*/ margin-top: 0; margin-bottom:0; position:relative; border-bottom: 1px solid #c6c6c6;}
   .inspection h4{background: #818181; color: #fff;}
   .sectionBox h4 .requiredMsg{ color:#d03719; position:absolute; bottom:-20px; right:10px; font-size:12px;}
   .sectionBox h4 a{ color:#fff;}
   .sectionBox h4 a:hover, .sectionBox h4 a:active, .sectionBox h4 a:focus{ color:#ddd; text-decoration:none;}
      .deviceVisual{ padding: 1px 1px 10px; margin-bottom: 20px;}
   .deviceVisual h4{ background: #e7e6e6; margin: 0 0 30px; padding: 13px; poistion:relative; border-bottom:0;}
   .deviceVisual h4 img{ position:absolute;right: -33px;    top: -31px;}
   
   .customRow h5{ margin: 0; font-size: 20px;}
   .combineBox .radio, .customRow .checkbox{ margin-bottom: 0; margin-top: 0;}
   .carrierLock{ margin: 5px 0 0;}
   .sectionBox .customRow{ border: 1px solid #c6c6c6; margin: 4px 0;}
   .radioView{ background:url(../images/radiobg.png) no-repeat; display:block; width:25px; height:25px; position:absolute; left:-12px; top:-2px;}
   
   .customRow .btn-group .btn{ padding:0; line-height:auto; font-weight:bold;}
   .customRow .btn-group .btn input[type="radio"]{ display:none;}
   .customRow .btn-group .btn.active, .customRow .btn-group .btn:active{ background:none; box-shadow:0 0 0; /*border-radius:0;*/}
   .customRow .btn-group .btn.active .radioView{ background-position:0 -45px;}
	.combineBox .customRow{ border:0; border-bottom:1px solid #c6c6c6; margin:0;}
	.combineBox .customRow:last-child{ border-bottom:0;}
	.sectionBox .customRow .btn-group{ margin-top:10px;}
	.combineBox .customRow .btn-group{ margin-top:0px;}
   
   .spec{ padding-top:10px; font-size:13px;}
   .spec h6{ background:#e7e5e6; color:#817f80; font-size:14px; padding:10px 25px; margin-bottom:1px;}
   .spec .specMsg{ padding:8px 25px; color:#fff; background:#ed1b24; font-size:12px; position:relative;}
	.specMsg .caret{ position:absolute; right:15px; bottom:-7px; color:#ed1b24; border-top: 7px solid; border-right: 7px solid transparent;
  border-left: 7px solid transparent;}
  /*.spec ul{ list-style:none; padding:0; margin:0; padding:10px 15px 5px; line-height:none;}

  .spec li{ display:inline-block; vertical-align:top; font-weight:bold;}*/
  .spec ul{ list-style:none; padding:0; margin:0; padding:10px 15px 5px; line-height:none; font-size:13px; float:left; width:100%;}

  .spec li{ float:left; vertical-align:top; font-weight:bold; padding:0!important; margin:0 0px 0 0!important;}
    .spec li label{ padding:0;}
    .spec li:first-child {  text-align: left;
    padding-right: 10px !important;
    width: auto;
    }
    .spec li a label{ font-weight:normal;
    }

.spec li:last-child{ padding-right:0!important;}
.spec ul.deviceColor{ padding-top:15px;}
  .spec ul.deviceColor li{  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  border:1px solid #fff; padding:1px;text-align: left;
    width: auto; }

    .labelColor{
       border:none !important;
       font-weight:bold;
           border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    /*height: 20px;*/
    display: block;
    overflow: auto;
   }

  .spec ul.deviceColor li a{display:block;width:16px; height:16px;  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #ccc;}
 .spec ul.deviceColor li.active{ border:1px solid #0188cc; }
    .spec ul.deviceColor li:first-child { float:left; padding-bottom:5px!important;
    }
   .spec ul.deviceColor li:first-child:hover{ border-color:#fff;}
  .spec li:first-child{ text-align:right; padding-right:10px!important; width:auto;}
  .spec ul.capacity li{ padding:0 5px;}
  .spec ul.capacity li a:hover, .spec ul.capacity li a.active{ text-decoration:none!important; border-bottom:2px solid #48454c; color:#48454c;}
  .spec ul.capacity li a:focus, .spec ul.capacity li a:active{ border-bottom:0; text-decoration:none!important;}
   .spec ul.technology li{ padding:0 5px;}
  .spec ul.technology li a:hover, .spec ul.technology li a:focus, .spec ul.technology li a:active, .spec ul.technology li a.active{ text-decoration:none; border-bottom:2px solid #48454c; color:#48454c;}
  .white{ background:#ebebeb;}
  .gray{background:#6f6f6f;}
  .grey{background:#6f6f6f;}
  .golden{background:#e6c49e;}
  .gold{background:#e6c49e;}
  .silver{background:#C0C0C0;}
  .black {background:#000}
  .Black {background:#000}
  .Yellow{background:#ffff00}
  .yellow{background:#ffff00}
  .pink{background:#ff69b4}
  .green{background:#00ff00}
  .blue{background:#0000ff}
  .red{color:red}
  .spec.gsx li{ font-weight:normal;}
  .spec.gsx ul.deviceColor li{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
  .spec.gsx ul.deviceColor li:hover{ border:1px solid #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
  .spec.gsx ul.deviceColor li:first-child{ padding-bottom:0!important;}
.checkboxSet {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}
    .macbook ul{ padding:0px;}
.macbook ul li:first-child{ margin-bottom:2px!important;}
.macbook.serial { margin:0; padding-top:0;
}
  .macbook{ padding:10px 14px 0;}
    /*.macbook strong { font-size:14px;}*/
	.macbook ul li:first-child{ width:100%; text-align:left;}
	.macbook ul{ padding-left:0;}
	.macbook ul li{ width:100%; margin-left:0; padding-left:0; font-weight:bold!important; font-size:13px; display:block; text-align:left;}
.macbook.macCnt {  padding:10px 0;
    }

    .macbook.macCnt ul li { width:auto;
    }
    .macbook.macCnt ul li:first-child{ width:46%; text-align:right;
    }
        .macbook.macCnt ul li:nth-child(2) { width:54%;
        }
    ul.macbook.serial {
    padding: 7px 14px 0;
}
        ul.macbook.serial li { width:auto;
        }

    li.active {
    border: 1px solid #0188cc;
}

.serial span,.imei span { line-height:32px;
}
  .backBtn{position:relative; z-index:560}

  .spec.gsx ul.deviceColor li, .spec.gsx ul.deviceColor li:hover{ border:0;}
#Terms_and_conditions_dialog ul, #Terms_and_conditions2_dialog ul{ list-style:none;}
#PopUp_9 .modal-body, #PopUp_8 .modal-body, #PopUp_5 .modal-body, #PopUp_4 .modal-body, #PopUp_6 .modal-body, #CarrierDialog .modal-body{ margin-bottom:0; padding-bottom:0;}
#PopUp_9 .modal-footer, #PopUp_8 .modal-footer, #PopUp_5 .modal-footer, #PopUp_4 .modal-footer, #PopUp_6 .modal-footer, #CarrierDialog .modal-footer{ margin-top:0; padding-top:0;}

   /* ==========================================================================
   Valuation Screen
   ========================================================================== */
   .valuationPrice{ padding: 20px; border: 5px solid #0088cc; font-size: 50px; font-weight: bold; text-align:center;  width:90%; margin:0 auto; position:relative;}
   .valuationMsg{ color:#0088cc; width:90%; margin:15px auto 0; text-align:center; }
   .deviceSummary{ line-height: 25px; color:#878882;}
   .deviceSummary strong{ display: inline-block; /*width: 210px;*/}
   .sectionBox h5{ margin-bottom:15px;}
   .valuationPrice img{ display:none;}
   .zeroValue{ border-color:#00b91a; }
	.zeroValue img{ position:absolute; top:-31px; right:-34px; display:block;}
    
	.valuation .customRow{ padding:25px;}
	.valuation .customRow.action{ padding:15px 25px;}
 /* ==========================================================================
   Customer Info
   ========================================================================== */
   .customerInfo{ padding:30px; margin:0}
   .customerInfo .action{ padding:0 15px; margin:10px 0 0;}
    .customerInfo h6{ font-size:16px!important; font-weight:bold;}
    .customerInfo .email-wrapper {position:relative;margin-bottom: 15px;}
   /*.customerInfo .row{ margin:0;}*/
   .customerInfo label{ font-weight:normal;}
   .customerInfo h5{ font-size:18px; color:#0188cc;}
   .customerInfo .form-control{ margin-bottom:15px;}
.sepration{ border-top:1px solid #ddd; padding-top:10px;}
.required{ color:#d03719;}
.customerInfo a{ color:#0188cc;}
.contentBox{ padding:15px;}

.Priceinfo h6{ border-bottom:0!important;color:#777;}
	.Priceinfo{ color:#777!important;}

.customerInfo .border5:hover{border: 5px solid #9b9b9b;}
.customerInfo .border5.active, .customerInfo .ui-state-active .border5{border: 5px solid #0088cc;}
#terms.modal ul{ list-style:none;}
.box p { margin-bottom:0;
}
.emailValHlp { padding:10px; background:#f6f6f6;
}

.customerInfo.inpectImg img { max-width:80%; margin:5px 0;
}

.deviceCheck-item{ /*margin-bottom:50px;*/}
.email-wrapper .custom-width{width:80%;padding:0 15px;}
.email-wrapper{margin-bottom:20px;}

hr {
       background: #cfcfcf;
    height: 0;
    /* margin: 0 0 0 -21%; */
    width: 100%;
}

.watchBand{
    width:78%;
}

.bandP1 {
    width: 46%;
    float: left;
    text-align: justify;
    margin-left: 30px;
}

.bandP2 {
    width: 42%;
    float: left;
    text-align: justify;
    margin-left: 18px;
}


/* ==========================================================================
   Confirmation
   ========================================================================== */   
	.confScreen.row{ margin:0; padding:30px 20px 15px;}
	.confScreen h3{ font-size:20px; margin-top:0; color:#3099d3;}
	.confScreen h5{ font-size:18px; font-weight:bold; margin-top:0;}
	.priceDtl img{padding:15px; border:2px solid #3099d3; height:200px;}
    .priceDtl span{padding:10px 25px; border:2px solid #3099d3; font-size:22px; color:#3099d3; font-weight:bold; display:inline-block;}

.confScreen.threeClm{ text-align:center; font-size:12px;}
.confScreen.threeClm h6{ font-size:15px; font-weight:bold; padding:10px 0; border-bottom:1px solid #e5e5e5; }

.tradinPrint h5{ margin:50px 0 35px;}
.tradinPrint .action{ margin-top:30px;}
.tradinPrint .btn{ margin-right:15px;}
.modal .instructionImg img{ width:95%;}

.checkbox input{ display:none;}
.checkboxView{background:url(../images/checkbox.png) no-repeat; display:inline-block; width:26px; height:26px;}
.checkbox .btn.active, .checkbox .btn:active{ box-shadow:0 0 0 #fff;}
.checkbox .btn.active .checkboxView{ background-position:0 -34px; }
/*.boxCnt{ display:table; width:100%; }*/
.boxCnt { min-height:200px;
}
.boxCnt h6{ padding-top:0; margin-top:0; height:80px; display:table; width:100%;
}
.boxCnt h6 p{display:table-cell; vertical-align:bottom; padding:0px 5px;}
.box{ font-size:13px;}
.box a{ color:#0188cc;}
.box .boxHeader{ font-weight:bold;}
.box .boxHeader, .box .boxFooter{ background:#e3e1e2; padding:8px 10px;}

    .box .boxFooter {
        display: table;
        width: 100%;
    }
        .box .boxFooter span {display:table-cell; vertical-align:middle; height:37px;
        }
.box .boxContent{ padding:10px; min-height:95px;}
.UpdateProgressDiv { position:fixed!important; left:50%!important; top:50%!important; z-index:10000!important;}

    .UpdateProgressShield { background:#fff;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
    opacity: 0.5;
   position:fixed; width:100%; height:100%; top:0; left:0;
   z-index:10000;
  

}
#findAddress .modal-body a{display: block;margin: 0 0 10px 0;}
.model_identifier ul li{margin-left:15px;}

 #MACProceedBox .fallBack ul li{
        margin-left: 20px;
    }    

/*fmip_wrapper Content CSS*/
.fmip_wrapper {}
.fmip_wrapper .glyphicon-remove-circle {position: absolute;z-index: 1;top: 30px;font-size: 48px;left: 4%;color: red;}
.fmip_wrapper .modal-content{padding: 15px 15px 15px 90px;}
.fmip_wrapper .modal-header {padding: 0 0px 10px 0px;}
.fmip_wrapper .modal-body{padding:10px 0px 15px 0px;}
/*fmip_wrapper Content CSS End */

    /* ==========================================================================
   Confirmation2
   ========================================================================== */   
   	.orderCom{ font-size:13px;}
	.instructionList{ list-style:none; margin-bottom:15px; padding:0; margin:0 0 0 15px; }
	.instructionList li{ position:relative; padding-left:30px; margin-bottom:15px;}
	.instructionList i{font-style:normal; color:#fff; background:#0188cc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; width:20px; height:20px; line-height:20px; text-align:center; left:0; }
	.postLabels h4{ background:#eee; padding:10px;}
	.row.addrDtl{ margin:0; padding:15px; font-size:13px;}
	.postLabels img{ max-width:100%;}



    /* ==========================================================================
   FallBack for Mac
   ========================================================================== */
   .fallBack ul{ list-style:none;}
   .fallBack ul li{ position:relative;}
   .fallBack ul li span{ position: absolute; width:25px; height:25px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#0188cc; line-height:25px; text-align:center; color:#fff; left:-35px; top:-2px;}
   

   /* ==========================================================================
   SSP 
   ========================================================================== */
	.loginBox{ border:8px solid #d4d2d3; margin:50px 0px; padding:0;}
	.loginBox h1{ background:#e5e5e5; border-bottom:1px solid #d5d5d5;  padding:15px 20px; margin:0; font-size:12px; font-weight:bold;color:#59595b;}
	.loginBox ul{ list-style:none; padding:0; margin:0;}
	.loginBox ul li{ padding-bottom:15px;}
	.loginBox .loginForm{ padding:30px; margin:0;}
	.loginBox .border-left{ border-left:1px solid #e6e6e6;}
	.loginBox .ResetPass{ margin-top:24px;}
	.loginBox a{ color:#afafaf;}
	.loginBox .btn{ min-width:152px;}
	#ageingDtl .modal-body{ font-size:16px;}

	.tradin{padding:30px; margin:0;}
	.tradin h6{ margin-top:0; font-size:18px; }
	.panel-group .panel.tradeHistory{ border:1px solid #c6c6c6;margin-top: 20px;}
	.panel-default.tradeHistory > .panel-heading{ background:#fff;}
	.panel-default.tradeHistory .closeArrow, .panel-default.tradeHistory .openArrow, .panel-default.tradeHistory .panel-title > a .openArrow,
	.panel-default.tradeHistory .panel-title > a.collapsed .closeArrow{ display:none; color:#0088cc;}
	.panel-default.tradeHistory .panel-title > a{ background:none;}
	.panel-default.tradeHistory .panel-title > a .closeArrow{display:block}
	.panel-default.tradeHistory .panel-title > a.collapsed .openArrow{display:block}
	.panel-default.tradeHistory .panel-title  .fa{ padding:0 0 0 10px; display:inline-block; font-size:13px;}
	.heading{ font-size:18px; padding:0;}
	.heading .col-xs-6{ padding:10px;}
	.compareDtl{ padding:25px;}
	.compareDtl img{ max-width:85%;}
	.compair .row{ background:#e4e2e3; padding:4px 0px; text-transform:uppercase; margin-bottom:1px; font-size:12px;}
	.pointer{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  width:20px; height:20px; display:block; border:4px solid #fff;}
	.pointer.pass{ background:#51c524;}
	.pointer.fail{ background:#fe191a;}
	.valueDtl{ margin:0px 15px 25px; background:#616161; color:#fff; padding:5px 10px;font-size:13px; }
.MyOrder_buttons .btn{ width:100%; margin-bottom:10px;    white-space: normal;
}

/* ==========================================================================
   BOH
   ========================================================================== */
.boh .nav > li > a{ padding:15px 10px 24px;}
.boh .storeID { padding:15px 10px;}
.boxForm ul{ list-style:none; padding:0; margin:0;}
.boxForm ul li{ margin:0 15px 15px 0; display:inline-block; width:calc(20% - 17px);}
.boxForm ul li:nth-child(5n+5){ margin-right:0;}
.boh .alert.alert-info{ border-radius:0; border:3px solid #fb8926; background:none; color:#fb8926; padding:20px 30px; font-size:18px;}

.printConfirm .btn{ min-width:150px;}
.printConfirm h3{ margin-bottom:25px; }
.printConfirm .badge{ background:#0188cc; color:#fff; width:30px; height:30px; text-align:center; padding:0; line-height:30px;
-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; font-size:18px;}
.printConfirm .col-sm-4{ padding:30px 0;}
.disable{
	
    position:relative;
	}
.disableblock{
    background:#fff;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:11;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
    display:none;
}
	.disable .disableblock
    {
        display:block;
	}
    .spec .disableblock
    {
          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	
        opacity: 0.4 !important;
	}
.boh .tab-content{ border:5px solid #404040;}
.boh .nav-tabs > li > a{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:0;  font-weight:bold; background:#e1e1e1; color:#818181; padding-top:24px}
.boh .nav-tabs > li.active > a, .boh .nav-tabs > li.active > a:hover, .boh .nav-tabs > li.active > a:focus{ background:#404040; border:0; color:#fff;}

.prevClose.row{ margin:0; padding:25px;}
.prevClose .grid, .prevClose .grid tr{ background:#fff;}
.prevClose .grid th{ background:#fff; color:#404040;}
.prevClose .grid td, .prevClose .grid th{ border:1px solid #e6e6e6 !important;}
/* ==========================================================================
   Grid
   ========================================================================== */

.grid table{border-collapse:collapse; margin-bottom:0px}
.grid th{ background:#404040; border:1px solid #fff; color:#fff; text-align:left;  padding:15px 10px!important;}
.grid td{ border:1px solid #fff; padding:10px 10px; color:#8e8e8e; font-size:14px;text-align:left;}
.grid td a{ font-weight:bold; color:#000;}
.grid .btn.primary{ color:#fff; width:auto; padding:0 10px!important; font-size:14px;}
.grid .btn.primary i{ font-size:20px;}
.grid .icon-cancel-circled{ font-size:20px; vertical-align:middle;}
.grid td a:hover{ color:#d04526;}
.grid tr{ background:#f4f4f4;}
/*.grid tr td:nth-child(4), .grid tr td:nth-child(5), .grid tr td:nth-child(6), .grid tr td:nth-child(8){ text-align:center;}*/
.grid tr.agingOverdated{ background:#fff1f1;}
.grid tr.agingOverdated:hover{ background:#ffdfdf;}
.grid tr.agingOverdated td{ color:#dd4743!important;}
.grid tr.agingComplete{ background:#fff2e2;}
.grid tr.agingComplete:hover{ background:#fee3ca;}
.grid tr.agingComplete td{ color:#fe8109!important;}
.grid tr:hover{ background:#eee;}

/* ==========================================================================
   FAQ Grid
   ========================================================================== */
	.faqGrid{border-collapse:collapse;}
    .faqGrid tr:nth-child(odd){ background:#eee; color:#616264; text-align:left; }
	.faqGrid td{ padding:10px;  border:1px solid #ddd;}
	.faqGrid td p{ margin-bottom:0;}

/*.customScroller, .table-responsive{ max-height:300px; max-width:100%; overflow-y:auto;}*/

/* ==========================================================================
   laptop
   ========================================================================== */

.valuationInfo{ padding:15px 0; width:90%; margin: 0 auto;}
.valuationInfo a:hover{ text-decoration:none;}

/* ==========================================================================
   Mac
   ========================================================================== */
.deviceModal img, .deviceVisual img{ max-width:90%;}
.deviceModal p{ padding:0 10px;}
.deviceModal p:last-child{ margin-bottom:0; padding-top:5px;}


/* ==========================================================================
   Footer
   ========================================================================== */
.footerBar {
    border-top: none;
    font-size: 13px;
    margin-top: 50px;
    padding-top: 1px;
}

    .footerBar .footerBG {
        padding: 20px 20px 30px 20px;
        background: #EFEFEF;
    }

    .footerBar p {
        margin: 15px 0;
        color: #A8A8A8;
        font-family: 'RubrikRegular';
        font-size: 12px;
    }

        .footerBar p a {
            font-size: 12px;
            margin: 0 10px;
            border-bottom: none;
            white-space: nowrap;
            color: #1A191A;
            font-family: 'RubrikSemiBold';
        }

            .footerBar p a:hover {
                border-bottom: none;
                text-decoration: none;
            }

.cookie-div {
    background: #333 none repeat scroll 0 0;
    border-top: 1px dotted #fff;
    font-size: 12px;
    font-weight: normal;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 4px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 900;
}
    .cookie-div a {
    color: #00d8ff;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media screen and (max-width:1169px){
/* ==========================================================================
   Login Screen
   ========================================================================== */
	.loginBox .instructions, .loginBox .loginForm{ padding:25px;}
	
	.mobileImg img{ width:100%;}
	.mainMenu .btn{ width:220px;}
	.mainMenu{ margin-top:50px;}
	
	.pcProdInfo{ margin-top:2px}
	
}

@media screen and (max-width:1023px){
/* ==========================================================================
   Login Screen
   ========================================================================== */
	.loginBox, .loginBox .row{ margin:50px 0;}
	.loginBox{padding:0px;}
	
/* ==========================================================================
   Home Screen
   ========================================================================== */	
	.homeScreen .homeBanner, .homeScreen .homeNav{ text-align:center;}
	.homeScreen ul li{ display:inline-block;}
	
/* ==========================================================================
   Inspection Screen
   ========================================================================== */
	.spec ul.capacity li{ padding:0 4px; }
	.spec ul{ padding:10px 0px 10px 14px;}
	
	
	.mobileImg img{ width:auto;}
	.mainMenu{ margin-top:40px;}
	.sectionBox .customRow .btn-group .col-md-7, .sectionBox .customRow .btn-group .col-md-6{ margin-bottom: 15px;}
	.tradinPrint .btn{margin-bottom:15px;}
	.tradinPrint  .action{ text-align:center;} 

/* ==========================================================================
   Footer
   ========================================================================== */		
	.footerBar{ position:relative!important; width:100%!important;}
	.footerBar .footerBG p{ padding:0 10px;}
	.footerBar br{ display:none;}
	
/* ==========================================================================
   Customer Info
   ========================================================================== */	
 .customerInfo{ padding:30px 30px;}

 
/* ==========================================================================
		boh
   ========================================================================== */	
.boh .nav > li > a{ padding:15px 7px 24px;}
.boh .storeID { padding:15px 7px;}
.boxForm ul li{ margin:0 10px 10px 0; width:calc(20% - 12px);}


    .customerInfo .btn { margin-bottom:15px;
    }
	.cookie-div { position:relative; padding:10px;
    }
}

@media screen and (max-width:767px){
 .deviceSummary strong{ display: inline-block; width: 200px;}
.fallBack.modal-body { padding:15px 15px 15px 30px;}
.email-wrapper .custom-width{width: 100%}
hr{margin:0}
.boxCnt{min-height:10px;}
.nav > li .submenue{ position:relative; top:0;}
	.nav > li .submenue ul{ float:none; margin:0; border-top:2px solid #333;}
	.nav > li .submenue li{ float:none; display:block; margin:0; padding:0;}
	.nav > li .submenue li a:hover, .nav > li .submenue li a.active{ border-bottom:0; padding-bottom:15px; background:#ccc;}
	.nav > li .submenue.special li{ width:100%; padding:5px 0;}
	.nav > li .submenue.special li:hover{ padding-bottom:5px 0;}
	.nav > li .submenue.special li a{padding: 0;}
	.nav > li .submenue.special li a:hover{padding: 0; background:none;}
/*.nav > li .submenue.special li{ text-align:left;}
.submenue.special ul li span { display: inline-block; margin-bottom: 0px; margin-right: 5px; vertical-align: middle; width:60px;}
.icon-iphone { background-position: 0 -16px; height: 44px; width: 22px;}
.icon-ipad { background-position: -191px -10px; height: 51px;  width: 40px;}
.icon-nonApple { background-position: -394px -6px; height: 53px; width: 27px;}
.icon-mac { background-position: -568px -17px; height: 39px; width: 73px;
}*/
body{ font-size:13px;}
.returnPack{ text-align:center; margin-top:15px;}
.boxCnt{ min-height:10px;}
.customerInfo, .confScreen.row{ padding:20px; margin:0;}
.sectionBox h4{ padding:10px 20px; font-size:14px; font-weight:bold;}
.customRow h5{ font-size:14px; font-weight:bold;}
.customerInfo h6{ font-size:15px;}
.roundBderBox .legend{ font-size:17px; top:-18px;}
.deviceVisual h4{ margin-bottom:10px;}
.spec{ padding-top:0;}
.deviceVisual{ padding-bottom:10px;}

.sNum{
  display:block;
}

 .macbook.macCnt ul li:nth-child(2) { width:45%; }
 #btnFindAddress{margin-left:0 !important}
 #findAddress .modal-content{padding:15px 5px;}
 #findAddress .col-xs-4{margin-left:-20px;}
 #AManuallyAddress{margin-top:10px;display:block}

 .model_identifier ul{padding:0}
 .model_identifier img{width:auto;max-width:100%;}

 #SimRemovedDialog_NONIOS label{width:115px;display:inline-block;}
 .modalSet{padding:15px;}

/* ==========================================================================
   Login Screen
   ========================================================================== */
	.loginBox, .loginBox .row{ margin:0;}
	.loginBox .border-left{ border-left:0; border-top:1px solid #e6e6e6;}
	.loginBox .instructions, .loginBox .loginForm{ padding:25px 0;}
	.tradinPrint .priceDtl span{ display:block; text-align:center;}
	.mobileImg img{ width:100%;}
	.borderBox{ padding:20px 10px;}
	footer br{ display:none;}
	#navbar{ text-align:center;}
	header .navbar-nav > li > a, header .navbar-nav>li>a:hover{ padding-bottom:10px;}
	header .navbar-nav>li>a:hover, 
	header .navbar-nav > li:hover > a, 
	header .navbar-nav > li.active > a{ border-bottom:0; background:#0188cc; color:#fff;}
	header .nav{ margin-top:0; padding-top:0; margin-left:0;}
	.carrierLock{ width: 60%;}
	.roundBderBox ul li{ padding:0 10px;}
	.col-xs-12{ margin-top:10px;}
	.roundBderBox{ padding:20px 10px 10px;}
	.borderBox{ padding:10px; margin-top:20px;}
	.searchbtn{ width:100%;}
	/*.margin-bottom40{margin-bottom: 25px!important;}*/
	.roundBderBox.pcProduct {padding: 15px 10px 10px;}
	h3, .h3 {font-size: 18px;}
	.borderBox.confirmInfo > ul{ padding-left:25px;}
	.confirmInfo ul li{ font-size:12px; margin-bottom:5px;}
	/*.roundBderBox .legend{ font-size:20px;}*/
	
/* ==========================================================================
   BOH
   ========================================================================== */
	.boh .nav > li > a{ padding:15px 7px;}
	.boh .nav > li > a:hover{ padding-bottom:15px;}
	.boxForm ul li{ margin:0 10px 10px 0; width:calc(50% - 10px);}
	.boxForm ul li:nth-child(5n+5){ margin-right:10px;}
	.boxForm ul li:nth-child(even){ margin-right:0;}
	.printConfirm .border-right{ border-bottom:1px solid #e6e6e6;}
	.boh .nav-tabs.nav-justified > li { display: table-cell; width: 1%;}
    /* ==========================================================================
   SSP
   ========================================================================== */
	.custDtl br{ display:none;}
	.tradin h6{ font-size:16px;}
	.compareDtl .col-xs-12{ margin-top:20px;}
    .MyOrder_buttons{ margin-top:10px;
    }
    #btnMyOrderBack {width:100%;}


.modal-body ul{ padding-left:25px;}
    ::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
    .modal-body{ max-height:100%; overflow-x:hidden;}
    .MyOrder_buttons .btn{ white-space:normal!important;}
    .selectOption{display:block;}
    .afterLogOut {
        margin-top: 50px;
    }
    .needHelp .col-sm-4 .btn{ margin-top:10px; width:100%;}
    .deviceCheck-item{ margin-bottom:10px;}
    #MACProceedBox .modal-body{ padding-left:27px;}
    .modal { overflow-y:auto!important;}
}


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

/* ==========================================================================
	Home Screen
========================================================================== */	
.homeScreen ul li{ display:block;}
.homeScreen .homeBanner img{ width:100%;}
.sectionBox br{ display:none;}
    ul.macbook.serial {
    padding:0 ;
}
.spec ul {
    padding: 5px 0;
}

.sNum{
  display:block;
}


    .spec h6 {
    background: #e7e5e6;
    color: #817f80;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 1px;
}

    .spec li {
    float: none;
    vertical-align: top;
    font-weight: bold;
    padding: 0!important;
    margin: 0 0px 0 15px!important;
    text-align: left !important;
    width: 100% !important;
}

}

@media screen and (max-width:479px){
        ul.macbook.serial {
    padding:0 ;
}


        .sNum{
  display:block;
}


.spec ul {
    padding: 5px 0;
}

     .modal-body{ max-height:100%; overflow-x:hidden};
	.roundBderBox ul li{ padding:10px 0px; display:block;}
	.sectionBox .col-xs-4 .col-xs-6{ width: 100%;}
	.combineBox .radio, .customRow .checkbox{ margin-bottom: 10px; margin-top: 10px;}
	.carrierLock{ width: 100%;}
	.customerInfo{ padding:10px;}
	.sectionBox .action{ text-align:center}
	/*.sectionBox .action .pull-right{ float:none!important; margin-bottom:10px;}
	.sectionBox .action .pull-right .btn:first-child{ margin-left:0;}*/
	.tradinPrint  .btn{ width:100%;}
	.prodInfo{ text-align:center;}
	.prodInfo .col-xs-2, .prodInfo .col-xs-10{ width:100%;}
    .zeroValue{width:85%;}
	/*.customRow h5{ font-size:19px;}*/
	.action .btn{ width:100%; margin:0 0 10px!important;}
	.action .pull-right{ float:none!important; margin-bottom:0;}
	.loginForm .btn{ margin:0; width:100%;}

         .model_identifier img{
       width:100px;
       /*max-width:100%;*/	
       height:auto;
    }

    .watchBand {
    width: 93%;
}

    .bandP1 {
    width: 41%;
    float: left;
    text-align: justify;
    margin-left: 10px;
}

    /* ==========================================================================
   SSP
   ========================================================================== */	
	.tradeHistory .panel-title > a{ font-size:13px;}
	.heading{ font-size:16px; padding:0;}
	.valueDtl .text-right{ text-align:left;}

     .customerInfo .btn{ width:100%;}
    #btnMyOrderBack { margin-bottom:0!important;
    }
}


@media (max-width: 768px) and (min-width: 767px) {
    .f11 {
        font-size:11px;
    }

    ul.macbook.serial {
    padding:0 ;
}
.spec ul {
    padding: 5px 0;
}
    .spec h6 {
    background: #e7e5e6;
    color: #817f80;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 1px;
}

    .spec li {
    float: none;
    vertical-align: top;
    font-weight: bold;
    padding: 0!important;
    margin: 0 0px 0 15px!important;
    text-align: left !important;
    width: 100% !important;
}

    .sNum{
  display:block;
}


}

@media (max-width: 991px) {
    .boxCnt {
        min-height: 170px;
    }
    
    #deviceCheck-quality, #deviceCheck-iwatchband, #deviceCheck-opticalDriver {
    margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .boxCnt {
        min-height: auto;
    }
    
    .show-grid.prodList.text-left {
        margin-top: 10px;
    }

    .show-grid.prodList.text-left .row.margin-bottom .col-xs-12.col-sm-6 {
        margin-bottom: 10px;
    }
     .modal-body ul {
    padding-left: 15px;
    }
}

/*---------------------FOR DESKTOP ONLY----------------------*/



.valueDtl {
    padding: 5px 0px;
    font-size: 12px;
} 



/* Use on Search Page */

#roundBderBox label span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #0188cc;
}
#roundBderBox hr {
    margin:0;
    width:74%;
    height:0px;
    margin-bottom:6px;
}

/* End Use on Search Page */

/* 2k17-12-28 A.N */

.pa-0 {
    padding:0;
}


.mt-15 {
    margin-top:15px!important;
}

.borderBox.model_identifier {
   padding: 30px 0;
}

.word-break {
    word-break: break-all;
}

.width-auto {
    width: auto!important;
}



.footerBar {
    position:relative!important;
    width:100%!important;
}

#deviceCheck-quality, #deviceCheck-sim, #deviceCheck-datawiped {
    /*margin-bottom:30px;*/
}

img {
    max-width: 100%;
}

.faqGrid tr td:first-child {
    white-space: nowrap;
}


#Search_content
  {
  margin-top:12px;
  }
header .navbar-brand + span {
    font-family: 'RubrikRegular';
    float: left;
    color: #fff;
    font-size: 15px;
    margin-top: 12px;
    padding-left: 14px;
    border-left: 1px solid #707070;
}

.brand-wrap {
    margin-top: 8px;
    float: left;
}

.footerBar .disclaimer a {
    color: #F7403A;
    font-family: 'RubrikRegular';
}

@media (max-width: 767px) {
    .brand-wrap {
        margin-top: 2px;
    }

    .navbar-toggle {
        margin-top: 12px;
    }
}

/*// TFS ID 34434 Changes*/
.device-category {
    margin: 0;
    padding: 0;
}

    .device-category li {
        display: inline-block;
        background: #F7F7F7;
        font-size: 12px;
        border: 1px solid transparent;
        border-radius: 10px;
        text-align: center;
        padding: 1.2em 2.8em;
        margin: 0 5px;
    }

        .device-category li:hover,
        .device-category li.current {
            border-color: #0088CC;
        }

        .device-category li:before {
            background-position: center !important;
            background-size: 100% !important;
            margin-bottom: 5px !important;
        }

#IPhone {
    position: relative;
}

    #IPhone:before {
        content: '';
        background: url('../../../images/icons/icon-iphone.svg') no-repeat;
        width: 50px;
        height: 50px;
        display: block;
        margin: auto;
    }

.device-category li:hover #IPhone:before,
.device-category li.current #IPhone:before {
    background: url('../../../images/icons/icon-iphone_hr.svg') no-repeat;
}

.device-category li.current {
    box-shadow: 0 1px 11px -3px rgba(0, 0, 0, 0.5);
    color: #0088CC;
    background: #fff;
}

#Ipad {
    position: relative;
}

    #Ipad:before {
        content: '';
        background: url('../../../images/icons/icon-tablet.svg') no-repeat;
        width: 50px;
        height: 50px;
        display: block;
        margin: auto;
    }

.device-category li:hover #Ipad:before,
.device-category li.current #Ipad:before {
    background: url('../../../images/icons/icon-tablet_hr.svg') no-repeat;
}

#Mac {
    position: relative;
}

    #Mac:before {
        content: '';
        background: url('../../../images/icons/icon-imac.svg') no-repeat;
        width: 50px;
        height: 50px;
        display: block;
        margin: auto;
    }

.device-category li:hover #Mac:before,
.device-category li.current #Mac:before {
    background: url('../../../images/icons/icon-imac_hr.svg') no-repeat;
}

#Watch {
    position: relative;
}

    #Watch:before {
        content: '';
        background: url('../../../images/icons/icon-iwatch.svg') no-repeat;
        width: 50px;
        height: 50px;
        display: block;
        margin: auto;
    }

.device-category li:hover #Watch:before,
.device-category li.current #Watch:before {
    background: url('../../../images/icons/icon-iwatch_hr.svg') no-repeat;
}

@media (max-width: 767px) {
    .device-category li {
        margin: 10px 0;
        width: 100%;
        display: block;
    }

    .device-category {
        margin: 0 !important;
        padding: 0 !important;
    }
}
/*// TFS ID 34434 Changes*/