body { font-size: 13px; line-height: 1.42857143; color: #333;    /*background-color: #fafafa;*/ margin: 0px; width: 100%; height: auto !important; font-weight: normal !important; font-family: Arial, sans-serif !important; }

button, html, input, select, textarea { font-family: Arial, sans-serif !important; font: initial; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; }

.glyphicon-time { display: none !important; }
.select2-search input { padding: 1px 20px 1px 1px !important;  width:85% !important; }
.file-details { float: right; margin-top: -7%; }
.percent { position: absolute; width: 300px; height: 14px; z-index: 1; text-align: center; font-size: 0.8em; color: white; }
.progress-bar { width: 300px; height: 14px; border-radius: 10px; border: 1px solid #CCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95)); border-image: initial; }
.uploaded { padding: 0; height: 14px; border-radius: 10px;    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));*/ background-color: green; border-image: initial; }
.dropbox { width: 15em; height: 3em; border: 2px solid #DDD; border-radius: 8px; background-color: #FEFFEC; text-align: center; color: #BBB; font-size: 2em; font-family: Arial, sans-serif !important; }
.dropbox span { margin-top: 0.9em; display: block; }
.dropbox.not-available { background-color: #F88; }
.dropbox.over { background-color: #bfb; }
.tech-tab-content { width: 100%; margin: -17px 0px 15px 0px; /*border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD;*/ padding-bottom: 10px; }
.tech-p { font-size: 16px;    /*font-family: bold;*/ padding: 10px; }
.img-responsive { border: 1px solid black !important; margin-left: 2.5% !important; }
.tech-tab-container { width: 100%; margin: 0 auto; padding-top: 10px; font-weight: 600; }
.upload-release-container { margin-top: 0px !important }
.navbar-default { border-bottom-color: black !important; border-color: #0080B6; background-color: #0080B6; border-radius: 0; margin-bottom: 0px; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a .fa, .go-home-btn .fa { color: #FFF !important; }

/** The Magic **/
.btn-breadcrumb .btn:after { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid white; position: absolute; top: 50%; margin-top: -17px; left: 100%; z-index: 3; }
.btn-breadcrumb .btn.active:after { border-left: 10px solid #e6e6e6; z-index: 2; }
.btn-breadcrumb .btn:before { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid rgb(173, 173, 173); position: absolute; top: 50%; margin-top: -17px; margin-left: 1px; left: 100%; z-index: 3; }

/** The Spacing **/
.btn-breadcrumb .btn { padding: 6px 12px 6px 24px; }
.btn-breadcrumb .btn:first-child { padding: 6px 6px 6px 10px; }
.btn-breadcrumb .btn:last-child { padding: 6px 18px 6px 24px; }

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 10px solid #fff; }
.btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 10px solid #ccc; }
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #ebebeb; }
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #adadad; }

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after { border-left: 10px solid #428bca; }
.btn-breadcrumb .btn.btn-primary:not(:last-child):before { border-left: 10px solid #357ebd; }
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after { border-left: 10px solid #3276b1; }
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before { border-left: 10px solid #285e8e; }

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after { border-left: 10px solid #5cb85c; }
.btn-breadcrumb .btn.btn-success:not(:last-child):before { border-left: 10px solid #4cae4c; }
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after { border-left: 10px solid #47a447; }
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before { border-left: 10px solid #398439; }

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after { border-left: 10px solid #d9534f; }
.btn-breadcrumb .btn.btn-danger:not(:last-child):before { border-left: 10px solid #d43f3a; }
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after { border-left: 10px solid #d2322d; }
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before { border-left: 10px solid #ac2925; }

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after { border-left: 10px solid #f0ad4e; }
.btn-breadcrumb .btn.btn-warning:not(:last-child):before { border-left: 10px solid #eea236; }
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after { border-left: 10px solid #ed9c28; }
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before { border-left: 10px solid #d58512; }

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after { border-left: 10px solid #5bc0de; }
.btn-breadcrumb .btn.btn-info:not(:last-child):before { border-left: 10px solid #46b8da; }
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after { border-left: 10px solid #39b3d7; }
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before { border-left: 10px solid #269abc; }

/**NEW**/
#breadcrumbs { padding: 0; margin: 0; height: 30px; line-height: 30px; /* line-height MUST be the same as height */ list-style-type: none; background: #CCCCCC; }
#breadcrumbs li { float: left; /*ie6/7 needs this */ }
#breadcrumbs a { float: left; position: relative; padding: 0 20px 0 10px; color: #000000; text-decoration: none; outline: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs a.odd { background: #e9e9e9; }
#breadcrumbs span { position: absolute; display: block; line-height: 0px; height: 0px; width: 0px; right: 0px; top: 0px; border-left: 10px solid #CCCCCC; border-right: none; border-top: 15px solid #e9e9e9; border-bottom: 15px solid #e9e9e9; }
#breadcrumbs a.odd span { border-left: 10px solid #e9e9e9; border-top: 15px solid #CCCCCC; border-bottom: 15px solid #CCCCCC; }

/* classes for jquery hover */
#breadcrumbs a.hover { text-decoration: none; background: #999999; }
#breadcrumbs a span.hover { border-left: 10px solid #999999; }
#breadcrumbs a span.pre_hover { border-top: 15px solid #999999; border-bottom: 15px solid #999999; }
.date-input { background: white !important; }
td, th { white-space: nowrap; }
th { color: black; }
.ng-table-counts { top: 20px !important; }
.page-logo img { width: 90%; height: 334px; border: 1px solid }
.pr5 { padding-right: 5px !important; }
.nav-justified li a { white-space: nowrap; }
#notlogged { cursor: pointer; float: right; margin-right: 24px; }
.language-section { /*margin-right: -26em; margin-left: 10px; margin-top: 0.9em; max-width: 12em; min-width: 12em;*/ float:none ; }
.spinner { margin: 20%; margin-left: 50%; width: 50px;  !important; height: 40px;  !important; text-align: center; font-size: 10px; }
.spinner{ position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;margin: 0 auto;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.spinner > div { background-color: #333; height: 100%; width: 6px; /*margin-top: 100%; */display: inline-block; z-index: 10; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
    0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
    20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}
.overlay { height: 100%; width: 100%; z-index: 100; position: fixed; overflow-y: hidden; top: 0; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.9); overflow-x: hidden; transition: 0.5s; }
.expand-btn { max-width: 25px; min-width: 25px; margin-right: 5px }
.expand-btn > .fa-minus-square { margin-left: -12px; }
.custom-icons { height: 25px; width: 20px; }
.btn-primary {    /*background-color: slateblue;*/ }
.address-section { top: 105px; border: 1px solid black; width: 200px; margin-left: 35%; z-index: 100; position: absolute; }
.btn { white-space: normal; }
.custom-key-icons { width: 25px; height: 25px; }
.new-page { float: right; }
.address-section-table { top: 92px; font-size: 12px; border: 1px solid black; color: #fff; text-align: center; background-color: #000; width: 180px; margin-left: 30%; z-index: 100; position: absolute; }
.language-label { clear: both; padding: 6px; margin-top: 7px; }
.fa { color: black !important;font-size: 18px !important; }
#wrap { padding: 1px; text-align: center; width: 100%; }
#left, #right { display: inline-block; margin-right: 408px; }
.activat_p { text-decoration: underline; font-size: large; margin-bottom: -3px; }
.percent { position: absolute; width: 300px; height: 14px; z-index: 1; text-align: center; font-size: 0.8em; color: white; }
.progress-bar { width: 300px; height: 14px; border-radius: 10px; border: 1px solid #CCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95)); border-image: initial; }
.uploaded { padding: 0; height: 14px; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500)); border-image: initial; }
.dropbox { width: 15em; height: 3em; border: 2px solid #DDD; border-radius: 8px; background-color: #FEFFEC; text-align: center; color: #BBB; font-size: 2em; font-family: Arial, sans-serif !important; }
.dropbox span { margin-top: 0.9em; display: block; }
.dropbox.not-available { background-color: #F88; }
.dropbox.over { background-color: #bfb; }
.table-responsive { overflow-x: inherit !important; }
.ng-table th.sortable,.ng-table th{text-align: left;}
table { width: 100%; }
.go-home-btn { cursor: pointer; color: black; display: none !important; }

/*style by Datta*/
body > .tooltip.left.fade.in .tooltip-inner{font-size: 11px !important;text-align: left;overflow: hidden;word-break: initial !important;word-wrap: break-word !important;}
body > .tooltip.fade.in .tooltip-inner{font-size: 11px !important;text-align: left !important;}
.project-container { /*width: 90%;*/ }
.tab-content>.active.in { display: block; margin: 15px 15px 0px 15px; }
.table-bordered.table-striped tbody tr td {    text-align: left !important; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #FFF; background-color: #00BBE3; }
.select2-choice.ui-select-match{
    color:black !important;
}
td .tooltip { font-family: Arial, sans-serif !important; }
td .tooltip .tooltip-arrow {    /*opacity: 0.7;*/ }
td .tooltip .tooltip-inner { padding: 5px; word-break: break-word;    /*opacity: 0.8;*/ }
.table-responsive tr:first-child td .tooltip .tooltip-inner, .table-responsive tr:first-child td .tooltip .tooltip-arrow { opacity: 1; }

.icon15px{width: 15px !important;height: 15px !important;}
.icon20px{width: 20px !important;height: 20px !important;}
.border-square{border-radius: 5px;border: 1px solid #000;}
.marginRight10px{margin-right: 10px !important;}
.marginBottom2px{margin-bottom: 2px !important;}

select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#5a5a5a;

}.

/*style by Datta -- END*/

/*style by Ajit*/
#tech_license p { word-wrap: break-word; }
/*.bootstrap-datetimepicker-widget { width: auto !important; }*/
.navbar-default { border-bottom-color: #0080b6 !important; border-color: #0080B6; background-color: #0074A5; border-radius: 0;box-shadow: 0px 2px 3px rgba(0,0,0,0.16); }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a .fa, #showBackNavButton .fa { color: #FFF !important; }
.navbar-publisher ul li > a:hover { background-color: #00BBE3; cursor: pointer; }
#main-wrapper {overflow: hidden;}
.wrapper .btn-default { font-size: medium }
.form-signin-heading { margin-bottom: 35px; }
.wrapper { margin-top: 180px; margin-bottom: 80px; }
.form-signin {    /*box-shadow: 10px 10px 5px #888888;*/
box-shadow: 0px 0px 1px 0px #888888; max-width: 380px; padding: 15px 35px 45px; margin: 0 auto; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); height: 230px; }
.form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-top: 25%; }
textarea.sku-details-text { border: 1px solid #d3d3d3 !important; }
.change-height { min-height: 95% !important; height: 95% !important; }
.footer { position: absolute; right: 0; bottom: 0; left: 0;    /* padding: 1rem; */ background-color: #efefef; text-align: center; }
.ng-table-pager { height: 80px; }
#license table th:last-child, #tech-trials-table th:last-child, #dvData table th:last-child, #branch_tech_license table th:last-child { cursor: default !important; }
.branch-license-table th:nth-child(4) { width: 25%; }

/*style by Ajit -- END*/

/* Adding css for User Interface changes from -- sandeep */
select{font-size: 13px !important;}
.login_portal_name{
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.334;
    letter-spacing: 0em;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 10%;
}
.login_btn{
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 110, 191);
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
    width: 100%;
}

.search-select{
    height: 34px !important;
}

h3{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.nav-tabs > li > a > label{
    margin-bottom: 0px !important;
    padding-left: 7px;
    font-weight: normal;
    cursor: pointer;
}

.nav-tabs > li.active > a > label{
    margin-bottom: 0px;
    padding-left: 5px;
    font-weight: normal;
    
}
.nav-tabs > li > a:hover > .fa {
    color: #00539e !important;
}

.nav-tabs > li.active > a > .fa {
    color: #00539e !important;
}

/* table footer 100 page view */
span.ui-grid-pager-row-count-label {
    position: absolute;
    margin-top: 10px;
}

/* table bottom border */
.ui-grid-header {
    border-bottom: none !important;
    box-sizing: border-box;
}

.error_msg{
    text-align: center !important;
    color: #534cf3;
    font-weight: bold;
    font-size: 14px !important;
    padding-top: 20px;
    } 

    .back_bt{
        padding: 10px;
        background-color: #0080b6;
        color: #FFF;
        outline: none;
        border: none;
        border-radius: 4px;
        }
    .back_bt a{
        color: #FFF !important;
        border: none !important;
    }
    
    .back_bt a:hover{
        color: #FFF !important;
        text-decoration: none !important;
    }

    .back_bt a .fa {
        color: #FFF !important;
        margin-right: 5px !important;
        font-size: 15px !important;
    }

    /* expandable header color change */
    .expandableRow .ui-grid-header-cell {
        background-color: #0074a5 !important;
        color: #FFF !important;
        font-weight: normal !important;
    }

    .ui-grid-row:nth-child(odd) .expandableRow .ui-grid-header-cell{
        background-color: #0074a5 !important;
    }

    .ui-grid-row:nth-child(even) .expandableRow .ui-grid-header-cell{
        background-color: #0074a5 !important;
    }

    .ui-grid-row:last-child .ui-grid-cell{
        border-bottom: 1px solid #ccc !important;
    }

    .expandableRow .ui-grid-viewport{
        border-left: none !important;
    border-right: none !important;
    }

    /* fontawesome icon in button */
    .btn-primary .fa-filter{
        color: #FFF !important;
        font-size: 15px;
        margin-right: 5px;
    }

    .btn-primary .fa-plus-circle{
        color: #FFF !important;
        font-size: 15px;
        margin-right: 5px;
    }

    .primary_bt .fa{
        color: #FFF !important;
        font-size: 16px !important;
        margin-right: 5px;
    }
    .btn-danger .fa{
        color: #FFF !important;
        font-size: 16px !important;
        margin-right: 5px;
    }

/* oreder deatils table height changes */
[ui-view="selfsupport_orders_details"] .gridStyle{
    height: calc(100vh - 550px) !important;
}

/* login page css */


.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
    white-space: nowrap !important;
}

.tooltip.right > .tooltip-arrow{
    left:1px !important;
    }

    th{
        background-color: #3ba6d1 !important;
    color: #FFF !important;
    }
   
    .paddding0 {padding-right: 0px !important;padding-left: 0px !important;}
    .margin0{ margin-left: 0px !important;margin-right: 0px !important;}
    .margin15{margin-left: -15px !important;margin-right: -15px !important;}

    

/* End of adding css from -- sandeep */


/*style By DATTA - meadia queries*/
#notlogged .language-select { display: inline-block !important; margin-right: 35px; }
.help-btn { color: black; border-left: 1px solid white; margin-top: 14px; }
.help-btn { cursor: pointer;padding-top: 5px;padding-bottom: 5px;margin-top:0px !important;border-top:1px solid #eee; }
.menu-btn .navbar-toggle .icon-bar { background-color: rgb(250, 250, 250); }
.allsoftware #dvData { margin-left: 5%; margin-right: 5%; }
.sku-details-textarea { max-width: 700px !important; max-height: 335px !important; margin-left: 60px; }
.project-container .row.change-height{padding-bottom: 30px;}
/*MOBILE*/
@media only screen and (max-width:320px) {
    body { font-size: 10px; cursor: pointer; }
    .jci-logo { width: 60px; }
    .language-select { margin-right: 20px; }
    .jci-logo-after { margin-left: 25px; }
    .navbar-brand a { font-size: 10px; }
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; text-align: center; }
    .web-heading h4 { font-size: 15px; font-weight: inherit; }
    #notlogged ul, #notlogged { margin-right: 0px; }
    .navmenu-desktop { display: none; }
    /*.dropdown.open .caret.caret-tp { display: none !important; }*/
    .dropdown.open .caret.caret-tp{border-top: 0px; border-bottom: 4px dashed;}
    #loginDetails .dropdown-menu { background-color: #00BBE3; }
    #loginDetails .dropdown-menu li a { color: white; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #0080b6; }
    .deactivate-container .btn-breadcrumb a.active { display: block; width: 100%; }
    .deactivate-container .btn-breadcrumb a:not(.active) { display: none; }
    .back-btn-deactivate button { margin: 10px 15px; }
    .upload-release-next button, .upload-release-back button { margin: 10px 15px; }
    .footer { position: static; }
    .allsoftware #dvData { margin-left: 0%; margin-right: 0%; }
    #dvDataOrders { margin-right: 0%; margin-left: 0%; }
    .tech-tab-content { margin: 10px 0px 15px 0px; border: 1px solid #DDD; }
    .dropbox { width: 100%; }
    .dropdown-toggle.toggle-logout { padding: 10px; }
    .sku-details-textarea { max-width: 700px !important; max-height: 335px !important; margin-left: 0px; }
    .notifications-circle{right: 100% !important;/*left: 21px !important;*/}
    .logo-image{margin-top: -9px;}
    md-dialog{
        min-width: 300px !important;
     }
    
}

@media only screen and (max-width:449px) {
    md-dialog{
        min-width: 350px !important ;
     }
     body{cursor: pointer;}
}


@media only screen and (max-width:479px) {
    body { font-size: 11px; cursor: pointer;}
    .jci-logo { width: 60px; }
    .language-select { margin-right: 20px; }
    .jci-logo-after { margin-left: 25px; }
    .navbar-brand a { font-size: 11px; }
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; text-align: center; }
    .web-heading h4 { font-size: 15px; font-weight: inherit; }
    #notlogged ul, #notlogged { margin-right: 0px; }
    .navmenu-desktop { display: none; }
    /*.dropdown.open .caret.caret-tp { display: none !important; }*/
    .dropdown.open .caret.caret-tp{border-top: 0px; border-bottom: 4px dashed;}
    #loginDetails .dropdown-menu { background-color: #00BBE3; }
    #loginDetails .dropdown-menu li a { color: white; font-size: 11px; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #0080b6; }
    .deactivate-container .btn-breadcrumb a.active { display: block; width: 100%; }
    .deactivate-container .btn-breadcrumb a:not(.active) { display: none; }
    .back-btn-deactivate button { margin: 10px 15px; }
    .upload-release-next button, .upload-release-back button { margin: 10px 15px; }
    .footer { position: static; }
    .allsoftware #dvData { margin-left: 0%; margin-right: 0%; }
    #dvDataOrders, #requestlicenseTable { margin-right: 0%; margin-left: 0%; }
    .tech-tab-content { margin: 0px 0px 15px 0px; padding-top:0px !important; /*border: 1px solid #DDD;*/ } /* home screen text space */
    .tab-pane{padding-top: 0px !important;} /* home screen text space */
    .dropbox { width: 100%; }
    .dropdown-toggle.toggle-logout { padding: 10px; }
    .sku-details-textarea { max-width: 700px !important; max-height: 335px !important; margin-left: 0px; }
    .notifications-circle{right: 100% !important;/*left: 21px !important;*/}
     .logo-image{margin-top: -9px;}

    
}

/*LANDSCAPE MOBILE AND IPAD*/
@media only screen and (min-width:480px) and (max-width:767px) {
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; text-align: center; }
    .web-heading h4 { font-size: 16px; font-weight: inherit; padding-top: 5px; }
    #notlogged ul, #notlogged { margin-right: 0px; }
   /* .dropdown.open .caret.caret-tp { display: none !important; } */
    .dropdown.open .caret.caret-tp{border-top: 0px; border-bottom: 4px dashed;}
    #loginDetails .dropdown-menu { background-color: #00BBE3; }
    #loginDetails .dropdown-menu li a { color: white; font-size: 14px; }
    .navmenu-desktop { display: none; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #0080b6; }
    .deactivate-container .btn-breadcrumb a.active { display: block; width: 100%; }
    .deactivate-container .btn-breadcrumb a:not(.active) { display: none; }
    .back-btn-deactivate button { margin: 10px 15px; }
    .upload-release-next button, .upload-release-back button { margin: 10px 15px; }
    .footer { position: static; }
    #dvDataOrders, #requestlicenseTable, .allsoftware #dvData { margin-right: 0%; margin-left: 0%; }
    .tech-tab-content { margin: 10px 0px 15px 0px;/* border: 1px solid #DDD;*/ }
    .dropbox { width: 100%; }
    .language-select { margin-right: 20px; }
    .dropdown-toggle.toggle-logout { padding: 15px 5px; }
    .sku-details-textarea { max-width: 700px !important; max-height: 335px !important; margin-left: 0px; }
    .notifications-circle{right: 100% !important;/*left: 21px !important;*/}
     .logo-image{margin-top: -9px;}
    body{cursor: pointer;}
}

/*SMALL SCREEN PC*/
@media only screen and (min-width:768px) and (max-width:991px) {
    .first-td { width: 53.2% !important; }
    .jci-logo { width: 70px; }
    .jci-logo-after { margin-left: 25px; }
    body { font-size: 12px; cursor: pointer;}
    .navbar-brand a { font-size: 12px; }
    .address-section-table { top: 75px !important; }
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; /*text-align: right; */}
    .web-heading h4 { font-size: 16px; font-weight: inherit; }
    #notlogged ul, #notlogged { margin-right: 0px; }
    #notlogged .web-heading { text-align: center; }
    .navmenu-desktop { display: block; }
    #loginDetails { display: none !important; }
    #dvDataOrders, #requestlicenseTable { margin-right: 5%; margin-left: 5%; }
    .dropdown-toggle.toggle-logout { padding: 15px 5px; }
    .language-select { margin-right: 30px; }
    .dropdown a{padding: 15px 10px;}
    select {max-width: 150px !important;}
    .searchboxWidth{width:123px !important;}
    .buttonAlign{ padding-right:30px !important; }
    .modal-body form select{max-width: 100% !important;}
    }

/*DESKTOP*/
@media only screen and (min-width:992px) and (max-width:1080px) {
    .first-td { width: 53.2% !important; }
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; /*text-align: right;*/ }
    .web-heading h4 { font-size: 18px; font-weight: inherit; }
    #notlogged ul, #notlogged { margin-right: 0px; }
    #notlogged .web-heading { text-align: center; }
    .navmenu-desktop { display: block; }
    #loginDetails { display: none !important; }
    #dvDataOrders, #requestlicenseTable { margin-right: 5%; margin-left: 5%; }
    .dropdown-toggle.toggle-logout { padding: 15px 7px; }
    .searchboxWidth { width: 123px !important;}
    body{cursor: pointer;}
}
/*DESKTOP*/
@media only screen and (min-width:1081px) and (max-width:1280px) {
    .first-td { width: 53.2% !important; }
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; text-align: right; }
    .web-heading h4 { font-size: 18px; font-weight: inherit; }
    #notlogged ul, #notlogged { margin-right: 0px; }
    #notlogged .web-heading { text-align: center; }
    .navmenu-desktop { display: block; }
    #loginDetails { display: none !important; }
    #dvDataOrders, #requestlicenseTable { margin-right: 5%; margin-left: 5%; }
    .dropdown-toggle.toggle-logout { padding: 15px 10px; }
}
@media only screen and (min-width:1281px) {
    .first-td { width: 53.2% !important; }
    .web-heading { color: white; margin-top: 10px !important; font-weight: inherit; text-align: left; }
    .web-heading h4 { font-size: 20px; font-weight: inherit; }
    #notlogged ul, #notlogged { margin-right: 0px; }
    #notlogged .web-heading { text-align: center; }
    .navmenu-desktop { display: block; }
    #loginDetails { display: none !important; }
    #dvDataOrders, #requestlicenseTable { margin-right: 5%; margin-left: 5%; }
}
/*@media only screen and (min-width:768px) and (max-width:1000px) {
    .usermenu { width:auto;padding-left: 382px !important;margin-top: -51px; }
    
}*/
.ui-grid-column-menu-button .ui-grid-icon-angle-down{
    display: none;
}
.ui-grid-header-cell .ui-grid-sort-priority-number{
    display: none;
}

.ng-table-pager{
    margin-bottom: 30px;
}

#branch_tech_license th:last-child *{
    cursor: default;
}

#branch_tech_license th:last-child{
    cursor: default;
}

/* css for header technician  */
.nav-tabs > li > a > label{
    margin-bottom: 0px !important;
    padding-left: 7px;
    font-weight: normal;
    cursor: pointer;
}

.nav-tabs > li.active > a > label{
    margin-bottom: 0px;
    padding-left: 7px;
    font-weight: normal;
    
}
.nav-tabs > li > a:hover > .fa {
    color: #00539e !important;
}

.nav-tabs > li.active > a > .fa {
    color: #00539e !important;
}

.ui-grid-cell-contents {
    /* height: 42px !important; */
    padding-top: 8px !important;
    font-size: 13px !important;
}

.ui-grid-cell {
    border-right: none !important;
    height: 35px !important;
}

/****** progressbar css ***********/
#downloadProgress {
  height: 15px;
  border-radius: 2px;
  margin-top: 5px;
}
#downloadProgress .skill {
  font: normal 12px "Open Sans Web";
  line-height: 15px;
  padding: 0;
  margin: 0px 0 0 0px;
  text-transform: uppercase;
}
#downloadProgress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 2px 0 0;
}

#downloadProgress .progress-bar {
  text-align: left !important;
  transition-duration: 3s !important;
  background-color: #5cb85c !important;
  background-image: none;
  height: 100%;
  border-radius: 2px;
}

/*********modal changes *******/

.modal-header {
    padding: 10px;
    border-bottom:none;
    background:#0074A5 !important;
    color: white;
    /* font-size: 40px; */
    /*padding-left: 15px;*/
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    border-right: 0px !important;
}

.modal-header .modal-title {
    color:white !important;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
}

.modal-content{
    border:none !important;
}

.modal-body{
    padding: 20px !important;
}

.modal-footer{
    background-color: #f2f2f2 !important;
    padding:10px !important;
}

md-dialog button i.fa{
    color:white !important;
    
}

md-dialog,.modal{
    border-radius: 0px !important;
}





.md-title{
    text-align: center;
}

.md-dialog-content-body p{
    text-align: center;
    font-weight: 500;
}

/*md-dialog .btn-danger{
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

md-dialog .btn-danger:hover{
    color: #fff !important;
    background-color: #204d74 !important;
    border-color: #122b40 !important;
}*/

.btn-danger.red{
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}


.btn-danger.red:hover{
    color: #fff !important;
    background-color: #c9302c !important;
    
}
.btn-danger{
    color: #fff !important;
    background-color: #CB2439 !important;
    }
.btn-danger:hover{
    background-color: #911A29 !important;
    }

/**********/

/*********md-button changes ***********/

.md-btn-danger{
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    text-transform: uppercase;
}
.md-btn-danger:hover{
    background-color: #911A29 !important;
    }

.md-btn-success{
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    text-transform: uppercase;
}

.md-btn-danger.red{
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}


.md-btn-danger.red:hover{
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #d43f3a !important;
}


/*********/

/*********/

.notifications-circle{
    position: absolute;
    top: 15px;
    right: 17px;
    left: 23px;
    background: #f44336;
    color: #FFFFFF;
    border: 1px solid #FFF;
    font-size: 9px;
    min-width: 10px;
    height: 10px;
    padding: 0px 5px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    display: block;
}

/* mudit css */
.c-reset-m { margin: 0px; }
.m-block-force { display: block !important; }
.md-whiteframe-pad { padding: 15px 0; min-height: 56px; }
.md-whiteframe-pad label { margin: 0px; }
.m-wid-100 { width: 100%; }
.m-pub-pad { padding: 3px 20px; }
.m-table { display: table !important; }
.m-flex-to-inline-block { display: flex; }
.m-table-to-block { display: table !important; }
.m-table-cell-to-block { display: table-cell; }
@media (max-width:768px) {
    .m-pub-pad { padding: 3px 6px; }
    .m-flex-to-inline-block { display: inline-block !important; }
    .m-table-to-block { display: block !important; }
    .m-table-cell-to-block { display: block !important; }
    label { font-size: 12px !important; }
    .m-mob-pcode { width: 40% }
    .m-mob-text-center { text-align: center; }
    .language-section{
            /*margin-right: -14em !important;*/
    }
}



/******** inner tabs **********/

#inner-tabs .nav-tabs.nav-justified>li>a{
    border:0px !important;
    color:black !important;
    border-radius: 4px;
}



#inner-tabs .nav-tabs.nav-justified>li{
    border: 1px solid #005393 ;
    border-radius: 0px;
    border-right: none;
}

#inner-tabs .nav-tabs.nav-justified>li:last-child{
    border-right: 1px solid #005393;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}



#inner-tabs .nav-tabs.nav-justified>li.active a{
    color: white !important;
    background: #005393 !important;
    border-radius:0px;
}

#inner-tabs .nav-tabs.nav-justified>li:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#inner-tabs .nav>li>a{
    padding:7px 15px;
}

.modal-header button.close{
    color:white !important;
    opacity: 1 !important;
    margin-top: 2px !important;
    float: right ;

}

.modal-footer button{
    text-transform: capitalize !important; 
}


#downloadFilesData table thead tr th{
    color: #FFF !important;
}

@media only screen  (max-width:767px) {
    .tech-p{
        font-size: 15px;
    }
}

.tooltip , .tooltip *{
    word-break: break-all;
    word-wrap: break-word;
}

/*select:required:invalid {
  color: gray;
}
option {
  color: black;
}*/

option[disabled="disabled"]{
  background-color:#f5f5f5;
  /*display: none;*/
}

button i.fa.fa-close{
    display: none !important;
}
option[value=""] {
  display: none;
}
@supports (-ms-ime-align: auto) {
    option[value=""] {
      display: block !important;
    }
}

.gridStyle{
    /*height: 58vh !important;*/
    height:63vh !important;
}
.deactivegridStyle{height:calc(100vh - 240px) !important;}

.gridStyleDaterequested{height: 33vh !important;}


/**** tab changes ***********/

.nav-tabs {border-bottom: 1px solid #DDD;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;color: #00539E !important;background: transparent;font-weight:bold !important;}
.nav-tabs > li > a::after {content: "";background: lightgrey;height: 5px;position: absolute;width: 100%;left: 0px;bottom: -1px;transition: all 250ms ease 0s;transform: scale(1);}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li.active > a::after { background: #00539E none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding-top: 10px;}
.nav-tabs.nav-justified>li>a{margin-right: 2px !important;margin-bottom: 0px !important;/* width: 132%; */padding-left: 15px;/*padding-right: 30px;*/font-size: 14px;/* font-family: Arial; */color: #333;font-weight: normal;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

.nav-tabs > li.active > a::after,.nav-tabs > li:hover > a::after {content: "";background:#00539E;border-bottom: 5px solid #00539E !important;height: 5px;position: absolute;width: 100%;left: 0px;bottom: -1px;transition: all 250ms ease 0s;transform: scale(1);}

.tab-content>.active.in{
    margin:0px !important;
}

.nav-tabs.nav-justified{
    border-bottom: 1px solid #d7d7d7;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    border:none !important;
    

}


@media (min-width: 768px){
    .nav-tabs.nav-justified>li {
        /*width: auto !important;*/
    }
}

input[type="text"]{
    border-color:#00539E !important;
}

.fa.fa-search.search-icon-in-input{
    color:#00539E !important;
}

.ui-grid-header-cell .ui-grid-row-header-cell.ui-grid-expandable-buttons-cell{
  visibility:hidden;
}

/************ table UI changes(ui-grid) *************/

.ui-grid-top-panel{
    background: white !important;
    /* border: 1px solid #d4d4d4 !important;
    border-bottom: 2px solid #d4d4d3 !important; */
    border-top:none !important;
}

.ui-grid-cell-contents{
    /*height: 42px !important;
    padding-top: 15px !important;*/
}

.ui-grid{
    border-left:1px solid #d4d4d4 !important;
    border-right:1px solid #d4d4d4 !important;
}

.transpernt_icon > .fa{
    background: transparent !important;
    border: none !important;
    margin-left: 5px !important;
}

.ui-grid-cell-contents > .bundlename_text{
    font-weight: normal;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}





.ui-grid-cell{
    border-right: none !important;
    /*height:50px !important;*/
}

.ui-grid-header-cell-row {
    color: #00539E !important;
}

.ui-grid-row{
    height: 35px !important;
}

.ui-grid-canvas{
    /*height: 42px !important;*/
}

.ui-grid-row:nth-child(odd) .ui-grid-cell{
    background-color: white !important;
}

.ui-grid-header-cell:last-child{
    border-right: 1px solid #d4d4d4 !important;
}

.ui-grid-cell-contents a{
    text-decoration: none !important;
}

.ui-grid-cell-contents a:hover{
    text-decoration: underline !important;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number{
    vertical-align: middle !important;
}

.ui-grid-cell-contents.ui-grid-header-cell-primary-focus{
    /*height: 42px !important;*/
}






.scrollFiller{
    border:none !important;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{
    border:none !important;
}



/************ table UI changes(ng-table) *************/

.ng-table th.sortable, .ng-table th{
    height: 42px !important;
   /* color: #00539E !important;*/
    border-bottom-width: 3px !important;
}

.ng-table tbody tr td{
    border:none !important;
    height: 50px !important;
}

.ng-table select.form-control{
    height: auto !important;
    padding: 0px !important;
    border-radius: 0px !important;
}
.dateRangePickerInit > label{
    border-radius: 5px;
        border:1px solid #00539E;
        padding: 6px;
        font-weight: 400;
    }

.ng-table{
    border: 1px solid #ddd !important;
    border-top:1px solid #d4d4d4 !important;
}
.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc{
    background-color: white !important;
}

.ng-table a{
   text-decoration: underline !important; 
}

.annotation-text{
    white-space: nowrap;
    /*max-width: 100%;*/
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gridStyleNew{
    height:58vh !important;
}

[ui-view="customers_subtab"] .gridStyle{
    height: calc(100vh - 380px) !important;
}

[ui-view="customers_subtab"] .order_gridStyle{
    height:calc(100vh - 352px) !important;
}

[ui-view="customers_subtab"] .machine_gridStyle{
    height:calc(100vh - 335px) !important;
}

[ui-view="mybranch_subtab"] .gridStyle_user{
    height: calc(100vh - 292px) !important;
}



[ui-view="mybranch_orders_details"] .gridStyleNew{
    height:52vh !important;   
}

[ui-view="mybranch_subtab"] .gridStyleNew_lic{
    height: 51vh !important;
}

.tooltip-inner{
    max-width: 250px !important;
}
input[type="email"] {
    border-color: #00539E !important;
}
select[disabled="disabled"]{
    background-color:lightgrey; /*background-color:#C1C1C1;*/
    cursor:no-drop;
}

md-dialog{
    max-height: 85% !important;
}

.ui-grid-contents-wrapper select:hover, table select:hover{
    box-shadow: 0 0 10px 100px #1e90ff inset;
   /* color:white !important;*/
}

.ui-grid-contents-wrapper select option, table select option{
    color:black !important;
}

.ui-grid-contents-wrapper select option:hover,table select option:hover{
    color:white !important;
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .nav-tabs.nav-justified>li {
        width: 100% !important;
        display: block;
    }

    .parentSearchContainer input.form-control{
        width:150px !important;
    }

    .web-heading{
        text-align: left !important;
    }
    
select[disabled="disabled"]{background-color: #b4b4b4 !important;}


}   


@media only screen and (max-width: 767px){
    .web-heading{
        text-align: left !important;
    }
} 

/* iPhone 6, 7, & 8 in portrait */
@media only screen 
and (max-device-width : 667px) 
and (orientation : portrait) {
.dropbox span{ margin-top:0px; padding:0px 3px;}
.tech-tab-container{margin-bottom: 15px;}
.activateTabTop{padding-top: 0px !important;}
.branchTabTop,.softwareTabTop{/*height:0px !important;*/}
select[disabled="disabled"]{background-color: #b4b4b4 !important;}
.wrapper{margin-top: 80px;}
} 

@media only screen and (max-width: 1280px) and (min-width: 1081px){
    .web-heading{
    text-align:left;}
    .searchboxWidth{
    width:123px !important}
    }



/******** ngtable resizable css *********/
.rc-handle-container {
  position: relative; 
}

.rc-handle {
  position: absolute;
  width: 7px;
  cursor: col-resize;
  margin-left: -3px;
  z-index: 2; 
}

table.rc-table-resizing {
  cursor: col-resize; 
}

table.rc-table-resizing thead, table.rc-table-resizing thead > th, table.rc-table-resizing thead > th > a {
    cursor: col-resize; 
}  
   @media only screen 
and (max-device-width : 767px)  { 
   .select2-search input,.select2-search input:focus{
    /*width: 154px !important;*/
    width: 85% !important;
    padding-right: 20px !important;
}
}



/* custom download container styling */
.download-container {
    font-family: Arial, sans-serif;
    width: 100%; /* Ensure full width but constrained by parent container */
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
  }
  
  /* Progress bar container */
  .custom-download-progress-bar {
    background-color: #f3f3f3a9;
    width: 100%; /* Full width */
    height: 15px; /* Fixed height of the progress bar */
    border-radius: 10px; /* Rounded corners */
    margin: 10px 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden; /* Prevent text overflow */
    display: flex;
  }
  
  /* Progress fill styling */
  .custom-download-progress-fill {
    height: 100%; /* Fill the entire height of the progress bar */
    width: 0%; /* Initially set width to 0% */
    text-align: center; /* Center text horizontally */
    color: white;
    font-weight: bold;
    line-height: 15px; /* Ensure text is vertically centered */
    border-radius: 10px; /* Rounded corners for fill */
    background-color: #35cc5b; /* Green color */
    transition: width 0.5s ease; /* Smooth transition for width change */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Prevent text overflow */
  }

  /* Percentage text styling inside the progress bar */
  .custom-download-progress-fill span {
    position: absolute;
    top: 4%;
    left: 45%;
    color: white;
    font-size: 13px;
    z-index: 1; /* Ensure text appears on top of the progress bar */
  }
  .download-btn-transparent {
    width: 50px !important;
    height: 30px !important;
    border: none !important;
    background-color: transparent !important;
  }

  .text-capitalize {
    text-transform: capitalize;
  }

  .text-uppercase {
    text-transform: uppercase;
  }