@charset "utf-8";
/* CSS Document */
/*** fixed footer **/
html{
    height: calc(100% - 0px);
}
body {
    margin-bottom: 230px;
    height:100%;
    overflow-y: auto;
}

/*updated for IC-230 On 2/12/2012 @SID*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a0a0a0 !important;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a0a0a0 !important;
    opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a0a0a0 !important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #a0a0a0 !important;
    opacity:1;
}
.wrapText{
    word-wrap: break-word;
}
.elo-form input::-webkit-input-placeholder {
  color: #a0a0a0 !important;
}
.elo-form input:-webkit-input-placeholder {
  color: #a0a0a0 !important;
}
.elo-form input::-moz-placeholder {
   color: #a0a0a0 !important;
   opacity:1;
}
.elo-form input:-ms-input-placeholder {
  color: #a0a0a0 !important;
}
.elo-form input:-moz-placeholder {
  color: #a0a0a0 !important;
  opacity:1;
}

.elo-form textarea::-webkit-input-placeholder {
    color: #a0a0a0 !important;
}
.elo-form textarea:-moz-placeholder {
    color: #a0a0a0 !important;
}
.elo-form textarea::-moz-placeholder {
    color: #a0a0a0 !important;
}
.elo-form textarea:-ms-input-placeholder {
    color: #a0a0a0 !important;
}

.form-control:focus {
    outline: none;
    box-shadow:none;
}


input:focus {outline:none;}
input::-moz-focus-inner {border:0;}
input:-webkit-focus-inner {border:0;}

footer {
}

/** end fixed footer **/

a
{
    color:#5e9732;
    text-decoration:none;
}

a:hover
{
    text-decoration:none;
}

body
{
    color:#727272;
    font-family: 'SFUIDisplay-Regular';
}
.bg-color
{
    background: #f5f5f6;
}
.clear
{
    clear:both;
}
.pointer{
    cursor: pointer !important;
}
.invalid
{
    float:left;
    padding:10px;
    /*background:#f9f2f4;*/
    color:#c7254e  !important;
    border-radius:2px;
}
.floatnone
{
    float:none;
}

.error-holder
{
    position: absolute;
    margin-top: -30px;
    width: 330px;
}

.login-forme p
{
    letter-spacing:0.5px;
}

.elo-login {
    margin-top: 35px;
}

.elo-login input {
    color:#727272;
    font-size:18px;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    background: #fbfbfb;
}

.elo-login .input-group {
    margin-bottom: 15px;
}

.elo-form-control-add-user{
  display: block;
  padding: 10px 15px 10px 40px;
  font-size: 18px;
  color: #002f6c;
  overflow: hidden;
  width: 96%;
}

.redborder {
    border-radius:2px;
}

.hidden {
    display: none;
}

.visible {
    display: normal;
}

.colored {
    background-color: #F0EEEE;
}



.bigicon {
    font-size: 97px;
    color: #f96145;
}
.play-list-row1
{
    width:100%;
    height:auto;
    margin-bottom:10px;
    float:left;
}

.play-list-row1 .col-md-4
{
    padding-left:0px !important;
    padding-right:0px !important;
    float:left;
}
.play-list-row1 .col-md-8
{

    padding-top:21px;
    float:left;
}
.contcustom {
    text-align: center;
    width: 330px;
    border-radius: 0.5rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px auto;
}

input {
    margin-bottom: 17px;
    padding: 15px;
    background-color: #ECF4F4;
    border-radius: 2px;
    border: none;
}

.signup
{
    color: #727272;
    margin-top:20px;
    clear:both;
}

.btn {
    border-radius: 2px;
    padding: 10px;
}

.med {
    font-size: 16px;
    color: white;
    font-weight:700;
}

.medhidden {
    border-radius: 50px;
    color: #5f9732;
    font-size: 27px;
    padding: 7px;
    width: 65%;
    border:2px solid #5f9732;
}

.wide {
    background-color: #33a5f2;
    border: 1px solid #33a5f2;
    color: #fff;
    margin-bottom: 10px;
    padding: 5px 10px;
    float: right;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wrap{
    white-space: normal;
    word-break: break-word;
    padding: 5px 10px;
}

.wide:hover,
.wide:focus {
    color: #fff;
    background-color: #33a5f2;
    border-color: #87caf7;
}
.wide:disabled {
    color: #fff;
    background-color: #87caf7;
    border-color: #87caf7;
}

.wide:focus {
    outline: 0px;
}

.wide.cancel-btn {
    background-color: transparent;
    color: #727272;
    border-color: #727272;
}

.wide.cancel-btn:hover,
.wide.cancel-btn:focus {
    color: #727272;
    border-color: #ccc;
}

.wide.login-btn:focus {
    color: #fff !important;
}

.login-btn {
  height: 40px;
}


.remember-me-container {
    margin-top: 10px;
    min-height: 20px;
}
.remember-me-container .checbox-container {
    text-align: left;
}
.remember-me-container .session-details {
    text-align: right;
}
.remember-me-container label {
    padding-top: 7px;
    color: #727272;
    font-size: 13px;
}
.remember-me-container .session-details label {
    vertical-align: top;
    padding-right: 10px;
}

.remember-me-container .remember-me {
    margin-top: 8px;
}
.margin-top-whitelist{
    margin-top: 30px;
}
.help-icon {
    padding: 5px 0 0 0 !important;
    color: #727272;
    text-align: left;
    cursor: pointer;
    vertical-align: top;
}

.login-select {
    height: 25px;
    width: 80px;
    margin-top: 3px;
    background-color: #f2f3f3;
    border-radius: 5px;
    padding: 3px 5px 3px 12px;
    cursor: pointer;
    text-align: left;
    background:url(../../images/dropdown_down_arrow.png) right no-repeat #f2f3f3;
}

.user-session-selection {
    color: #002F6C;
}

.user-session-selection ul.dropdown-menu {
    text-align: left;
    min-width: 95px;
    background-color: white;
}

.user-session-selection ul.dropdown-menu li a {
    padding: 3px 10px;
    color: inherit !important;
    background: none;
}

.user-session-selection ul.dropdown-menu li a:hover {
    background: none;
}

.user-session-selection ul.dropdown-menu li a:focus {
    background: none;
}

.user-session-selection ul.dropdown-menu li.active {
    background-color: lightgray !important;
}

.user-session-selection ul.dropdown-menu li:hover {
    background-color: #f1f1f1 !important;
}

.user-session-selection ul.dropdown-menu:before {
    content: none !important;
}

.user-session-selection ul.dropdown-menu:after {
    content: none !important;
}

.slength {
    display: none;
}

.displayBlock
{
    display:block;
}


/**********************************************header begin******************************************/
.header
{
    background:#fff;
    border-bottom:5px solid #EEE;
}
.header-top
{
    padding:15px 0 5px 0;
}
.header-top p
{
    float:left;
    margin-left:120px;
    color:#002f6c;
    font-size:13px;
}
.navbar-nav > li > a
{
    font-size:17px;
    margin-left:20px;
}

.elo-nav
{
    margin-top:25px;
}
.elo-nav .dropdown a i {
    padding-left: 5px;
}
.elo-top-nav
{
    float:right;
}
.elo-top-nav li
{
    float:left;
    border-right: 1px solid #002F6C;
}
.elo-top-nav .child, .elo-top-nav .child ul li
{
    border-right:0px;
}
.elo-top-nav .child a span
{
    padding-left: 5px;
}
.elo-top-nav li a
{
    padding:0px 15px !important;
    font-size:12px !important;
    color:#002f6c;
    float:left;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    color: #ccc;
}
.navbar-header {
    clear: both;
    max-width: 25%;
}

/**********************************************header end******************************************/

.apps-left
{
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background:#fff;
    width: 33%;
}
.apps-left .tab-content{
    min-height: 350px;
}

.main-container
{
    height: 100%;
    margin: auto;
    width: 81% !important;
}
.main-container1
{
    margin: auto;
    width: 81% !important;
}
.main-container2
{
    margin: auto;
    width: 81% !important;
    align: center;
    valign: center;
}
.header-main-container
{
    margin: auto;
    width: 81% !important;
}
.left-content
{

    overflow:visible;
    margin-right:8.33333333%;
}
.left-content1
{
    padding-right:0px;
    padding-bottom:30px;
}
.right-content
{

    overflow:hidden;
}
.right-content1
{
    padding-left:4%;
    overflow:hidden;
}
.col-header
{
    border-bottom:1px solid #ddd;
    height:57px;
    margin-bottom:30px;
}
.col-header h3
{
    float:left;
    color:#1c3865;
    font-size:24px !important;
}
.col-header1
{
    height:auto;
    margin-bottom:10px;
}
.col-header1 h3
{
    color:#1c3865;
    font-size:24px !important;
}
.col-header1 h3 i
{
    font-size:18px;
    padding-right:10px;
    color:#b8babb;
}
.col-header1 .dropdown
{
    float:right;
    padding-top:22px;
    padding-right:15px;

}
.col-header2
{
    height:57px;
    margin-bottom:10px;
}
.col-header4
{
}
.col-header2 h3, .col-header4 h3
{
    float:left;
    font-size:24px !important;
}
.col-header2 h3 i, .col-header4 h3 i
{
    font-size:24px;
    padding-right:5px;
    color:#b8babb;
}
.col-header2 .dropdown, .col-header4 .dropdown
{
    float:right;
    padding-top:22px;
    padding-right:15px;

}


.col-header .dropdown a i
{
    margin-left:5px;
}

.col-header .dropdown
{
    float:right;
    padding-top:22px;
    padding-right:15px;
    color:#1c3865;
    font-size:14px !important;
}

.red-box
{
    background:#ff0000;
    border-radius: 5px;
    height: 18px;
    text-align: center;
    width: 17px;
    color:#fff;
    float:left;
    margin-right:10px;
    font-size:11px;
    line-height:18px;
}
.location iframe
{
    border:3px solid #0f0;
}
.location p
{
    color:#1c3865;
    font-size:14px;
    margin:0px;
}

.location small
{
    color:#1c3865;
    font-size:11px;
}

.men-box1
{
    padding-right:30px;
    margin-bottom:30px;
    min-height: 225px;
    max-height: 225px;
}
.men-box2
{
    padding-left:30px;
    margin-bottom:30px;
}
/* Added by rafi for IC-1119*/
.men-box1 .img-holder {
    height: 170px;
    overflow: hidden;
    border:3px solid #ddd;
    border-radius:2px;
    margin-bottom:10px;
    background: #eee;
}

.img-holder img
{
    width:100%;
    height:164px;
}

.img-content p
{
    margin:0px;
    color:#1c3865;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img-content small
{
    font-size:14px;
    color:#5e9732;
}

.device-box p
{
    float:left;
    color:#1c3865;
    font-size:14px !important;
}

.device-list
{
    clear:both;
}
.device-list li
{
    list-style:none;
    clear: both;
    line-height: 20px;
}
.device-list li span
{
    float:left;
    color:#fc3d3d;
    font-size:11px;
}
.device-list li small
{
    float:right;
    color:#b5b8bb;
    font-size:11px;
}
/**********************************************footer begin******************************************/
footer
{
}

.footer-nav
{
    float:left;
    margin-right:3%;
}

.footer-nav li
{
    list-style:none;
    line-height:20px;
}

.footer-nav li a
{
    color:#fff;
    font-size:12px;
}

.footer-logo
{
    float:right;
}

.child1
{
    color:#6699cc;
    font-size:9px;
    text-transform:uppercase;
}

.footer-bottom
{
    color:#ccc;
}

.version-block
{
    float:right;
    color:#5889bc;
    font-size:12px;
    display: inline-block;
}

/**********************************************footer end******************************************/

/************************cols ***********************/

.col-elo-1, .col-elo-2, .col-elo-3, .col-elo-4, .col-elo-5, .col-elo-6, .col-elo-7, .col-elo-8, .col-elo-9, .col-elo-10, .col-elo-11, .col-elo-12 {
    float: left;
    padding-left:5px;
    padding-right:5px;
}
.col-elo-12 {
    width: 100%;
}
.col-elo-11 {
    width: 91.66666667%;
}
.col-elo-10 {
    width: 83.33333333%;
}
.col-elo-9 {
    width: 75%;
}
.col-elo-8 {
    width: 66.66666667%;
}
.col-elo-7 {
    width: 58.33333333%;
}
.col-elo-6 {
    width: 50%;
}
.col-elo-5 {
    width: 41.66666667%;
}
.col-elo-4 {
    width: 33.33333333%;
}
.col-elo-3 {
    width: 25%;
}
.col-elo-2 {
    width: 16.66666667%;
}
.col-elo-1 {
    width: 8.33333333%;
}

.elo-form-control
{
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
    border:0px;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#727272;
    border: 1px solid #ccc;
    background: white;
}
.custom-form-control{
	display: block;
	 width: 20%;
    height: 40px;
}
.eloAnalyticsForm{
    display: inline-block;
    height: 40px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #727272;
    background-color: #fbfbfb;
    background-image: none;
    border-radius: 4px;
    border:0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.elo-select
{
    overflow:hidden;
    border-radius: 4px;
    margin-bottom: 15px;
    padding-left: 10px;
    width: 56.91% !important;
}

.elo-select select
{
    background:url(../../images/arrow-select.png) right no-repeat #fafafa;
    padding-right: 20px;
}

.elo-select1
{
    overflow:hidden;
    border-radius: 4px;
    margin-bottom: 15px;
}

.elo-select1 select
{
    background: #fafafa;
    padding-right: 20px;
}

.elo-select2
{
    overflow:hidden;
    border-radius: 4px;
    margin-bottom: 15px;
    width: 40.5% !important;
}


.elo-select2 select
{
    background: #fafafa;
    padding-right: 20px;
}

.elo-select3
{
    overflow:hidden;
    border-radius: 4px;
    margin-bottom: 15px;
    width: 98.5% !important;
}


.elo-select3 select
{
    background: #fafafa;
    padding-right: 20px;
}

.confirm {
    font-size: 13px;
    margin-bottom: 15px;
    float: left;
    margin-left: 6px;
}

.devider-form {
    background: #dddddd;
    height: 1px;
    width: 96%;
}


.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #6389ad !important;
    cursor: inherit;
    display: block;
}
.elo-file
{
    background:#6389ad;
    color:#fff;
}
.elo-file:hover
{
    color:#fff !important;
}
.elo-brows
{
    text-align:center;
}
.add-device
{
    padding:10px;
    border:1px dashed #ddd;
    width:100%;
}

.email-confirm
{
    text-align:center;
    font-size:16px;
    color:#19485b;
    font-weight:700;
}
.return
{
    margin-top:30px;
}
.return a
{
    color:#5e9732;
}

/***************************table*********************/
.left-padding
{
    padding-left:8%;
}
.right-padding
{
    padding-right:15%;
}
.elo-table-body tr
{
    cursor:move;
}
.elo-table-body tr th
{
    color:#eaebec;
}

.elo-table-head tr th
{
    color:#8A8A8D;
    font-size:15px;
    font-weight:bold;
}
.elo-table-body tr td
{
    color:#8A8A8D;
    font-size:14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px;
    font-family: 'SFUIDisplay-Light';
}

.elo-table-body-connectivity tr td
{
    max-width: none !important;    
}

.elo-table-body .overflow-allowed {
    overflow: visible;
}

.icon-size  {
    font-size: 14px !important;
}

.danger td p
{
    color:#ff0000;
    margin:0px;
}

.add-device-plus
{
    padding-left:10%;
}
.add-device-plus img
{
    padding-right:10px;
}
.add-device-plus a
{
    color:#5e9732;
    font-size:14px;
    margin-bottom:30px;
}
.device-plus
{
    margin-top:20px;
}
.device-plus img
{
    padding-right:10px;
}
.device-plus a
{
    color:#5e9732;
    font-size:14px;
    margin-bottom:30px;
}

/* Sidebar navigation */


.sidebar ul.nav, .sidebar ul.nav ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.sidebar ul.nav ul {
    margin:0px;
    padding:0px;
    display:none;
}

.sidebar .nav li.open ul{
    display:block;
}

.sidebar .nav > li {
    margin-left: -15px;

}

.sidebar .nav > li:last-child{
    border-bottom:0px;
}

.sidebar .nav > li li {
    margin: 0;
}

.sidebar .nav > li li a{

}

.sidebar .nav > li > a {
    font-size: 14px;
    line-height: 20px;
    color: #1c3865;
    display: block;

    text-decoration: none;
    border-top:0px;

}



.sidebar .nav > li > ul > li > a {
    font-size: 13px;
    line-height: 20px;
    padding: 8px 10px 8px 70px;
    color: #1c3865;

    display: block;
    text-decoration: none;
    border-top:0px;

}

.sidebar .nav > li > ul > li.active > a{
    background:#fff;
    border-top:0px;
    color:#555;
}

.sidebar .nav > li > ul > li > a:hover{
    background:#fff;
    color:#555;
    border-bottom:0px;
}

.sidebar .nav li a:hover, .sidebar .nav li.current > a {
    background: #fff;
    color: #555;
    border-bottom:0px;
}

.sidebar .nav li.open > a {
    background:#fff;
    color: #1c3865;
    border-bottom:1px dashed #eee;
}

.sidebar .nav a .caret {
    float: right;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    border-top: 4px solid #1c3865;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 8px;
    margin-left: 2px;
    margin-right:20px;
}

.sidebar .nav a:hover .caret {
    border-top-color: #aaa;
}

.sidebar .nav li.open > a > .caret {
    border-top: none;
    border-bottom: 4px solid #1c3865 !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.sidebar .nav li.open > a:hover > .caret {
    border-bottom-color: #aaa;
}

.tab-header
{
    background:#eef1f8;
}

.container-padding
{
    padding:0 4%;
}
.col-header3 h3
{
    color:#1c3865;
    font-size:24px !important;
    overflow: hidden;
}
.col-header3 h3 i
{
    color:#1c3865;
    font-size:18px;
    padding-right:30px;
}
.device-caption
{
    margin-left:45px;
    color:#ff0000;
    margin-top:20px;

    font-weight:normal;
    padding-bottom:3%;
}
.device-caption p
{
    font-weight:100;
    font-size:12px;
}
.elo-right
{
    padding-top:17px; padding-left:40px;
}
.elo-tabs
{
    margin-top:-60px;
}
.elo-tabs ul
{
    padding-bottom:30px;
}
.elo-table tr td
{
    font-size:14px;
    font-weight:normal;
    min-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 280px;
}

.elo-table tr td input[type=checkbox]
{
    margin: 0px 8px !important;
}

.overflow_block tr td, .td_overflow_visible {
    overflow: visible !important;
}

.elo-table tr td label
{
    text-overflow: ellipsis;
    /* updated for IC-2983 */
    white-space: nowrap;
    max-width: 280px;
    display: block;
    margin-bottom: -10px;
}

.elo-table tr.first_chaild td
{
    border-top: 0px;
    padding-top: 0px;
}
.device-details-left
{
    overflow: hidden;
}

.edit-btn .btn-default
{
    font-weight: normal;
}
.elo-table tr td span
{
    color:#d1d2d4;
}

.access-code-container tr td
{
    max-width: 200px !important;
    width: 185px !important;
}

.access-code-container-settings tr td {
    max-width: 198px !important;
    width: 183px !important;
}

.access-code-container-filter tr td {
    max-width: 198px !important;
    width: 183px !important;
}

.access-code input{
    width: inherit;
}

.elo-table td.eyeball-icon-container {
    width: 25px !important;
    max-width: 40px !important;
    cursor: pointer;
    padding: 5px 5px 0px 10px;
    vertical-align: top !important;
}

.now-playing-list img, .playing-list-details
{
    float:left;
}
.playing-list-details
{
    padding-left:10px;
    padding-top:5px;
    margin-left: 10px;
}

.edit-btn
{
    float:right;
    margin-right: -76px;
}
.edit-btn1
{
    float:right;
}
.edit-btn a, .edit-btn1 a
{
    padding:5px 18px;
    border:1px solid #5e9732;
    border-radius:50px;
    text-transform:uppercase;
    font-size:14px;
    white-space: nowrap;
}
.edit-btn a.cust
{
    padding: 5px 8px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.edit-btn a:hover, .edit-btn1 a:hover
{
    background:#5e9732;
    color:#fff;
}

.screenshot
{
    clear:both;
}

.volume
{
    background:url(../../../assets/images/volume.png);
    width:216px;
    height:20px;
    padding: 0 25px 0 25px;
}
.brightnessg
{
    background:url(../../../assets/images/Brightness.png);
    width:216px;
    height:20px;
    padding: 1px 25px 0 25px;
}
.add-devise-padding {
    padding-left: 15%;
    padding-right: 8%;
}
.play-apps
{
}

.play-apps img
{
    float:left;
    padding-right:10px;
}

.play-apps .app-details
{
    padding-left:10px;
    font-size:10px;
    padding-top:px;
}
.play-apps small
{
    padding-left:10px;
    font-size:10px;
    color:#1c3865;
}
.play-apps
{
    position:relative;
    color:#1c3865;
}
.play-apps p
{
    color:#1c3865;
}
.drag-app p
{
    color:#ccc !important;
}
.play-apps span
{
    color:#5e9732;
}

.play-apps-title
{
    float:left;
    position:relative;
    width:100%;
    padding-bottom:10px;
}
.play-apps-title h3
{
    float:left;
}
.play-apps-title small
{
    float:left;
    margin-bottom: 10px;
    margin-left: 26%;
    margin-top: 26px;
}
.play-apps-title .edit-btn
{
    float:right;
    margin-top:20px;
}

.play-games-list
{
    padding-right:14%;
    height:auto;
    position:relative;
    background:#f8f8f8;
    padding-left:2%;
}

.show-all
{
    text-align:center;
    margin-top:1px;
    clear:both;
}
.show-all p
{
    margin-bottom:0px;
    padding-top:10px;
    font-size:14px;
    color:#002f6c;
}

.app-holder, [ng-drag-clone], [ng-drop] [ng-drag],
.app-holder, [elo-drag-clone], [ng-drop] [ng-drag]
{
    font-size:10px;
    width:33.33333333333333%;
    height: 100px;
    padding-bottom: 10px;
    text-align: center;
    display: inline-table;
    position: relative;
    overflow: visible;
    outline:none;
    float: left;
}
.app-holder .api-searched-url{
    left: 0px !important;
}
[elo-drag-clone]{
    width:65px !important;
    height: 100px !important;
}
.editBundle
{
    width:41px;
    left: 0px !important;
    margin-left: 0px !important;
    position: relative;
}
.sequenceNumber{
    font-size: 25px !important;
    color: #1c3865 !important;
    font-weight: bold;
}
.overlay{
  display:none;
}
.editBundle:hover .overlay {
    background:rgba(255,255,255,0.55);
    position:absolute;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    width: 100%;
    height: 100%;
    line-height: 38px;
    left: 0;
    top: 0;
}

.appBundleIconHover:hover .overlay {
    background:rgba(255,255,255,0.55);
    position:absolute;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    width: 64px;
    height: 64px;
    line-height: 64px;
    top: 0;
    left: 0;
}

.editBundle img
{
    width: 40px !important;
    height: 40px !important;
}
.app-holder.clone-device {
    text-align: left;
    width:100%;
    height:59px;
}
[ng-drag-clone]{
    height:100px;
}
.app-holder [ng-drag]{
    width:80%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 80px;
    margin-left: 140px;
    padding: 0;
    margin: 0;
    right: 0;
}
.app-holder.clone-device [ng-drag]{
    height: 59px;
}
.app-holder.clone-device .group{
    width:71%;
}

.app-library-listview tr.app-holder.clone-device {
    position: relative;
    padding-bottom: 0;
    height: auto;
    white-space: nowrap;
}

.app-library-listview tr.app-holder.clone-device:hover {
    background-color: #f5f5f5;
}
.app-library-listview td.app-icon {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    overflow: visible;
}
.app-library-listview td.app-icon img {
    width: 40px;
    height: 40px;
}
.app-library-listview td.app-text-info {
    display: inline-block;
    padding: 10px 5px;
    vertical-align: middle;
    border-top: none;
}
.table thead tr th.app-icon {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}
.table thead tr th.name-with-version,
.table thead tr th.app-version,
.table thead tr th.name-no-version {
    padding-left: 5px;
}
.table thead tr th.name-with-version {
    min-width: 55%;
    width: 55%;
    max-width: 215px;
}
.table tbody.app-library-listview tr td.app-text-info.name-with-version {
    width: 50%;
    min-width: 30%;
    max-width: 215px;
}
.table thead tr th.app-version {
    width: 40%;
}
.table tbody.app-library-listview tr td.app-text-info.app-version {
    width: 25%;

}
.table thead tr th.name-no-version {
    width: 100%;
}
.table tbody.app-library-listview tr td.app-text-info.name-no-version {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}


.app-library-listview td div.app-draggable {
    position: absolute;
    width: 100%;
    height: 51px;
    left: 0;
}

.elo-table-body.clone-device tr td
{
    max-width: 73px;
}
[ng-drag-clone].clone-device td{
    border:none;
    font-size:14px;
}

.play-apps
{
    width:25%;
    float:left;
    margin-bottom:30px;
    padding:0 5px;
}
.apps-header-padding
{
    padding-left:20px;
}

.apps-right
{
    display: inline-block;
    height: 100%;
    overflow: hidden;
    width: 66%;
}

.page-wrapper {
    height: 100%;
}

/** search box **/
#search {
}

#search input[type="text"] {
    border: 1px solid #ccc !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 12px;
    letter-spacing: 1px;
    color: #727272;
    background: #fff;
    box-shadow: inset 0px 0px 0px #fff;
    height: auto;
    width: 50%;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
    width: 100%;
}
/** end search box **/

.app-librarya
{
    width:100%;
    margin-top:10px;
}

.app-librarya .dropdown
{
    margin-top:-65px;
}
.app-librarya .dropdown .dropdown-menu
{
    margin: 8px 0 0;
    left:-66px;
}
.app-details1
{
    margin-bottom:20px;
}

.app-details1 span
{
    color:#b1b3b6;
    text-transform:uppercase;
    font-size:11px;
}
.app-wrap
{
    clear: both;
    height: 100%;
}
/********** Edit Settings Page ******/
.timer
{
    width:100%;
    margin-bottom:-20px;
    line-height:1.9;
}
.remoteControl{
  width:100%;
  margin-bottom:-20px;
  line-height:1.9;
  margin-left: -12px;
  margin-top: -15px;
  max-width: 175px;
}

.timer tr
{
    width:100%;

    padding:10px 0px;
}

.elo-pills .nav-pills > li > a {
    border-radius: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding:5px 10px;
    background:#f2f3f3;
}
.elo-pills .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #184279;
    color: #fff;
}
.elo-pils-box
{
    background:#f2f3f3;
}

.elo-pills-content
{
    background:#f2f3f3;
    border-radius: 5px;
    font-size: 12px !important;
    height: 120px;
    overflow-y: scroll;
    padding: 5px;
    width: 100%;
}
.elo-pil-matter
{

}
.elo-pil-matter ul
{
    padding-left:5px;
}
.elo-pil-matter ul li
{
    list-style:none;
    line-height:1.9;
}
.elo-pil-matter ul li a
{
    background:none;
    padding:0px;
}

.elo-pills ul
{
    padding-bottom:10px;
}
.refresh
{
    float:right;
}

.refresh i
{
    color:#ccc;
    font-size:25px;
}


/**
    Schedular Pages css
*/

.play-list-row1
{
    width:100%;
    height:auto;
    margin-bottom:10px;
    float:left;
}

.play-list-row1 .col-md-4
{
    padding-left:0px !important;
    padding-right:0px !important;
    float:left;
}
.play-list-row1 .col-md-8
{

    padding-top:21px;
    float:left;
}

/**
* Add loader css by Raviraj Kakade at 29/9
*/

#pageloader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url('../../images/loader.gif') no-repeat center center;

}



/**
    For adding playlist div
*/

.form-control-2
{
    border:0px;
    background:transparent;
    margin-bottom: 0;
    padding: 0;
}

.form-control-settings
{
    border: 0px;

    color: #5e9732;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-control-settings1
{
    display: block;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


.regionFixedWidth
{
   width:193px !important;
}

.select-elo
{
    width:200px;
    background:url(../../../assets/images/arrow-down.png) right no-repeat;
}
.select-elo1
{
    width:115%;
    background:url(../../../assets/images/arrow-sellect.png) right no-repeat;
    background-color: #f3f3f3;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    padding-right: 65px;
}
.select-holder
{
    width:279px;
    overflow:hidden;
}
.select-holder1
{
    width:95%;
    overflow:hidden;
    border-radius: 4px;
}

.elo-inner-table tr td
{
    border:0px !important;
    padding:6px !important;
}

.settings-left
{
    padding-right:20px;
    padding-left:0px;
}
.settings-middle
{
    padding-right:0px;
    padding-left:20px;
}

.settings-right
{
    padding-right:0px;
    padding-left:10px;
}
.elo-close
{
    color:#ccc;
}

.elo-input
{
    background:#f2f3f3;



}

/**********End Edit Settings Page ******/

.metro-checkbox
{
    float:left;
    margin-right:20px;
    margin-top:0px !important;
}
.metro-checkbox .check, .metro-radio .check {
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    display: inline-block;
    height: 17px;
    line-height: 11px;
    margin: 0 5px 0 -21px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 17px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
}

.metro-checkbox input[type="checkbox"]:hover ~ .check, .metro-radio input[type="radio"]:hover ~ .check {
    border-color: #A9A9A9;
}
.metro-checkbox input[type="checkbox"]:checked ~ .check:after {
    color: #19485b;
    content: "";
    font-family: 'FontAwesome';
    font-size: 12px;
    margin: 1px;
    top: 0;
}
.metro-checkbox input[type="checkbox"]:disabled ~ .check, .metro-radio input[type="radio"]:disabled ~ .check {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
    background-color: #EFEFEF;
}
/********************************************************** end check box **************************************/
.time-picker
{
    float:left;
}
.time-picker input
{
    padding:0px !important;
    background:transparent;
    color:#5e9732;
}
.bootstrap-timepicker-widget input
{
    padding:0px !important;
}
.bootstrap-timepicker-widget table td a
{
    padding:0px !important;
}


/************************************20th oct 2014 ************************/
.app-details-table td
{
    padding:15px 70px 15px 0px;
}
.app-details-table
{
    margin-bottom:20px;
}

.app-details-screenshot
{
    padding-bottom:30px;
}
.app-details-screenshot img
{
    padding-bottom:10px;
}
.app-details1
{
    line-height:25px;
}

.edit-field
{
    overflow:hidden;
}
.app-details-edit-btn
{
    float:right !important;
}

.app-details-edit-btn a
{
    padding: 5px 18px;
    display:block;
    margin-bottom:10px;
    width:93px;
    text-align:center;
}

.btn-dlt, .btn-dlt a:hover a:focus
{
  border:1px solid red !important;
  color: red !important;
}
.app-details-edit-btn a:focus{
    outline: 0;
}

.dragging .divToolTip{
    display:none !important;
}

.tab-header2 {
    background: none repeat scroll 0 0 #f2f3f3;
    margin-bottom: 30px;
}

.pick-time
{
    width:100px;
    float:left;
}
.dropdown-menu-rw {
    background-color: #184279 !important;
    padding: 0px !important;
    float:right !important;
    margin-left: 43%;
    border-radius:5px !important;
    border:0px !important;
}

.dropdown-menu-rw li a
{
    background:none !important;
    border-radius:0px !important;
    padding:10px !important;
    text-align:center !important;
    border:0px !important;
    text-transform:inherit;
    font-size:11px;
}
.dropdown-menu-rw li a i
{
    font-size:9px;
}
.app-label
{
    font-size:16px;
}


/************************************************************************Elo View*********************************************************/
.navbar-brand
{
    margin-top:-15px;
}
.schedules
{
}

.schedule-bg
{
    background:#f3f3f3;
}

.user-dropdown
{
}
.add-device-btnfont
{
    font-size:17px;
    cursor: pointer;
}

.table-schedule
{

}
.table-schedule > tbody > tr > td
{
    padding-top: 17px;
    padding-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
}
.table-schedule-head tr
{
    border-bottom:none;
}
.table-schedule-head tr th
{
    color:#5e9732;
    font-weight:700;
    font-size:16px;
}
.table-schedule-body tr td i
{
    padding-right: 10px;
    font-size: 9px;
    color: #5e9732;
    margin-left: -16px;
}
.table-schedule-body tr td i.status-icon
{
    margin-left: -14px;
}
.table-schedule-body tr td img
{
    margin-right:17px;
    width: 31px;
    height: 31px;
    margin-top: -5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.defalt-app
{
    float:right;
    background:#fff;
    padding:15px 60px 30px 6px;
    color:#5e9732;
    width: 195px;
}

.defalt-app img
{
    width:50px;
    height: 50px;
    border-radius: 4px;
    margin-right: 6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.add-device-dropdown
{
    padding: 20px 20px;
    margin-bottom: 20px;
}

.add-device-dropdown h4
{
    font-weight:700;
    font-size:16px;
    margin-bottom:20px;
}

.add-another-device-plus a
{
    color:#5e9732;
    font-size:17px;
    cursor:pointer;
}
.add-another-device-plus img
{
    padding-right:10px;
}

.import-device
{
    float:left !important;
}

.elo-table-body1 .icn
{
    color:#333;
    font-size:16px;
    text-align:center;
}

.elo-table-body1 tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
}
.table elo-table-account tr td
{

}
.elo-table-account > thead > tr > th, .elo-table-account > tbody > tr > th, .elo-table-account > tfoot > tr > th, .elo-table-account > thead > tr > td, .elo-table-account > tbody > tr > td, .elo-table-account > tfoot > tr > td
{
    border-bottom:1px solid #e4e5e6 !important;
}

textarea
{
    border:0px;
}

.btn-done
{
    margin-top:94%;
}
.btn-done1
{
    margin-top:21%;
}

/*
    Added by Raviraj on 16-10-2014 for default app class
*/
.defaultAppCls {
    float: right;
    margin-top: 2%;
}
.defaultAppDragDiv{
    float: left;
    margin-left: 137px;
    margin-top: -48px;
}
.defaultAppDiv{
    float:right;
    background:white;
    width:300px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #6389ad !important;
    cursor: inherit;
    display: block;
}
.elo-file
{
    background:#6389ad;
    color:#fff;
}
.elo-file:hover
{
    color:#fff !important;
}
.elo-brows
{
    text-align:center;
}
.btn-rw
{
    border: 1px solid #5e9732;
    border-radius: 50px;
    font-size: 14px;
    padding: 5px 18px;
    text-transform: uppercase;
    color:#5e9732;
}
.btn-rw:hover, .btn-rw:active, .btn-rw:focus
{
    background-color: #5e9732 !important;
    color:#fff !important;
}

.btn-add-rw
{
    background-color: #184279 !important;
    color:#fff !important;
    border:none;
}
.btn-add-rw:hover
{
    color:#fff;
}

.elo-input
{
    background:#f2f3f3;
}
/* Added by Raviraj for default apk*/
.dragDefaultAPKClass{
    float: right;

}
/* Added by Raviraj for file upload*/
.file-upload
{
    color: #5e9732 !important;
    margin-bottom: 0;
    margin-left: -77px;
    overflow: hidden;
    padding: 5px 0;
    width: 367px;
    background:#f3f3f3 url('../../../assets/images/upload.png') no-repeat right !important;
}
.file-upload:hover
{
    background:#f3f3f3 url('../../../assets/images/upload2.png') no-repeat right !important;
}

.file-holder
{
    background:transparent;
    overflow:hidden;
    width:100%;
    border-radius:4px;
}
/* for Device details to reduce the width of input box */
.form-control.details-edit
{
    margin-bottom: 6px;
    width:95%;
}

/* Raviraj - add class for IC-196*/

.deviceNameBackground {
    color: #1c3865 !important;
    text-decoration: none;
    cursor:pointer;
}
.deviceNameBackground:hover {
    color: #1c3865 !important;
    text-decoration: none;
}



/* Manwendra - add class for IC-5293*/
.elo-brows > .deviceNameBackground {
    color: #19485b !important;
    text-decoration: none;
    cursor:pointer;
    font-family: "Century Gothic", Helvetica, Arial, sans-seif !important;
    font-size: 14px !important;
}
.elo-brows > .deviceNameBackground:hover {
    color: #19485b !important;
    text-decoration: none;
    font-family: "Century Gothic", Helvetica, Arial, sans-seif !important;
    font-size: 14px !important;
}

.elo-popup-dialog > .ngdialog-content {
    position: relative;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    outline: none !important;

}

.ngdialog.elo-popup-dialog .ngdialog-content{
    border-radius: 5px;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

}
.ngdialog.elo-popup-dialog .ngdialog-close{
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 20px;
    padding-right: 10px;
    color: #fff;
    font-size: 24px;
}
.ngdialog.elo-popup-dialog{
    padding-bottom: 160px;
    padding-top: 160px;
}

div.otaDialog .ngdialog-content{
    width: 380px !important;
}

div.otaDialog .ngdialog-overlay{
    background: rgba(0, 0, 0, 0.4) !important;
}
div.ngdialog.elo-popup-dialog{
    border: 1px solid #eaeaea !important;
}
/*18th Nov for timers */
.time-btn
{
    background:#e9e9e9;
}

.dropdown-time {
    background-color: #eee !important;
    height: 130px;
    margin-bottom: 0 !important;
    margin-left: -86px;
    overflow-x: hidden;
    text-align: center;
}

.dropdown-time li
{
    cursor:pointer;
}
.dropdown-time li:hover
{
    background:#184279;
    color:#fff;
}
.dropdown-version-remoteControl{
  background-color: #eee !important;
  max-height: 130px;
  margin-bottom: 0 !important;
  margin-left: -109px;
  overflow-x: hidden;
  max-width: 140px !important
}
.dropdown-version-remoteControl li{
  cursor:pointer;
}
.dropdown-version-remoteControl li:hover{
  background:#184279;
  color:#fff;
}
div.custom_file_upload {
    height: 20px;
    margin-bottom: 31px;
    margin-top: 2px;
}

input.file {
    width: 100%;
    height: 40px;
    border-right: 0;
    padding: 6px 12px;
    line-height: 1.42857143;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;

}

div.file_upload {
    background: #33a5f2;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    text-align: center;
    margin-left: 74.5%;
    margin-top: -57px;
}

div.file_upload:before {
    content: 'Select';
    position: absolute;
    left: 0; right: 0;
    text-align: center;

    cursor: pointer;
}

div.file_upload input {
    position: relative;
    height: 40px;
    width: 83px;
    display: inline;
    cursor: pointer;
    opacity: 0;
    margin-top: -10px;
}

div.import-csv-btn {
    cursor: pointer;
    display: inline;
    font-weight: bold;
    height: 34px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    line-height: 31px;
    width: 200px;
    background: transparent;
    border: 2px solid #33a5f2;
    border-radius: 0;
    color: #727272;
    margin-left: 10px;
    font-family: 'SFUIDisplay-Semibold';
}

div.import-csv-btn:hover, div.import-csv-btn:focus {
    color: #727272 !important;
    background: transparent !important;
    border-color: #5da5e5;
}

div.import-csv,
div.import-csv:hover,
div.import-csv:focus,
div.import-csv:active,
div.export-csv,
div.export-csv:hover,
div.export-csv:focus,
div.export-csv:active {
    border-color: #fff !important;
}

div.export-csv a:active,
div.export-csv a:focus {
    outline: 0;
}

div.import-csv:before {
    position: absolute;
    left: 0; right: 0;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

div.import-csv-btn input,
div.import-csv input {
    position: relative;
    display: inline;
    cursor: pointer;
    opacity: 0;
    padding: 0 !important;
    top: -30px;
}

div.network-config-import-container {
    padding: 0;
    max-width: 140px;
    position: relative;
    line-height: 28px;
}

div.network-config-import-container .network-config-import-label {
    position: relative;
    left: calc(50% - 60px);
}

div.import-csv input.netowrk-config-import {
    top: 0;
    height: 30px;
    left: -128px;
    width: 138px;
}

[ng-drag]{
    cursor: pointer;
}

[ng-drag].dragging{
    cursor: move;
    opacity: 0.5;
}
[ng-drop].drag-enter{
    border-top:3px solid #012f6b;
    border-bottom:3px solid #012f6b;
}

[ng-drop].drag-over{
    border-top:3px solid #012f6b;
    border-bottom:3px solid #012f6b;
}

[ng-drop] div{
    position: relative;
    z-index: 1;
}

.table-schedule > thead > tr > th {
    border-bottom: 1px solid #ddd;
}

.customScrollbar {
    margin: 0px;
    padding: 0px;
    clear: both;
    overflow: auto;
    height:230px;
    width: auto;
}
/*The code for Custom Slider*/
.customScrollbar::-webkit-scrollbar {
    width:6px;
    height:6px;
}
.customScrollbar::-webkit-scrollbar-track-piece  {
    background-color:rgba(255, 0, 0, 0.2);
}.customScrollbar::-webkit-scrollbar-track-piece  {
     background-color:rgba(255, 0, 0, 0.2);
 }
.customScrollbar::-webkit-scrollbar-thumb {
    width: 3px;
    background-color:#999;
}

.percent {
    height: 20px;
    margin: 0px 10px 0px 0px;
    font-size: 16px;
    color: #5e9732;
    opacity: 0.8;
    display: inline-block;
    vertical-align: top;
}
.table-schedule-body tr td .percent i{
    font-size: 16px;
    margin: 0px 0px;
}

/***23-12-2014*************/

.app-wrap textarea
{
    resize: vertical;
    box-shadow:none;
}

.col-matter {
    overflow: hidden;
}
.col-matter1 {
    overflow: hidden;
}

.main-wrap
{
    margin-top: 124px;
    min-height: 100%;
}
.main-wrap.mrgTop{
    margin-top: 112px;
}


.css-form
{
    margin-right: 15px;
}
.progress-min{

    min-width: 60px !important;
    max-width: 100%;
    margin-bottom: 0px !important;
    display: inline-block;
    vertical-align: top;
}
.progress-bar-clr {
    background-color: #5f9732 !important;
}

.app-wrap-bg
{
    background: #ffffff;
}
.app-margin {
    margin-top: 124px;
}
.app-icon{
    padding-bottom: 15px;
}
.app-icon img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 160px;
    max-height: 160px;
}
.app-holder p
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    line-height:30px;
    padding: 0px 5px;
}
.app-holder img {
    width: 61px;
    height: 61px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.appname {
    line-height: 50px;
}
.smalltext {
    clear: both;
    position: absolute !important;
    right: 9px;
    font-size: 10px;
    margin-top: 70px;
    color: #1c3865;
}
.scheduletick {
    font-size: 18px !important;
    margin-top: 2px;
}

.scheduleclose {
    font-size: 18px !important;
    margin-top: 2px;
    color: #ff0000 !important;
}
.schedulepause {
    font-size: 18px !important;
    margin-top: 2px;
    color: #FFAB00 !important;
}
/* IC-764 */

.app-library {
    margin-top: 10px;
}
.app-library > li {
    float: left;
    text-align:center;
}
.navwidth{
/* IC-7833 ui-issue for nav bar of app library */
}
.tab-divider{
    padding: 5px 0px;
    width: 1px;
    background: #ddd;
}
.app-library > li > a {
    line-height: 1.42857143;
    color: #1c3865;
    cursor: pointer;
    padding: 10px 10px 6px;
    outline: none;
    font-family: 'SFUIDisplay-Regular';
    letter-spacing: 1px;
    font-size: 12px;
    border-top: 3px solid transparent;
}
.app-library > li > a:hover {
}
.app-library > li.active > a,
.app-library > li.active > a:hover,
.app-library > li.active > a:focus {
    color: #33a5f2;
    cursor: default;
    border-top: 3px solid #3bbeff;
}

/* Added css to remove red mark around text box on addUser page in mozilla firefox IC-689 */
:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow:none;
}


.main-wrap {
 min-height: 450px;
}
.dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #334c74;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #334c74;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu-rw:before{
  right: 50px;
}

.dropdown-menu-rw:after {
  right: 51px;
}
.dropdown-menu-rw
{
    margin-top:8px;
}
/*Added by aniket**/
.elo-abtn:hover, .elo-abtn:focus {
color: #fff;
text-decoration: none;
}
.txtUnderline
{
  text-decoration: underline;
}
.notActive
{
  color: grey;
}

.text-red
{
    color:#ff0000;
}

/*Added for IC-605 by Rafi*/
.dropdown-right
{
    right: 0 !important;
    left: inherit;
    background-color: #33a5f2;
}

.dropdown-right:before,
.dropdown-right:after {
    border-bottom-color: #33a5f2;
}

/*Added @ Rafi IC-1103*/
.img-margin img{
    margin-left: 5px;
}
/*Added by Aniket for pop up*/
.popup-btn{
    float:none;
}
.pop-mar{
    margin-right: 60px;
}

div.ngdialog-content{
    background: transparent !important;
    width: 600px !important;
}
div.signUpDialog .ngdialog-content{
    background:transparent !important;
}
div.uploadLogDialog .ngdialog-content{
    width: 750px !important;
}
div.showUploadedLogDialog .ngdialog-content{
    width: 1030px !important;
}
div.ngdialog.ngdialog-theme-default{
    border:1px solid #eaeaea !important;
}

/* adding bottom line for add application div */
.addBottomLine {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.searchCssPro{
    margin-bottom: 30px;
}
.greenColor{
    color: #5e9732 !important;
}
.redColor{
    color: #ff0000 !important;
}
.yellowColor{
    color: #ff8000 !important
}
.greenColorDeviceName{
    color: #5e9732 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px !important;
    display:block;
}
.textbox1 {
    height: 40px;
    width: 95%
}

.textbox2 {
     height: 40px;
     width: 58%;
     float: left;
 }

.textbox3 {
    height: 40px;
    width: 32%;
    float: left;
    margin-left:6px;
}

.textbox4 {
    height: 40px;
    width: 46.5%;
    float: left;
}

.textbox5 {
    height: 40px;
    width: 42%;
    float: left;
    text-overflow: ellipsis;
}

.input_style {
    margin-bottom: 10px;
    background-color: #f3f3f3;
    margin-right:5px;
}

.demo select {
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: url(arrow.png) no-repeat 96% center;
    width: 200px;
    /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    /*My custom style for fonts*/
    color: #85ae6c;
    padding: 5px;
}
​
z.progress-bar-striped,.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(135deg, #6389AE 25%, transparent 25%,
        transparent 50%, #6389AE 50%, #6389AE 75%, transparent 75%,
        transparent);
    background-image: -o-linear-gradient(135deg, #6389AE 25%, transparent 25%, transparent 50%
        , #6389AE 50%, #6389AE 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, #6389AE 25%, transparent 25%, transparent 50%,
        #6389AE 50%, #6389AE 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.elo-bar.progress-bar {
    background-color: #012F6B;
    font-size: 15px;
    text-align: right;
    position: static;
    height: 20px;
    border-radius: 4px;
}​

 .drag-msg h4
 {
     color:#bbb !important;
     line-height:1.5;
 }
.drag-msg{
    text-align:center;
    border-top:1px solid #ddd;
    padding: 0px 10px 0px 10px;
}
.drag-clr {
    color:#bbb;
    line-height:1.5;
    margin: 0;
}



/* css given by Rafi for Device setting page */

.screenshot1 img
{
    border:2px solid #ddd;
}
.form-control-time
{
  display: block;
  width: 25px;
  height: 20px;
  padding:0px;
  float:left;
  font-size: 16px;
  line-height: 1.42857143;
  color: #002f6c;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border:0px;
}
.form-control-settings3
{
    border: 0px;

    color: #5e9732;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 1.42857;
    padding:0px;
    width: 30;
    float:left;
}
.form-control-settings3:focus
{
    background:#f3f3f3;
}
.form-control-settings3:focus, select:focus, button:focus
{
    box-shadow:none !important;
    outline:0px !important;
}
.select-holder-time
{
    width:28px;
    overflow:hidden;
    float:left;
}
.elo-pills-content1 ul li a
{
    color:#5e9732;
}
.elo-pills-content1 ul li a i
{
    color:#5e9732;
    margin-right:5px;
}

.wifi
{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0px !important;
}
.wifi li
{
    list-style:none;
    float:left;
    margin-left:10px;
}
.wifi-lock
{
    color:#999;
}
.wifi-signal img
{
    margin-top:-5px;
}
.root-user
{
    color:#ddd !important;
}
.img-holder-lg{
    height: 280px;
    width: 100%;
}

.screenshot-container {
    max-width: 100%;
    max-height: 280px;
    width: auto;
    height: auto;
}
.hdScreenshot
{
    max-width: 100%;
    width: auto;
    height:auto;
}

/*Added for EVR-2686*/
.alert {
    position: absolute;
    z-index: 10;
    text-align: center;
}

/*Updated For IC-1626 By Rafi*/
.alert-box{
    width: 300px;
    margin: 30px auto;
}
.alert-box .modal-footer {
    text-align: center !important;
    padding: 9px 14px 8px;
}
.alert-box .modal-footer .btn
{
    padding: 5px 10px;
}
.alert-box  .btn-primary {
    color: #fff;
    background-color: #002f6c !important;
    border-color: #002f6c !important;;
}

.btn-dd .btn
{
    border: 0px !important;
    background: #1c3865;
}
.modal-footer .wide
{
    margin-left: 10px;
    font-weight: 700;
}

.large-text
{
    white-space: nowrap;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icn-hover:hover
{
    color: #5E9732;
}
.icn-delete-hover:hover {
    color: #e60000;

}

.modal-footer {
    padding: 10px !important;
    margin-top: 15px !important;
    text-align: center !important;
    align-content: center !important;
    border-top: 0px !important;

}

.float-none {
    float: none !important;
}
.txt-center {
    text-align: center !important;
}

/*************************Dashbord Popup
****************************************/

.popup-screen
{
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    background:rgba(252, 252, 253, 0.9);
    z-index: 999999;
}

.customPopupCls {
    background: rgba(252, 252, 232, 0.8) !important;
}

.customPopupCls .modal-content {
    background: rgba(252, 252, 232, 0) !important;
    box-shadow: none !important;
    border: 0px;
}


.notice
{
    color:#999;
    width:500px;
    margin:auto;
    text-align:left;
    border-top:2px solid #ddd;
    margin-top:20px;
}

.notice h4
{
    font-size:18px;
    color:#888;
}

.forgotpsw
{
    float:left;
    color: #727272;
    font-family: "SFUIDisplay-Semibold"
}
.forgotpsw:focus
{
    color: #002F6C !important;
}
/********************New Content page**************************************************
***************************************************************************************/
.spinnerLoad {
    left: 0;
    right: 0;
    margin: auto;
}
.table-schedule-head tr th
{
    border-bottom:2px solid #ddd;
}

.group-holder .panel-title > a, .group-holder .panel-title > a i {
    font-weight:700;
    display: table-cell;
}
.group-holder .panel-title > a i
{
    width: 15px;
    float: left;
}
.group-holder .panel-title > a span
{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px !important;
    white-space: nowrap;
    display: block;
    float: left;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0px !important;
}

.group-header-border
{
    height: 2px;
    background: none repeat scroll 0% 0% #CFCFCF;
    width: 100%;
    margin: 8px;
}
.group-content
{
    font-weight: 700;
    font-size: 16px;
    margin-top: -9px;
    background: none repeat scroll 0% 0% #fff;
    width: 30%;
    padding: 0px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.group-content img
{
    width:33px;
    height:33px;
    margin-right:5px;
}
.group-holder .panel-heading
{
    overflow:hidden;
    padding: 10px 0 10px 15px;
}

.group-holder .panel-heading .panel-title{
    max-width: 300px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: inherit;
    background: #fff;
    padding-right:10px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    box-shadow:none;
    position: relative;
}

/****content search box***/

#custom-search-form {
    margin:0;
    margin-top: 5px;
    padding: 0;
    width: 42%;
}

#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;

    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#custom-search-form button {
    border: 0;
    background: none;
    padding: 2px 5px;
    margin-top: -3px;
    position: relative;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search-query:focus + button {
    z-index: 3;
}

.search-query {
    margin-top: 12px;
    padding: 6px !important;
    background-color: #fff !important;
    border: 1px solid #ddd;
    margin-left:-30px;
    padding-left:30px !important;
    width:100%;
}


/**********content tabs********/
.content-tabs
{
    padding-left:20px;
}
.content-tabs > li > a {
    padding: 5px 10px !important;
    color:#1C3865;
}
.content-tab-header
{
    padding: 5px 10px;
}
.content-tabs > li.active > a, .content-tabs > li.active > a:hover, .content-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #1C3865;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline:none;
}

/****app library-tabs**/
.active-circle, .active-circle-right
{
    border:1px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 21px;
    height: 21px;
    background:#fff;
}
.active-circle
{
    float:right;
    margin-right: -13px;
}
.active-circle-right
{
    float:left;
    margin-right:5px;
}
.circle-node
{
    width:13px;
    height:13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background:#1C3865;
    margin: 3px auto;
}

/***hide/show**/
.active-circle, .active-circle-right
{
    display:none;
}

.sub-tabs ul li.active a .active-circle
{
    display:block;
}

.sub-tabs ul li.active a .active-circle-right
{
    display:block;
    margin-left: -13px;
}

/***/
.sub-tabs
{
    margin: auto;
    width: 174px;
    position: relative;
}
.sub-tab-border
{
    width: 40px;
    height: 7px;
    background: none repeat scroll 0% 0% #888;
    border-radius: 5px;
    position: absolute;
    left: 66px;
    top: 12px;
}

.sub-tabs .nav-tabs > li > a {
    width:86px;
    font-size: 16px;
    outline: none;
}

.sub-tabs ul li.active a, .sub-tabs .nav-tabs > li > a:hover
{
    background:none !important;
    color:#1C3865;
}

.sub-tabs .nav-tabs > li > a {
    margin-right: 0px;
    /* IC-7673 change the padding for ui alignment related to toggle (attract and appBundle) */
    padding: 5px 11px;
    overflow:hidden;
    color:#999;
}


div.upload-btn:before{
    content: 'Select';
    position: absolute;
    left: 0; right: 0;
    text-align: center;

    cursor: pointer;
}
div.set:before{
    content: 'Set';
    position: absolute;
    left: 0; right: 0;
    text-align: center;

    cursor: pointer;
}

/*****Device Grouping Css 22May15******/

.popup-screen
{
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    background:rgba(252, 252, 253, 0.9);
    z-index: 999999;
}
.signup-body
{
    width:525px;
    margin:8% auto;
    color:#1C3865;
    text-align:center;
    background:rgba(252, 252, 253, 0.8);
    padding:25px;
    font-size:17px;
}
.signup-body i
{
    font-size:65px;
    margin-bottom:30px;
}

.device-code-container {
    padding-left: 0px;
}
.device-code-label
{
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}
.device-code-label .label-container {
    padding-right: 0px;
}

.device-code-label label
{
   margin-left: 5px !important;
   font-size: 14px!important;
}
.device-code-label .col-elo-10 {
    padding-left: 0px;
}

.device-code-label .device-code-help-icon {
    padding-left: 0px;
}

.access-code-input-container input {
    color: #5e9732;
    text-overflow: initial;
}
.access-code-input-container {
    padding-right: 0px;
}

.password-requirement-container {
    background: #f2f3f3;
    text-align: left;
    padding: 5px 0px 5px 7px;
    border-radius: 5px;
}

.password-requirement-container .sub-requirement {
    padding: 0px 0px 0px 6px;
}

.password-requirement-container .badge {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    border: 1px solid gray;
    padding: 1px 3px;
    margin-right: 5px;
    font-size: 10px;
    border: 1px solid #c7254e;
    margin-top: -2px;
}

.password-requirement-container .badge {
    background: white;
}

.password-requirement-container label {
    color: #c7254e !important;
}

.password-requirement-container .matched label{
    color: #658C43 !important;
}

.password-requirement-container .matched .badge{
    color: white;
    background: #658D41;
    border: 1px solid #658D41;
    font-weight: normal;
}

.checkmark {
    display:inline-block;
    width: 18px;
    height:18px;
    margin-top: 6px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.matched .checkmark_circle {
    background-color: #658D41;
    border: none;
}

.password-requirement-container .pre-text {
    color: #002f6c;
    padding-bottom: 5px;
    padding: 5px 0px 5px 0px;
}

.checkmark_circle {
    position: absolute;
    width:18px;
    height:18px;
    background-color: white;
    border: 1px solid #c7254e;
    border-radius:11px;
    left:0;
    top:0;
}

.checkmark_stem {
    position: absolute;
    width:2px;
    height:11px;
    background-color:#fff;
    left:9px;
    top:3px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#fff;
    left:6px;
    top:11px;
}

.signup-left
{
    text-align:left !important;
}

.device-grouping-bg
{
    background: -moz-linear-gradient(left,  #F4F6F7 0%, #F4F6F7 70.3%, #ffffff 70.3%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F4F6F7), color-stop(70.3%,#F4F6F7), color-stop(70.3%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left,  #F4F6F7 0%,#F4F6F7 70.3%,#ffffff 70.3%,#ffffff 100%);
    background: -o-linear-gradient(left,  #F4F6F7 0%,#F4F6F7 70.3%,#ffffff 70.3%,#ffffff 100%);
    background: -ms-linear-gradient(left,  #F4F6F7 0%,#F4F6F7 70.3%,#ffffff 70.3%,#ffffff 100%);
    background: linear-gradient(to right,  #F4F6F7 0%,#F4F6F7 70.3%,#ffffff 70.3%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F6F7', endColorstr='#ffffff',GradientType=1 );
    overflow:hidden;
    padding-top: 20px;
    padding-bottom: 40px;
}
.activitylog-bg
{
    overflow:hidden;
    padding-bottom: 40px;
    min-height: 400px;
}

.table-device-group tr td .fa-circle, .table-device-group tr td .fa-circle-o
{
    margin-left:-17px;
}

.table-device-group tr td .fa-times
{
    color:#1C3865;
}

.table-device-group tr td .fa-times:hover
{
    color:#f00;
}

.left-device-grouping
{
    padding-left:40px;
    border-left: 1px solid #eaeaea;
}
.filter-list,
.group-list
{
    margin-left: -40px;
    overflow: hidden;
}
.group-list .fa-angle-left,
.filter-list .fa-angle-left
{
    padding-right:10px;
}
.group-list li,
.filter-list li
{
    list-style:none;
    margin-bottom:10px;
    overflow: hidden;
    position: relative;
    min-height: 25px;
}

.group-list li a,
.filter-list li a
{
    padding:0;
    font-size: 15px;
    color:#727272;
}

.group-list li a span,
.filter-list li a span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    color: #5da5e5;
    max-width: 80%;
}

.filter-list li a i.fa,
.group-list li a i.fa {
    margin-left: 0px !important;
    margin-right: 0px;
}

.group-list li a:hover,
.group-list li a.active,
.filter-list li a:hover,
.filter-list li a.active
{
    color:#5E9732;
}

.group-setting
{
    border-left:1px solid #ddd;
}

.offline
{
    color:#f00;
}
.btn-creat-group
{
    font-size: 15px;
    margin-top:20px;
}
.btn-creat-group img
{
    padding-right:10px;
}

.device-group-head h3 a, .col-header1 h3 a i
{
    color:#1C3865;
    font-size: 24px;
    float: left;
}

.activitylog-group-head .col-header1
{
    color:#1C3865;
    font-size: 24px;
    vertical-align: middle;
}

.device-group-head h3 a .back-icn{
    float: left;
    margin-top: 7px;
}

.device-group-head h3 a label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 300px;
    float: left;
}

.device-group-head h3 a span
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
    display: block;
    float: left;
}

.device-group-head h3 a:hover, .device-group-head h3 a:hover i
{

    color:#5E9732;
}

.device-group-head h3 a .fa-cog
{
    padding-left:10px;
    border-left:1px solid #ddd;
    margin-left:10px;
}

.group-dafault-app
{
    margin-top:15px;
    color:#5E9732
}

.group-dafault-app img
{
    margin-right:10px;
}

.table-schedule-body {
    border: 0px !important;
}

.block-ui-overlay {
    background-color: rgba(255, 255, 255, 0) !important;
}

/*************mb-scrollbar
***************************/
.scrollme {
    width: 100%;
    height: 525px;
    padding: 10px 0px 0 0;
    margin-top: 20px;
    position: relative;
}
.containerBottom{
    margin-bottom: 50px;
}
.selectLinkedAppPopUp {
    height: 370px;
    overflow: auto;
    overflow-x: hidden;
}

.list {
    overflow-x: hidden;
    width: 100%;
}
.list-overflow-hidden{
    width: 100%;
    overflow: hidden;
}
.btn-dlt-bundle{
  position: fixed;
}
.list-overflow-hidden{
    width: 100%;
    overflow: hidden;
}

#contentList.list {
    height: calc(100% - 75px);
}

.resendEmailLink{
  font-size: 13px;
}

.list-device {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.LinkedAppIconPopUp {
    overflow: visible !important;
}

/***Devices software update pop css***/

@charset "utf-8";
/* CSS Document */

.sw-update
{
    background:#f2f3f3 !important;
}
.modal-xmd
{
    width:380px;
    margin-top:10%;
}
ul.sw-update-list
{
    padding:0px 15px;
}
ul.sw-update-list li
{
    list-style:none;
    border-bottom:1px solid #ddd;
    overflow:hidden;
    padding:8px 0px;
}

.btn-dev-update
{
    padding: 4px 12px !important;
    border-radius: 4px;
    color: #fff !important;
    background: #6389ad !important;
}
.btn-dev-update:hover
{
    background: #1C3865 !important;
}
.clr-red
{
    color:#f00;
}
.progress-holder
{
    width:80px;
    margin-top: 5px;
}
.progress-holder .progress-green
{
  width:50px;
  float:left;
  height: 8px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
    background-size: 8px 8px;
}
.progress-bar-success {
    background-color: #5e9732 !important;
}
.progress-value
{
    font-size:11px;
    float:right;
    margin-top: -4px
}
.sw-btn-group
{
  width: 320px;
  margin:10px auto;
}
.scroll_it {
  width: auto;
  max-height: 300px;
  margin: 10px auto;
  padding:15px 5px !important;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.signup a {
    color: #6389ad;
    font-weight: bold;
}

.toggle_btn_color{
    color: black;
}

/*Content Details*/
.app-features-title
{
    width:100%;
    margin-bottom: 15px;
}
.app-features-title span
{
    background:#fff;
    color: #999;
}
.app-features-title span i
{
    padding:0px 10px;
}
.text-lighter
{
    color: #B1B3B6;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom:15px;
}

.btn-app-delete
{
    margin-top:28px;
    font-weight:800;
    /* IC-8093 delete app button miss alligned  */
    height: 33px;
    width: 95px;
}

.column-right {
    width: 80%;
    float: right;
}

input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:23px;
    height:18px;
    display:inline-block;
    line-height:18px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:13px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -18px;
}
label.css-label {
    background-image:url(../../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signup-agree {
    text-decoration: underline !important;
    padding-left: 5px;
}
.sub-tabs1 ul li.active a .active-circle
{
    display:block;
}

.sub-tabs1 ul li.active a .active-circle-right
{
    display:block;
    margin-left: 15px;
}
.sub-tabs1 .sub-tab-border
{
    width: 38px;
    height: 7px;
    background: none repeat scroll 0% 0% #888;
    border-radius: 5px;
    position: absolute;
    margin-top: 12.5px;
    margin-left: 93px;
}
.sub-tabs1 .nav-tabs > li > a {
    width: 97px;
    font-size: 16px;
}

.sub-tabs1 ul li.active a, .sub-tabs1 .nav-tabs > li > a:hover
{
    background:none !important;
    color:#1C3865;
}
.sub-tabs1 .nav-tabs > li > a {
    margin-right: 0px;
    padding: 5px 0px;
    color:#999;
}
   /***Devices Orientation Slider css***/
.slider-switch {
    margin-left:15px;
    margin-right:15px;
    margin-top: -3px;
}
.slider-switch .slider.slider-horizontal .slider-track {
    height: 7px;
    width: 100%;
    margin-top: -2px;
    top: 50%;
    left: 0px;
}
.slider-switch .slider.slider-horizontal {
    width: 40px;
    height: 20px;
}
.slider-switch .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -7px;
}

.slider-switch .slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #1C3865 ;
    border: 2px solid #fff;
    background-repeat: repeat-x;
    filter: none;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
}

.slider-switch .slider-selection {
    position: absolute;
    background-color: #888;
    background-repeat: repeat-x;
    box-sizing: border-box;
    border-radius: 4px;
}
.slider-switch .slider-track {
    position: absolute;
    cursor: pointer;
    background-repeat: repeat-x;
    border-radius: 4px;
    background: #888;
}
.field-error{
    color:red !important;
    font-size: 20px;
}
.min_wth {
    min-width: 230px !important;
}
.user-setting-btn a {
    padding: 5px 18px;
    border: 1px solid #5e9732;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 72px !important;
}
.drag-over{
}
.table-timeline{
    width:100% !important;
}
.table-timeline > td{
    padding:10px 0 !important;
}
.table-timeline .second-td{
    text-align:center;
}
.scroll-alert{
    min-width:100%;
    max-height:660px;
    overflow-y: auto;
}
.green-text{
    color:#3ac15f;
}
.blue-text{
    color:#002f6c;
}
.blue-text-light{
    color: #33a5f2;
}
.text-bold{
    font-weight: 600;
}
.red-text{
    color:red;
}
.hypen-left{
    margin:0px 7px 0px 0px;
    float:left !important;
}
.hypen-right{
    margin:0px 0px 0px 7px;
}
.margintop5{
    margin-top:5px;
}
.offline-text{
    color:red;
    font-size:12px;
}
.red-box {
    background: #ff0000;
    border-radius: 5px;
    height: 18px;
    text-align: center;
    width: 17px;
    color: #fff;
    float: left;
    margin-right: 10px;
    font-size: 11px;
    line-height: 18px;
}
.expand-btn{
    background-color:transparent;
}
.collpase-txt{
    color:#5e9732;
    font-size:16px;
    margin-top:15px;
}
.margintop50{
    margin-top:50px;
}
.col-matter-height{
    min-height:343px;
    height:auto;
}
.h5Custom:before{
    background: transparent !important;
}

h5 {
    position: relative;
}

h5 span {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

h5:before {
    background: #ddd;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 46%;
    width: 100%;
}
h5:before {
    left: 0;
}

.timeline-time{
    width: 20%;
}

.timeline-text{
    width: 30%;
}

.timeline-deviceName{
    width: 25%;
}

.groupStatic{
    position: fixed;
    left: 70%;
}

.ngscroll-scrollbar{
    min-height: 25px;
}
.dashboard-alert-menu{
    margin-left:12px !important;
}

/** Content Details changes for attract loop **/

.col-centered{
    float: none;
    margin: 0 auto;
}

input.file2 {
    width: 100%;
    height: 32px;
    border-right: 0px none;
    color: #5E9732;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 1.42857;
    background-color: #F2F3F3;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: medium none;
    margin-top: -5px;
}


div.file_upload2 {
    background: #6389ad;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    height: 32px;
    overflow: hidden;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 60px;
    margin-left: 68.5%;
    margin-top: -56px;

}

div.file_upload2:before {
    content: 'Select';
    position: absolute;
    left: 0; right: 0;
    text-align: center;

    cursor: pointer;
}

div.file_upload2 input {
    position: relative;
    height: 40px;
    width: 83px;
    display: inline;
    cursor: pointer;
    opacity: 0;
    margin-top: -10px;
}

.select-holder1_new {
    width: 239%;
    overflow: hidden;
    border-radius: 4px;
    margin-top: -4px;
}

.select-elo1_new {
    width: 124%;
    background-image: url("../../images/arrow_newbg.png") !important;
    background-repeat: no-repeat;
    background-position: 95% center;
}
.form-control_new {
    display: block;
    width: 98%;
    height: 32px;
    font-size: 14px;
    line-height: 1.42857;
    background-image: none;
}

.app-label_new {
    color: #8A8A8A;
    font-size: 14px;
    text-transform: uppercase;
}

.mdtp_2icns {
    margin-top:-12px;
}

.mdtp_1icns {
    margin-top:40px;
    color: #5E9732;
}

.popup_window {
    background:#f3f3f3;
    border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    -webkit-border-radius:30px;
    padding:10px;

}

.margintp {
    margin-top: 30px;
}

/*15-Dec-2015*/
.app-details2 {
    margin: 0px;
    padding: 0px 0px 16px 0px;
    clear: both;
    display: block;
}

.app-details2 span {
    color: #B1B3B6;
    text-transform: uppercase;
    font-size: 13px;
}

.divder, .divder2 {
    border-right: 1px solid #DDD;
    margin-bottom: 20px;
    min-height:52px;
}

.divder2 {
    border-right:none;
}

.select-holder_default,.select-holder_default2 {
    border-radius: 4px;
    width: 100%;
    overflow: hidden;margin-top: -5px;
}

.select-holder_default select,
.select-holder_default2 select {
    background-image: url("../../images/Arrow_Newbg2.png");
    background-repeat: no-repeat;
    background-position: right center;
    width: 100%;
}

.margin-bottom{
    margin-bottom: 24px;
}
.select-holder_default2 select {
    width: 124%;
}
.popOverLink{
    text-transform:none !important;
}
.popOverHref i{
    margin-left :0px !important;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px !important;
    font-style: normal;
    color : #fff;
    background-color: #33a5f2;
    border-bottom: 1px solid #33a5f2;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
    color : #727272;
    font-size:12px;
    line-height: 18px;
    font-style: normal;
}

.popover{
    max-width: 300px;
    border: 0;
}

.popover.bottom > .arrow {
    border-bottom-color: #33a5f2 !important;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #33a5f2 !important;
}

.popover.bottom > .arrow {
    top: -10px !important;
}

.float-left{
    float:left;
}
.float-right{
    float:right
}

.virtual-container-height{
    height : 400px;
}
/*
    This style classes are copied from angular material.
    These are required for displaying the md-virtual-repeat-container which is used for listing the devices.
    Css classes start here.
*/
.md-virtual-repeat-container {
    box-sizing: border-box;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
}
.md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
    overflow-x: auto;
    overflow-y: hidden;
}
/* Angular Material classes end here.*/

/* For Content Listing under "Content" tab */
#apksList h5, #webAppsList h5, #mediaList h5 , #linkedList h5 , #appBundleList h5 {
    line-height:60px;
}
#linkedList .app-holder
{
    position:relative;
    overflow:visible;
}
#linkedListInner,
#bundleList{
    overflow: visible;
}
#linkedListInner .app-holder,
#bundleList .app-holder{
    position: relative;
    overflow: visible;
    margin-top: 10px;
}

/* Section for pop-up tool tips for both "Attracts" and "Bundles" */
#linkedList .smartapp-tooltip,
#appBundleList .smartapp-tooltip{
    display: none;
}
.smartapp-tooltip {
    display: block;
    padding: 5px;
    font-size: 12px;
    color: #19485b;
    position: absolute;
    top: -81px;
    left: 27px;
    overflow: hidden;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75);
    background-color: rgb(255, 255, 255);
    z-index: 1030;
}
.smartapp-tooltip .sectionMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
/* On Attracts, we show the "link" icon as the center grid element which is smaller */
.smartapp-tooltip.attract-tooltip {
    width: 162px;
}
.smartapp-tooltip.bundle-tooltip{
    width: 150px;
}
.smartapp-tooltip.bundle-tooltip-3plusapps{
    width: 220px;
}
.smartapp-tooltip .sectionMain .primary-app-description,
.smartapp-tooltip .sectionMain .secondary-app-description {
    flex: none;
    width: 60px;
    cursor: pointer;
    margin: 5px;
}
.smartapp-tooltip .sectionMain .primary-app-description img,
.smartapp-tooltip .sectionMain .secondary-app-description img{
    width:42px;
    height:42px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.smartapp-tooltip .sectionMain .primary-app-description span,
.smartapp-tooltip .sectionMain .secondary-app-description span{
    display: block;
    font-weight: normal;
    text-align: center;
    padding: 0px;
    padding-top: 10px;
    word-wrap:break-word;
    line-height: 15px;
    white-space: normal;
}
/* For positioning the tooltip around the app being hovered over -
 based on tooltip size and only applies to grid view */
.thirdCol .smartapp-tooltip.attract-tooltip {
    left: -27px;
}
.thirdCol .smartapp-tooltip.bundle-tooltip {
    left: -17px;
}
.thirdCol .smartapp-tooltip.bundle-tooltip-3plusapps{
    left: -81px;
}
.firstRow .smartapp-tooltip.attract-tooltip {
    top: 45px;
}
.firstRow .smartapp-tooltip.bundle-tooltip {
    top: 45px;
}
.firstRow .smartapp-tooltip.bundle-tooltip-3plusapps{
    top: 45px;
}
.smartapp-tooltip.bundle-tooltip-4plusapps{
    top: -183px;
}

.link_icon_toolTip {
    color: #5E9732;
    width: 12px;
}
/* For Attract list view, must manually set the line-height back to 60px
since the td element overwrites this property value */
#linkedList_listView .smartapp-tooltip .link_icon_toolTip {
    line-height: 60px;
    width: 12px;
}

.cf:before, .cf:after {content:none; display: grid;}
.cf:after{clear:both;}
/* End Attract / Bundles ToolTip section */

.scrollHide{
    overflow: hidden;
}

.selectedApp{
    -webkit-box-shadow: 0px 0px 3px 5px rgba(102,153,204,0.85);
    -moz-box-shadow: 0px 0px 3px 5px rgba(102,153,204,0.85);
    box-shadow: 0px 0px 3px 5px rgba(102,153,204,0.85);
}
.attract_loop_msg_margin{
    margin-top : 20px;
    margin-bottom :0px;
}
.attract_loop_div_margin{
    margin-top : 30px;
}
.btnStyle
{
    border-radius : 10px;
}
.attract_loop_modal{
    background-color: #F2F4F3;
}


/* Header BreadCrumb CSS */

.breadcrumb {
    background-color: #E9EEF6;
    border-radius: 0;
    margin-bottom: 0;
    padding: 8px 0;
}

.breadcrumb li {
    color: #727272 !important;
    padding: 10px 0 10px 15px;
    position: relative;
}

.breadcrumb li a {
    color: #727272;
}

.breadcrumb-container {
    background: #E9EEF6;
}

.breadcrumb-container .container-fluid {
    width:81%;
}

.breadcrumb > li + li:before {
    content: ' ';
}

.breadcrumb > li:not(:last-child) > *:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #33a5f2;
    position: absolute;
    right: -20px;
    margin-top: -15px;
    z-index: 2;
}

/* Beta */

.red-text-beta{
    color: red;
    display: inline-block;
    margin-top: 22px;
    margin-left: 5px;
}
.redBeta{
    color: red;
    vertical-align: baseline;
    margin-left: 5px;
}

/* Dev Zone Section Css */

.swagger-section a.list-group-item, .swagger-section a.list-group-item:hover {
    background-color: #fff;
    border: none;
}

.swagger-section a.list-group-item.active {
    color: #33a5f2;
    background-color: #fff;
}

.swagger-section .left-nav {
    border-right: 1px solid #ccc;
    min-height: 500px;
}

.swagger-ui .btn-default {
    color: #727272;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.swagger-ui .btn-default:hover {
    color: #727272;
    border: 1px solid #ccc;
    background: #fafafa;
}

.swagger-ui .api-version {
    display: none !important;
}

.align_center{
    text-align: center;
    float: none;
}

.updateDeviceCount{
    position : absolute;
    right: 33px;
    top: 128px;
}

.dev-zone .btn-link {
    color: #33a5f2;
    font-weight: 600;
}

.dev-zone > .btn > .fa {
  padding: 0 10px 0 0;
}

.elo-table-td-width{
    width:18.5%;
}

.elo-table-td-width.clone-device{
    width:20%;
    text-align: left;
}

.inner-right-bar {
    padding-left:30px;
}

#errorMsg2, .container.resetpwd #errorMsg1{
    width:342px;
}
.container.invitation #errorMsg2{
    float:left;
}
.container.resetpwd #errorMsg1, .container.invitation #errorMsg2 span.txt-align-left{
    display:block;
}
.container.invitation{
    position:relative;
}


.appNameMain {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.bundleAppNameMain{
  max-width:13%;
}
.bundleAppNameLabel{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.appEditable{
     width:70%;
}
.appNameHeader {
    width:100%;
    overflow: hidden;
    text-overflow:ellipsis;
}
.mdtp_icnTxt{
    font-size : 16px;
    padding : 0px 10px;
    color: #5E9732;
}

/*IC-4520 :: background color set to white with alpha*/
.ngdialog-overlay {
    background: rgba(255, 255, 255, 0.9) !important;
}
/*IC-4706 Tabs in Content page to quickly access different types of content - Not Working Properly*/
a[navtabstoggle].selected {
  color: #1c3865;
  outline:0;
}
/*IC-4732 Loading Indicator is not showing in SFP Content Page when uploading Contents */
.frmApk, .frmWebUrl, .frmUrlContent, .frmLocalUrl, .frmMedia, .frmBundleContent .frmAppBundle, .frmBundleContent .frmAttract{
    position:relative;
}
.frmApk .apkSpinnerLoad, .frmWebUrl .urlContSpinnerLoad, .frmUrlContent .urlContSpinnerLoad, .frmLocalUrl .localUrlSpinnerLoad, .frmMedia .mediaSpinnerLoad,
.frmBundleContent .frmAppBundle .appBundleSpinnerLoad, .frmBundleContent .frmAttract .attractSpinnerLoad{
    position:absolute;
    top:50%;
    left:50%;
}

.hdn-overflow{
    overflow:hidden;
}
/*IC-4732*/

/*IC-4821 removing border from td on groupdetails page*/
.groupSetting > tbody > tr > td{
    border-top:0px !important;
}

.margin-top-none{
    margin-top : 0px;
}

.notificationBar{
    background-color:#5e9732;
    height:20px;
}

.notificationBar p{
    text-align:center;
    color:#ffffff;
}

.notificationBar a{
    color:#ffffff;
}
/*IC-4821*/

.txtBoxhighlight, .txtBoxhighlight:focus{
    border:1px solid #f00;
}

.invalidLoginEmail{
    padding:8px 30px;
}

.invalidLoginPassword{
    padding:8px 30px;
}
.login.form{
    position:relative;
}

.btn-group-ota-updates .btn {
    background-color: #6389AD;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.fa-cog-ota-updates {
    color: #002F6C;
    margin-left: -5x;
}

.form-control-ota-version{
    cursor: pointer;
    border: 1px solid #ccc;
}



.form-control-ota-version:focus{
    border: 1px solid #ccc !important;
}
.ota-update-version{
    position: relative;
}

.ota-update-version .btn-ota {
    position: absolute;
    right: 15px;
    top: 0px;
    background-color: #1c3865;
    color: #fff;
    height: 100%;
    width: 15%;
    text-align: center;
    padding: 10px 0px;
    border-radius: 0px 5px 5px 0px;
    pointer-events: none;
}
.padding-7 {
    padding: 0px 7px;
}

.modal-ota .dropdown {
    position: relative;
}

.modal-ota .dropdown > select {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 6px 3px;
    font-size:12px;
}

.modal-ota .dropdown > select:focus {
    border: 1px solid #ccc !important;
}

.modal-ota .dropdown > span {
    position: absolute;
    right: 20px;
    top: 0px;
    height: 100%;
    text-align: center;
    padding: 10px 0px;
    border-radius: 0px 5px 5px 0px;
    pointer-events: none;
}

.modal-ota .modal-body{
    padding: 5px 20px;
}

.modal-ota hr {
    border-top: 1px solid #ddd;
    margin: 5px 0;
}

.modal-ota .modal-footer{
    padding: 5px 10px 15px 10px !important;
    margin: 10px !important;
}


.modal-ota input[type='text'] {
    margin: 0px;
}

.modal-ota input[type='checkbox']{
    margin-top: 4px;
    margin-bottom: 10px;
}

.modal-ota .form-control[disabled],  .modal-ota span.btn-ota[disabled]{
    opacity: 0.5;
}


.search-devices {
  display: block;
  margin-bottom: 30px;
}
.search-devices input[name='q'], .search-devices input[name='sq'] {
  border: 1px solid #ccc;
  background-color: #fff;
  border-left: 0;
  padding: 5px 5px 5px 0
}
.search-devices .input-group.sq > .input-group-addon {
  border-right: 0;
}
.search-devices .input-group.sq {
  width: 180px;
  margin: -3px 2px;
  padding: 1px;
}
.search-devices .dropdown-menu {
  background-color: #fff;
  min-width: 200px;
  max-height: 250px;
  overflow: auto;
}
.search-devices .dropdown-menu li > a {
  color: #334c74 !important;
}
.search-devices .dropdown-menu:before, .search-devices .dropdown-menu:after {
  content: '';
  border: none;
}
.search-devices .checkbox {
  margin-left: 15px;
}
.search-devices .checkbox label {
  width: 89%;
  display: inline-block;
  margin-bottom: 0;
}
.search-devices .input-group-addon {
  background-color: #fff;
}

select::-ms-value {
    background: none; /*remove blue background on ie10/ie11 when selected*/
    color:#5e9732;
}
.table-hover > tbody.clone-device > tr:hover > td, .table-hover > tbody.clone-device > tr:hover > th{
    background:transparent !important;
}
.spinner{
    z-index: 0 !important;
}
.remove-padding{
    padding-right: 0px !important;
}
.elo-table-td-width.groupDevicesList{
    min-width: 18%;
}
.elo-table-td-width.devicesList{
    min-width: 18.5%;
    display:inline-block;
    float:left;
    padding-left: 15px;
    white-space: nowrap;
}
.elo-table-td-width.groupDevicesListRemove{
    min-width: 5%;
    padding-right: 50px;
}
.noLink{
    cursor:default;
}

/***Account Settings **/
.account-details-left
{
    overflow: hidden;
}
.account-orgId{
    text-align: right;
}
.account-popOverLink{
    padding-left: 4px;
}


.div-pad-15px
{
    padding:15px;
}

.wrapTextOnHover{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.server-error
{
    padding:10px;
    color:#c7254e;
    border-radius:2px;
}
.paymentPlanRedText{
    color:#c7254e;
}
.devZone-top-margin{
    margin-top : 30px;
}
#device-details-connections{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../../images/glyphicons-halflings.png");
}
.icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:focus>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>li>a:focus>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:focus>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"], .dropdown-submenu:focus>a>[class*=" icon-"] {
    background-image: url("../../images/glyphicons-halflings-white.png");
}

   /*** Appbundle CSS ***/

#linkedList,
#appBundleList {
    overflow: visible;
}
.select-attract-holder{
    overflow: hidden;
    border-radius: 4px;
    margin-top: -4px;
}
.infscr-container{
    overflow-y: auto;
    min-height: 100%;
    max-height: 531px;
    height: 100%;
}

.deviceList .infscr-container{
    overflow-y: auto;
    height: 100%;
    max-height: 100%;
}

.scrollHolder{
    height: calc(50% - 20px);
    width: 100%;
}
.scrollHolder.full{
    height: calc(100% - 0px);
}
.devicePageOnly .scrollHolder.full{
    height: calc(100% - 231px);
}
.scroller{
    overflow-y: auto;
    height: 100%;
}
.fullHeight{
    height: 100%;
}
.overflowAuto{
    overflow: auto;
}
.min-fullHeight{
    min-height: 100%;
}
.noMargin-b{
    margin-bottom: 0;
}
.fillHeight{
    height: calc(100% - 111px); /*Substracting header height approx*/
}

.min-fillHeight{
    min-height: calc(100vh - 111px); /*Substracting header height approx*/
}

.calcHeight.contentDetail {
    height: calc(100% - 300px);
}

.calcHeight.deviceDetail {
    min-height: calc(100% - 230px);
}
.calcHeight300{
    min-height: calc(100% - 300px);
}
.calcHeight.DevZone{
    height: calc(100% - 230px);
}
.demo .footer{
    height: 140px;
    width: 100%;
    background-color: #165392;
}

.scroll-max-height{
    max-height: 180px;
}

#smartappswitch li a{
    cursor:pointer;
    outline: none;
}
/*** Filter CSS ***/

.fa-icon{
    text-align: right;
    font-size: 1.4em;
    margin-top: 5px;
}
.cust-btn{
    background-color: transparent;
    color: #1C3865;
    padding: 0px 5px;
    height: 30px;
}
.export-font{
    font-size: 14px;
    color: #1C3865;
}
.export-icon{
    text-align: right;
    font-size: 14px;
    color: #1C3865;
    margin-top: 5px;
    cursor: pointer;
}

.open > .cust-btn{
    background-color: #1C3865;
    color: white;
    border-radius: 5px !important;
}
.blue-btn{
    background-color: #1C3865;
    color: white;
    border-radius: 5px !important;
}
.padd0{
    padding: 0;
}
.btn-input{
    padding: 8px 5px;
}
.padd5{
    padding: 5px !important;
}

   /*** Appbundle CSS ***/

.appAttractUploadSpinner,.appBundleUploadSpinner{
    position:absolute;
    top:25%;
    left:50%;
}
.activityLogsListSpinner{
    position: absolute;
    left: 50%;
    z-index: 1;
    margin-top: 10%;
}
.select-attract-holder{
    overflow: hidden;
    border-radius: 4px;
    margin-top: -4px;
}

.select-attract {
    background-repeat: no-repeat;
    background-position: 98% center;
    width: 100%; /* IC-8019 Attract timer drop-down is oversized*/
}
.clear-padd-left{
    padding-left: 15px !important;
}
.add-device-btn {
    margin-left: -20%;
    padding-left: 28%;
    padding-bottom: 0;
}
.clearfix{
    clear: both;
}
.mrg-btm-10{
    margin-bottom: 10px;
}
.mrgL-10{
    margin-left: 10px;
}
tr.app-holder.clone-device.tableList {
    display: inline-table;
}
tr.app-holder.clone-device.tableList td{
    width: 20%;
}
/* Changes */
.elo-signup label {
    font-size: 16px;
    vertical-align: middle;
}
.elo-signup input.mrgLeft10{
    margin-left: 10px;
}

.eloAnalytics label {
    color: #002f6c;
    font-size: 16px;
    margin-top: 5px;
    vertical-align: middle;
    text-align: right;
}

.eloAnalytics  input.mrgLeft10{
    margin-left: 10px;
}
.eloAnalytics select{
    margin-bottom: 15px;
    background:url(../../images/arrow-select.png) no-repeat center right  #f2f3f3;
}

.elo-table-body td i {
    padding-right: 10px;
    line-height: 0;
    padding-bottom: 0;
    width: 18px;
    vertical-align: middle;
}
.online-in-details {
    margin-bottom: 3px;
}

.locked-in-details {
    margin-bottom: 3px;
    color: #fc3d3d;
    
}

_::-webkit-full-page-media, _:future, :root .elo-table-body td i {

 padding-top:0px

}
.fa-lock {
  color : #555753;
}
.table-device-group tr td .fa-circle, .table-device-group tr td .fa-circle-o {
    margin-left: 0;
}
.eloTablePadd{
    padding-left: 35px !important;
}
span.gapInput {
    padding-left: 4PX;
    vertical-align: inherit;
}
input.device-chkbox:checked{
    background-color:#1c3865;
}
.deviceSelected{
    background-color:#e8e9ea;
}
.bundle-chkbox{
  margin-top: 50px !important;
}
.bundle-chkbox-nrml{
  margin-top: 12px !important;
}
.paddl-5{
    padding-left:5px !important;
}
.paddl-15{
    padding-left:15px !important;
}
.custInput {
    font-size: 15px;
    vertical-align: initial;
    line-height: 0.55;
    color: #CBCBCC;
    cursor:pointer;
    margin-bottom: 1px;
    padding: 5px;
}
.custInput:before{
    content: "\f096";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    vertical-align: middle;
    margin-right: 12px;
    margin-left: -5px;
   }
.custInputChk{
    visibility: hidden;
    position:absolute;
}
.custInputChk{
    visibility: hidden;
    position:absolute;
}
.custInputChk:checked + .custInput:before{
    content:"\f14a";
    margin-right: 11px;
}
.lightGray{
    background-color: #ddd;
}

.apps-right .content-tabs {
    padding-top: 20px;
}

.apps-right .smalltext {
    right: 20px;
}

.custBtn{
    padding: 5px 20px;
    background-color: gray;
    color: #213469;
}

.custInput-bundle{
    font-size: 15px;
    vertical-align: initial;
    line-height: 0.55;
    color: #213469;
    cursor:pointer;
    margin-top: 23px;
    margin-left: 15px;
}

.custInput-bundle:before{
    content: "\f096";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    vertical-align: middle;
    margin-right: 4px;
}

.custInputChk:disabled + .custInput-bundle{
    color: #AAB2C3 !important;
}

.custInputChk:checked + .custInput-bundle:before{
    content:"\f14a";
    margin-right: 3px;
}

.noColor{
    color: inherit !important;
}

.apps-right .content-tabs {
    padding-left: 0px !important;
}

.paddLeft0{
    padding-left: 0 !important;
}
.displayNone{
  display: none;
}
.filter-setting
{
  border-left:1px solid #ddd;
}
.bold {
  font-weight: 700;
}
.padding-5{
    padding: 0px 5px;
}
.no-padding-right{
    padding-right: 0px;
}
.no-padding-left{
    padding-left: 0px;
}
.no-padding {
    padding: 0px !important;
}
.dropdown-menu-left .checkbox{
    padding: 0px 5px;
    margin: 5px 0px;
}

.filter-txt{
    height: 34px;
}
.filter-textArea{
  height: 34px !important;
  border:1px solid #ccc !important;
  background: #fff !important;
  overflow: hidden;
  display:block;
  resize: none !important;
}
.txt-field{
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
}
.spacing{
    margin: 10px 0px;
}

button.btn.cust-btn.blue-btn:hover {
color: #fff;
}
.field-margin{
    margin-top: 30px;
}
.switchui{
    float:right; width:42px;
}
.blue-btm-cstm{
    background-color: #6389ad;
}
button.btn.cust-btn.blue-btn:hover {
    color: white;
    text-decoration: none;
    background-color: #002f6c;
}
button.btn.cust-btn.blue-btn:focus {
    color: white;
    text-decoration: none;
}
.filterName{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
    padding-top: 4px;
    padding-bottom: 4px;
}
.spinerLoad{
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin:auto;
}
.spinerLoadSticky{
    position: absolute;
    top: 35%;
    left: 0%;
    right: 0;
    margin:auto;
    z-index: 9999
}
.spinerLoad2{
    top: 75%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.spinerLoad2.spinerCenter{
    top: 50%;
}
.dark-blue {
  color: #1C3865 !important;
}
.dark-blue:hover {
  color: #5e9732 !important;
}
.listMax{
    max-height: 300px;
    overflow-y:auto;
}
.infrscrOverflow{
    overflow-x:hidden;
}
.inviteBtn{
    float:right;
}

li[disabled] {
    pointer-events: none;
}
.ellipsisText{
    text-overflow: ellipsis;
}
/* IC-7899 app library section ui */
.nav-app-library{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.nav-app-library > li > a{
    padding: 5px 0;
    border-top: 3px solid transparent;
}
.nav-app-library > li > a.disabled {
    color: #AAAAAA;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}
.groupDefaultContent{
    margin-top : -10px;
    margin-left : -13px;
    margin-bottom : -10px;
}

.dropdown-filter > li {
    padding: 4px;
    border-top: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
}

.dropdown-filter > li.active {
    padding: 4px;
    border-top: 1px solid #ddd;
    background-color: #1C3865;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

.dropdown-accountlist{
    margin:-15px 15px;
}

.position-relative{
    position: relative;
}

.infiniteScrollerContainer{
    position: relative;
    overflow-y: auto;
    min-height: 100%;
    max-height: 531px;
    height: 100%;
}
.infiniteScrollerGroupListContainer{
    position: relative;
    overflow-y: auto;
    min-height: 100%;
    max-height: 531px;
    height: 100%;
}
.infiniteScrollerFilterListContainer{
    position: relative;
    overflow-y: auto;
    min-height: 100%;
    max-height: 531px;
    height: 100%;
}
.infiniteScrollerDeviceListContainer{
    overflow-x: auto;
    height: 520px;
}

.infScr-nextPrev{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    font-weight: bold;
    z-index: 1;
    pointer-events: none;
    font-size:14px;
}
.infScr-prev {
    top: 0px;
    bottom: auto;
}
#accordion{
    margin-bottom: 0px;
}
#accordion .infScr-prev{
    padding-top: 79px;
}
#accordion .infScr-nextPrev{
    position: relative;
    height: 177px;
}
.alertSetting{
    text-overflow : ellipsis;
    overflow : hidden;
    white-space : nowrap;
}
.list.scrollHolder.full{
    position: relative;
}

.bundle-app
{
    color:#5e9732;
    cursor: move;
    display:inline-block;
    margin-left: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.backApps-bundle
{
    color:#5e9732;
    cursor: move;
    display:inline-block;
    margin-left: 35px;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 62px;
    height: 64px;
}
.dragSection{
  width: 100% !important;
  height: 64px !important;
  position: absolute !important;
  top: 0 !important;
  padding: 0 !important;
  right: 0 !important;
  left: 0 !important;
}
.bundle-app-edit
{
    margin-left: 37px !important;
    color: #5e9732 !important;
    text-transform: none !important;
    font-size: 14px !important;
}

.bundle-box {
    display: inline-block;
    border: 1px solid;
    text-align: center;
}

.bundle-box p {
    background-color: #f5f5f5;
    border-bottom: 1px solid;
    padding: 5px 10px;
}

.bundle-box-app {
    padding: 5px 10px;
    display: inline-block;
    position: relative;
}

.bundle-box-app p {
    background-color: #ffffff;
    border-bottom: none;
    padding: 0;
    margin: 0;
    max-width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
}

.bundle-box-app .btn {
    margin: 0 auto !important;
}

.bundle-box-link {
    display: flex;
    align-items: center;
    color: #5E9732;
    padding: 0 20px;
}

.bundle-box-app-running {
    position: absolute;
    top:-5px;
    right:-5px;
    color:green;
}

.bundle-box-app-not-running {
    position: absolute;
    top:-5px;
    right:-5px;
    color:red;
}

small.disabled {
    color: #B1B3B6;
}

.dividerForSequence{
    width: 50%;
    margin-top: 20px;
    margin-bottom: -24px;
}

.appName{
    width: 45px;
}
.bannertxt{
    float: left;
    margin-left: 200px;
    margin-top: 4px;
}
.bannerTxtBackDialog{
    float: left;
    margin-top: 23px;
}
.bannertxtEdit{
    float: left;
    margin-left: 156px;
    color: #19485b !important;
    text-transform: none !important;
    font-size: 14px !important;
    margin-top: 17px;
}

.bundle-app-chk{
    cursor: move;
    display:inline-block;
    margin-left: 50px;
    margin-top: -2px;
    margin-left: 50px;
}
.iconSetting{
    width: 61px;
    height: 61px;
}

.iconSettingEdit{
    width: 40px;
    height: 40px;
}

.bundleSequenceDiv{
    height: 150px;
    text-align: center;
}

.bundleEditSequenceDiv{
    text-align: center;
}

.clonedStyle{
    width: 150px !important;
    height: 60px !important;
    text-align: center;
}
.fontStyleDrag{
  color: #5e9732;
}
.floatLeft{
    float: left;
}
.w62px{
    width: 62px;
}
.w31px{
    width: 31px;
}

[ng-drop].drag-enter.bundle-app{
    border:2px solid #012f6b;
}
.dragBundleAppClass{
    height: 61px !important;
    width: 61px !important;
    font-size: 12px !important;
}

.dragBundleAppEditClass{
    height: 41px !important;
    width: 41px !important;
}
.cancelIcon{
    position: absolute;
    margin-top: -15px;
    margin-left: -3px;
}

.uploadIconDivSequence{
    position: absolute;
    margin-top: -77px;
    margin-left: -33px;
}

/* IE Only */
@media screen\0 {
.uploadIconDivSequence-create {
    margin-left: 0px !important;
}
.bundle-chkbox {
    margin-top: 52px !important;
}
}
/* Safari Only */
_::-webkit-:not(:root:root), .uploadIconDivSequence-create {
    margin-left: -30px !important;
}
_::-webkit-:not(:root:root), .bundle-chkbox {
    margin-top: 60px !important;
}
.underIcon{
  margin-left: 15px !important;
  margin-top: 23px !important;
}
.nav-app-library-bundle{
  display: inline-block;
  justify-content: space-around;
}
.w41px{
  width: 41px;
}
.bundleAppName
{
  color: #19485b;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif !important;
  text-transform: initial;
  font-size: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.centerNumber{
  margin-top: -48px !important;
}
.uploadIconDiv{
    position: absolute;
    margin-top: -75px;
    margin-left: -20px;
}
.uploadIconDivPrimary{
  margin-top: -75px;
}

.uploadIcon{
    padding-top: 10px;
    margin-left: 2px;
}
.nopad{
  margin-right:5px;
  padding:0px !important;
  font-size:12pt !important;
}
.detailBundle{
  padding:0px;
  margin:10px 0 0;
}
.detailBundle div{
  padding:0px;
}
.detailBundle img{
  margin:auto auto 3px;
  display:block;
  height:31px;
  width:31px;
  cursor:pointer;
}
.detailDevider{
  line-height:41px;
  margin:auto !important;
  display:block;
  text-align:center;
  width:10px;
}
.warning {
    font-size: 18px !important;
    margin-top: 2px;
    color: #ff8000 !important;
}
.disableGroupSpan {
  color: #1C3865;
  font-size: 24px;
  float: left;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}
.deviceSettings{
  margin-top:auto;
}

.noPointer{
    pointer-events: none !important;
}
.noMargin-b{
    margin-bottom: 0px;
}

/* Device List CSS */
.deviceData {
   width: 100%;
   border: 2px solid #a7a7a7;
   border-radius: 15px;
   position: relative;
   margin-top: 20px;
   padding: 10px;
   height: 225px;
}
.listD {
   display: inline-block;
   background-color: white;
   position: absolute;
   top: -12px;
   left: 10px;
   right: 10px;
   margin: auto;
   font-size: 16px;
   width: 83%;
   font-weight: 600;
}
.chartProp{
   margin-top: 20px;
   width: 98%;
   text-align: center;
}

.chart-container{
    margin-right:8.33333333%;
}

.hideLines g.tick {
   display: none;
}
.filter > .form-control {
   display: block;
   width: 100%;
   height: 40px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #1c3865;
   background-color: #ffffff;
   background-image: none;
   border-radius: 4px;
}
.noPointer{
  pointer-events: none !important;
}
.nominheight{
  min-height:0px !important;
}
.table-cell {
   display: table-cell;
}

.wrap-large-text
{
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap-deviceName
{
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

.infoIcon{
  margin-left: 2px;
}
.popOverLink .popover.fade .arrow{
    top: -10px !important;
}
.popOverLinkPreBeta .popover.fade .arrow{
    top: -11px !important;
    left: 153px;
}
.watchdogSelectbox{
  max-width:50px;
  text-align:center;
  display: -moz-box;
  min-width: 0px !important;
}
.textAreaHeight{
    height: auto;
}
.toggleOrientation-unselect{
  color: #999
}
.toggleOrientation-select{
  color: #1C3865
}
.progress-height-10{
  height:10px;
}
.bundleAppName .progress{
  width:100%;
  float:left;
  margin-top:5px;
}
 body.modal-open {
    overflow: hidden;
    width: 100%;
}

.margin-top35 {
  margin-top: 35%;
}

.capitalizedText{
    text-transform: capitalize;
}
.pad-l-10{
    padding-left: 10px;
}
.full-width{
    width: 100%
}
.day-dropdown{
    width: 206px;
    padding-left: 10px;
}
.day-dropdown a i{
    padding-top: 3px;
}
.upgrade{
    width:15px !important;
    height:15px !important;
    vertical-align: top;
}
.labelAnalytics{
    position: absolute;
    left: 250px;
    top: 100px;
    vertical-align: middle;
    text-align: center;
}
.export-save-btn{
  width:65px;
}

.text20px{
  font-size: 16px;
}

.no-outline{
  border: none;
  outline:none;
}
#gpsLoader div{
  left: 93% !important;
  top: 69% !important;
}

.reboot-timer-align{
    padding-top: 10px;
}
.reboot-timer-border{
    border-top: 1px solid #f4f6f7;
    padding-top: 20px;
}
.reboot-timer-padding{
    padding-bottom: 20px;
}
.reboot-timer-text{
    height: 32px !important;
}
.reboot-timer-select{
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 6px 12px;
}
.reboot-timer-btn {
    color: #5e9732 !important;
    background-color: #E8E8E8 !important;
    border-color: #D8D8D8 !important;
}
.reboot-timer-btn:hover, .reboot-timer-btn:focus, .reboot-timer-btn.active, .reboot-timer-btn:active, .reboot-timer-btn:active, .open .dropdown-toggle.reboot-timer-btn {
    color: #5e9732 !important;
    background-color: #D0D0D0 !important;
    border-color: #E8E8E8 !important;
    border: 1px solid transparent !important;
}
.reboot-timer-div{
    display: inline
}
.reboot-timer-padding-top{
    padding-top: 5px !important;
}
.reboot-timer-invalid{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.c3-legend-item{
    font-weight: bold !important;
}
ul.nav.nav-tabs.nav-app-library {
    font-size: 13px;
}
.color-blue {
    color: #19485b !important;
}
.no-ellipsis{
    text-overflow: clip !important;
}

.popover{
    word-wrap: break-word;
}

.elo-table tr td label {
    line-height: 1;
}

.elo-table tr td label.adjust {
    line-height: 2.2;
}
.margin-right20 {
   margin-right: 20px;
}

.whitelist-table {
  margin-bottom: 0px !important;
}

.groupTable tbody > tr > td{
    vertical-align: middle !important;
}

.pt10{
    padding-top: 13px !important;
}

.mt-4{
    margin-top: -5px;
}

/* Added for user permissions */
.select-grid {
  border-collapse: collapse;
}
.select-grid th {
  font-weight: normal;
  vertical-align: bottom;
}
.select-grid .select-grid-global-label {
  width: 220px;
  padding-left: 32px;
  text-align: left;
}
.select-grid td {
  position: relative;
  border-top: 1px solid #ececec;
}
.select-grid td:first-child {
  padding-left: 32px;
}
.select-grid .select-grid-toggle {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  min-height: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
}
.select-grid .select-grid-toggle .material-icons {
  width: 18px;
  height: 20px;
  font-size: 18px;
}
.select-grid input {
  min-width: 60px;
  margin: 4px 1px;
}
.select-grid input {
  width: 60px;
}
.select-grid input:before {
  background-color: transparent !important;
}


.select-grid input.md-checked .md-icon {
  background-color: #c9e7a6;
}
.select-grid input.md-checked .md-icon:after {
  left: 27px;
}
.select-grid .subRow {
  display: none;
}
.select-grid .subRow.collapse {
  display: none;
}
.select-grid .subRow.open {
  display: table-row;
}
.select-grid .subRow td:first-child {
  padding-left: 56px;
}
.select-grid input {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    text-align: center;
    transition: all .3s;
    outline: none;
    cursor: pointer;
}

.select-grid input:after{
  font-family: FontAwesome;
  content: "\f00d";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  transition: all .3s;
  color: #9E9E9E;
  outline: none;
}
.select-grid input:checked::after{
  font-family: FontAwesome;
  content: "\f00c";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  color: white;
}
.select-grid input:checked{
  background-color: #42aafd !important;
  color: white;
}
.select-grid p::first-letter {
  text-transform: uppercase;
}
.select-grid input:hover{
    background-color: #a1c7e6;
}
.select-grid input:hover::after{
  color: white !important;
}

.custMrg{
    margin: 80px 30px;
}
.wide.clearFloat{
    float: none;
}
.spinner-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(236, 236, 236, 0.7);
    z-index: 990;
}
.spinner-backdrop .spinnerLoad{
    top: 50%;
    position: fixed;
}
.disabledLink {
  cursor: not-allowed;
}
.heightCalc300{
    height: calc(100% - 300px);
}
.heightCalc67{
    height: calc(100% - 67px);
}

.heightCalc100{
    height: calc(100% - 100px);
}

.heightCalc50{
    height: calc(100% - 50px);
}

.swagger-ui input {
    background-color:#FFFFFF;
    border: 1px solid;
}
.swagger-ui textarea {
    border: 1px solid;
}
.swagger-ui select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
    border: 1px solid;
}
.group-holder .panel-heading.removeOverflow{
    overflow: visible;
}

/*.bundleAppIcon {
    width:20%;
}*/
/*.bundleAppList {
    width:66%;
}*/

.bundleAppApplyBtn {
    font-family: 'SFUIDisplay-Semibold';
    font-size: 14px;
    padding: 6px 20px;
    margin-left: 10px;
    letter-spacing: 1px;
}
.bundleAppRight {
    width:64%;
}
.bundleAppRight .col-md-10 {
    width: 100%;
}
.bundleAppNameMain {
    max-width:24%;
}
.bundleAppNameMain textarea,.bundleAppNameMain input[type="text"] {
    width: 190px;
}
.bundleAppDelete {
    width:12%;
}
.bundleAppDelete .btn-app-delete {
    width : 80px;
}
.bundleAppCancel {
    /*width:10%;*/
}
.addNewDevice {
  font-weight: bold;
  font-size: 20px;
}
.padding-top0 {
  padding-top:0px
}

.wideMaxDevices {
    margin-bottom: 10px;
    padding: 10px 0px;
}
@media screen and (max-width: 1366px){
    .scrollHolder {
        height: calc(40% - 20px);
    }
    .listMax {
        max-height: 300px;
    }
    ul.nav.nav-tabs.nav-app-library {
        font-size: 12px;
    }
}

/*Hardware Tab*/
.svgHolder {
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    pointer-events: none;
}
.editable{
    pointer-events: all;
}
.settingRight{
  min-height: 420px;
}

.custom-height {
   padding-top: 124px;
   height: 100%;
}
.overflowY {
    overflow-y: auto;
}
.custom-height .main-container {
    padding-bottom: 5px;
}
.innerScroller {
    height: 85%;
    overflow-y: auto;
}

.margin-top0 {
    margin-top:0px !important;
}

.addDeviceOpened{
    height: calc(100% - 560px) !important;
}
.subLink{
    float:left;
    margin-left: -13px;
}
.contentNameBg{
    background: none;
    padding: 0px;
}

.scroll-devices{
    max-height: 220px;
    overflow-y: auto;
    margin-bottom: 10px;
}
.add-device-dropdown .wide{
    margin-bottom: 0px;
}

.margin-top-permission{
    margin-top: 25px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 21px;
}

.switch input {display:none;}

.sliderchk {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderchk:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


input:checked + .sliderchk {
  background-color: #2196F3;
}

input:focus + .sliderchk {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderchk:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.sliderchk.round {
  border-radius: 34px;
}

.sliderchk.round:before {
  border-radius: 50%;
}

ul.elo-pil-list li{
    border: none !important;
}

span.orelip{
    background: #f7f7f7;
    border-radius: 50%;
    height: 36px;
    display: inline-block;
    width: 36px;
    font-size: 12px;
    border: 1px solid #ccc;
    line-height: 36px;
}

p.headerPoweredByTag{
    font-size: 10px;
}

a.navbar-brand{
    width: 100px;
}

img.nav-login-logo{
    height: 75px;
}

img.header-logo{
    height: 50px;
}

.custom-brand{
    width: auto !important;
}
.login-url{
    margin-left: 5px;
}
.editLoader .spinner{
    z-index: 1 !important;
}
@media screen and (max-width: 1950px) and (min-width: 680px)
{
   body {
       margin-bottom: 0px !important;
   }

}

@media screen and (max-width: 1265px) and (min-width: 768px) {
    .padding-zero li a{
        padding: 8px 9px !important;
    }
}

@media screen and (max-width: 1290px){
    .col-header2 h3, .col-header4 h3,
    .col-header2 h3 i, .col-header4 h3 i {
        font-size: 18px !important;
    }
    .content-tabs > li > a{
        padding: 4px 6px !important;
        font-size: 13px;
    }
}

.input-group .form-control {
    background: #fff;
}
.import-config {
    margin-left: 0px !important;
}
.export-config {
    width: 169px !important;
    padding: 5px 26px 5px 26px !important;
    cursor: pointer;
}
.network-setting{
    margin-left: 5px !important;
    padding: 0px !important;
    background: none !important;
    border-top: 0px solid transparent !important;
}
.network-group{
	left: 0;
	top: 223px;
	margin-left: 15px !important;
}
.network-filter{
    left: 0;
    top: 301px;
    margin-left: 15px !important;
}
.network-account{
    left: 0;
    top: 449px;
    margin-left: 15px !important;
}
.layer-type-switch{
    height: 31px !important;
}
.network-account{
    left: 0;
    top: 449px;
    margin-left: 15px !important;
}
.layer-type-switch{
    height: 31px !important;
}
.manage-user-permission-name{
    margin-bottom: 0px;
}
.customValue button{
    margin-bottom: 17px !important;
}

.debug-open-values {
    display: none;
}

/*
EVR-1627. Schedule Content.
Device Detail.
Account Setting.
Group Setting.
Filter Setting.
 */
.padding-zero li a{
    padding: 10px 14px !important;
}
.margin-bottom-5x{
    margin-bottom: 5px !important;
}
.schedule-content-clock{
    position: absolute;
    top: -12px;
    right: -10px;
    padding: 0px;
    border: 1px solid #ccc;
    max-width: 50px;
}
.width-100 {
    width: 100% !important;
}
.schedule-switch {
    width: 48%;
    padding-left: 0px;
    padding-right: 0px;
}
.padding-zero {
    padding-bottom: 0px !important;
    margin: 0px !important;
}
.content-scheduler {
    border: 1px solid #0F7DC7;
    min-height: 270px;
    top: -10px;
}
.main-body .form-group label.schedule-font-14 {
    font-size: 14px;
}

.main-wrap {
    margin-top:0px  !important;

}
.btn-simple {
    background: white;
    color: #0F6AB4;
    border: grey solid 1px;
}
.btn-selected , .btn-selected:active, .btn-selected:focus{
    background: #0F6AB4;
    color: white;
    border: grey solid 1px;
}
.sky-blue {
    color: #13b1f1 !important;
}
.scroll-it-ota {
  height: 300px;
  margin: 10px auto;
  padding:15px 5px !important;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.addDeviceLable {
  color : #cc0000;
}
.errorModal {
  color : white;
}
.addDeviceModal .ngdialog-content {
  width: 1000px !important;
}
.addDeviceModal ul li {
  list-style:none;
  width:33%;
  float:left;
}
.addDeviceModal ul li .hardwareColor {
  color: #5DA5E5;
}

.roleEnabledPermissions{
    background-color: green !important;
}

.userEnabledPermissions{
    background-color: magenta !important;
}

.userDisabledPermissions{
    background-color: red !important;
}

.dropdownOverlay {
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1040; /* override z-index of sticky header = 1039*/
}

.overlayOverride {
    z-index:1041; /* override z-index of overlay = 1040*/
}

.dropdownBtn{
    border: 0px;
    background-color: transparent !important;
    height: auto;
    width: 100%;
    text-align: left;
    font-size: 14px !important;
    color: #a0a0a0 !important;
    letter-spacing: 0px !important;

}
.note{
    font-size: 12px;
    font-style: italic;
    display:inline-flex;
}

.note ol {
    list-style-type: circle;
}
.note ol li {
    float: left;
    margin: 0 20px;

}

.uib-datepicker .uib-title {
    width: 100%;
}

.uib-day button, .uib-month button, .uib-year button {
    min-width: 100%;
}

.uib-left, .uib-right {
    width: 100%
}

.uib-datepicker-popup {
    min-width:160px;
    background-color:#fff;
    border-color: #3cb5f4;
    padding-bottom: 0px;
}

.uib-monthpicker table {
    margin-left: auto;
    margin-right: auto;
}

.uib-yearpicker table {
    margin-left: auto;
    margin-right: auto;
}

.uib-datepicker-popup .dropdown {
    min-width:160px;
    background-color:#fff;
}


.uib-datepicker-popup .btn {
    padding:6px;
}

.uib-datepicker-popup .btn-default{
    color:#333;
    border:1px solid transparent;
}

.uib-day .btn-default{
    height: 34px;
    width: 34px;
    transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 50%;
}
.uib-day .btn-default.active .text-info{
    color: #fff;
}
.uib-datepicker-popup .btn-default:hover, .uib-datepicker-popup .btn-default.active, .uib-datepicker-popup .btn-default:focus {
    background: none;
}

.uib-day .btn-default:hover, .uib-day .btn-default.active, .uib-day .btn-default:focus {
    border: 1px #888888 solid;
}

.uib-datepicker-popup .btn-danger, .uib-datepicker-popup .btn-success, .uib-datepicker-popup .btn-info, .uib-datepicker-popup .btn-info.active,.uib-datepicker-popup .btn-info:active.focus,.uib-datepicker-popup .btn-info:active:focus,.uib-datepicker-popup .btn-info:active:hover
{
    background-color:#3ba6ef;
    color: white;
    border: 0px solid #fff;
}
.uib-datepicker-popup.dropdown-menu{
        margin: 6px 0px;
}
.uib-datepicker-popup.dropdown-menu:after {
    position: absolute;
    top: -7px;
    right: 10px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3cb5f4;
    border-left: 7px solid transparent;
    content: '';
}

.uib-datepicker-popup.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 10px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #334c74;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.orText {
    padding: 10px;
    background-color: #e5eaee;
    border-radius: 50%;
}
.or-spacing{
    margin-top: 78px;
    margin-bottom: 30px;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-left35 {
    margin-left: 35px;
}

.calendar-icon {
    position: absolute;
    top: 7px;
    right: 2px;
    width: 35px;
    height: 40px;
    margin-top: -7px;
    margin-right: -2px;
}

.panel-password-container .form-control.lightcolor {
    background-color: white;
    border: 1px solid black;
    border-radius: 0px;
    color: black;
}

.panel-password-container .form-control.darkcolor {
    background-color: #eee;
    border: 1px solid black;
    border-radius: 0px;
    color: black;
}

.uploadlogs-datetime-picker {
    position: absolute;
    top: 7px;
    right: 2px;
    padding: 0px;
    background: none;
    margin: 0;
}

.showUploadedLogDialog .table > thead > tr > th {
    padding: 10px;
    border: none;
    border-bottom: 2px solid #ddd;
}

.showUploadedLogDialog .table > tbody > tr > th {
    padding: 10px;
}

.showUploadedLogDialog .table > tfoot > tr > th {
    padding: 10px;
}

.showUploadedLogDialog .table > thead > tr > td {
    padding: 10px;
}

.showUploadedLogDialog .table > tbody > tr > td {
    padding: 10px;
    border: 0px;
}

.showUploadedLogDialog .table > tfoot > tr > td {
    padding: 10px;
}
.showUploadedLogDialog .table > tfoot > tr {
    border-top: 1px solid #ddd;
}

.zipButton {
    width:66px;
}

.showUploadedLogDialog a.disabled, .showUploadedLogDialog a[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}
.upload-log-modal {
    min-height: 400px;
}
.elomodaltable {
    border: 0px;
}
.elomodaltable tbody tr:not(.no-data) {
    border: 0px;
}
.activity-table-scroll {
  overflow: hidden;
  overflow-y: scroll;
  max-height: 300px;
}

.left-float{
    float: left;
}
.main-body .search-container .form-control-settings .dropdownBtn{
    height: 22px;
    position: relative;
    padding: 0px 0px;
    line-height: 20px;
}
.main-body .search-container .form-control-settings .dropdownBtn .rightarrow{
    top: 0; right: 0; position: absolute;
}
.search-devices .overlayOverride .checkbox label{
    padding-top: 0px;
    padding-left: 8px;
    font-size: 16px;
}
.search-devices .overlayOverride .checkbox .roleList{
    display: block;
}

.overflowY{
    overflow-y: auto;
}
.first-input.icon-color.inside-box {
    position: absolute;
    top: 35px;
    right: 30px;
}
.icon-color.inside-box {
    position: absolute;
    top: 10px;
    right: 30px;
}
.row-disabled {
  text-shadow: 1px 1px 5px #aaa;
  color: transparent;
}
.spinnerLoad-deletedevice .spinner{
  left:unset !important;
}
.strikeout{
 text-decoration: line-through;
 pointer-events: none;
}
.popOverToggle h3 {
    font-size :unset !important;
    color: #fff !important;
} 
.disable-table-row{
  background-color: lightgray;
}
.grayout {
  opacity: 0.6; /* Real browsers */
  filter: alpha(opacity = 60); /* MSIE */
  pointer-events: none;
}
.cursor-pointer {
  cursor:pointer !important;
}
.top-space{margin-top: 30px;}

.playlist-wrapper{
    margin: 0px 0px 30px 0px;
    padding: 0;
    list-style: none;
}

.playlist-wrapper li .box{
    display: block;
    vertical-align: top;
    border: 2px solid #dedede;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 2px;
}
.playlist-wrapper li .box .playlist-icon{
    min-height: 78px;
}
.playlist-wrapper li:hover .box{
    border: 2px solid #33a5f2;
}
.playlist-wrapper .playlist-heading {
    font-size: 14px;
    text-align: center;
    background: #ebeff7;
    line-height: 28px;
    padding:2px 10px;
    margin: 0;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playlist-wrapper .tooltip {
    visibility: hidden;
    background-color: white;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 2s ease;
}

.playlist-wrapper .playlist-heading:hover + .tooltip,
.playlist-wrapper .elo-table-body td:hover .tooltip {
     visibility: visible;
     transition: opacity 2s ease;
     opacity: 1;
 }

.playlist-icon{
    padding: 20px 10px;
    text-align: center;
}

.playlist-wrapper .elo-table-body td {
    vertical-align: middle;
}

.playlist-wrapper .elo-table-body .playlist-actions .dropdown-menu li .fa {
    line-height: 24px;
    margin-top: 0;
}

.playlist-wrapper li .playlist-actions .btn{
    margin: 0;
    border-radius: 0px;
}
.tab-panel-heading{
    border-bottom: 1px solid #e0e0e0;
    padding: 0px 0px 10px 0px;
    margin-bottom: 20px;
}
.tab-panel-heading h3{
    font-family: 'SFUIDisplay-Light';
    font-size: 22px;
}
.modal-body .sub-heading-popup{
    color: #333333;
    font-size: 16px;
    font-family: 'SFUIDisplay-Regular';
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.popup-content .form-control{
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 0px;
    font-family: 'SFUIDisplay-Regular';
    font-weight: normal;
    letter-spacing: 1px;
    color: #727272;
    font-size: 14px;
    background-color: #fff;
    height: 34px;
}
.popup-content .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.popup-content .input-group-btn .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    height: 34px;
    line-height: 32px;
    padding: 0px 14px;
}
.popup-content .playlist-row{
    font-weight: normal;
}

.popup-content .header-row{
    font-weight: normal;
}
.popup-content .playlist-row .playlist-row-head{
    border-bottom: 2px solid #eaeaea;
    padding: 0px 0px;
}

.popup-content .header-row .header-row-head{
    border-bottom: 2px solid #eaeaea;
    padding: 0px 0px;
}
.popup-content .playlist-row .playlist-row-list{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
    font-weight: normal;
}

.popup-content .header-row .header-row-list{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
    font-weight: normal;
}
.popup-content .playlist-row .playlist-row-list .device-count{
    margin-top: 2px;
    font-size: 12px;
    margin-right: 12px;
}
.playlist-wrapper .playlist-actions .dropdown-menu{
    background:#fff;
    min-width: 170px;
}
.playlist-wrapper .playlist-actions .dropdown-menu:before {
    border-bottom: 7px solid #ffffff;
}
.playlist-wrapper .playlist-actions .dropdown-menu:after{
    border-bottom: 6px solid #ffffff;
}
.playlist-wrapper .playlist-actions .dropdown-menu li {
    border-top: 1px solid #eeeeee;
}
.playlist-wrapper .playlist-actions .dropdown-menu li .fa{
    margin-top: 5px;
}
.playlist-wrapper .playlist-actions .dropdown-menu li:first-child{
    border-top: none;
}
.playlist-wrapper .playlist-actions .dropdown-menu li a{
    line-height: 24px;
    color: #333 !important;
    padding-top: 8px;
    padding-bottom: 8px;
}
.playlist-wrapper .playlist-actions .dropdown-menu li:hover{
    background: #33a5f2;
}
.playlist-wrapper .playlist-actions .dropdown-menu li:hover a{
    color: #fff !important;
}
.playlist-buttons{
    margin-top: 20px;
    text-align: right;
}
.search-list{
    margin: 0px 0px 30px 0px;
    list-style: none;
    overflow: hidden;
    max-height: 400px;
    padding: 0px 10px;
    overflow-y: auto;
}
.search-list li{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
}
.search-list li .search-app-name{
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}
.playlist-icon-wrap{
    background: #efefef;
    border: 1px solid #e0e0e0;
    max-width: 114px;
    margin-bottom: 10px;
}
.playlist-icon-wrap img{
    margin: 13px 10px 8px 10px;
    display: inline-block;
    vertical-align: top;
}
.playlistname{
    background: #939293;
    display: inline-block;
    font-size: 11px;
    padding: 5px 8px;
    line-height: 16px;
    color: #fff;
    max-width: 62px;
    height: 56px;
}
.playlistname:hover{
    color: #fff;
}
.select-date-field{
    border: 1px solid #666;
    padding: 0px 10px 2px 10px;
    font-size: 14px;
    line-height: 22px;
    max-width: 400px; box-sizing: border-box;
    position: relative;
    font-family: 'SFUIDisplay-Regular';
}
.select-date-field label{
    margin-bottom: 0px;
}
.select-date-field span{
    margin: 0px 5px;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: top;
}
.select-date-field input[type="radio"], input[type="radio"]{
    margin-top: 2px;
}
.select-date-field .date-value{
    border-left: 1px solid #666;
    color: #333; font-family: 'SFUIDisplay-Regular';
    padding: 0px 10px;
    font-size: 14px;
    max-width: 160px;
    letter-spacing: 0;
}
.elo-table-body tr td small strong {
    color: #333;
    font-family: 'SFUIDisplay-Semibold';
}
.tab-panel-heading h4{
    margin-top: 0px;
}
.playlist-scroll{
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px;
}

.header-scroll{
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px;
}
.popup-content .playlist-scroll{
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
}
.popup-content .header-scroll{
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
}
.elo-tabs .tab-panel-heading.noMargin-b{
    margin-bottom: 0px;
    border-bottom: 0px solid #eee;
}
.mrgLeft10{
	margin-left: 10px !important;
}
.table-header-hover:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

.reboot-container *{
    outline: none;
}
.reboot-container .select-date-field .uib-datepicker-popup{
	left: 0 !important; 
    top: 30px !important;
    padding: 10px;
}
.reboot-container .select-date-field .uib-datepicker-popup li{
    outline: 0;
}
.reboot-container .select-date-field .uib-datepicker-popup .btn-default.active .text-info{
    color: #333;
}
.reboot-container .select-date-field .uib-datepicker-popup .btn{
    float: none;
    margin-left: 4px;
}
.reboot-container .timegroup .btn{
    height: 34px;
}
.reboot-container .timegroup .btn-default{
    background: #fcfbfc;
    border-color: #959595;
    color: #333;
}
#playlistEnds div[uib-datepicker-popup-wrap], #playlistStarts div[uib-datepicker-popup-wrap]{
	display:inline-block;
}
.playlist-fade-button{
    opacity: 0.6
}

.group-list li a span.fa-plus-circle, .filter-list li a span.fa-plus-circle{
    min-width: 20px;
}
.group-list li a, .filter-list li a{
    min-width: 12px;
}
.group-list li a.toggle-filter, .filter-list li a.toggle-filter{
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;
    outline: none;
}
.group-list li a.group-view{
    position: absolute;
    left: 14px;
    top: 2px;
    z-index: 9;
}
.filter-list li a.filter-view{
    position: absolute;
    left: 14px;
    top: 0px;
    z-index: 9;
}
.group-list li a.add-sub-group-btn, .filter-list li a.add-sub-group-btn{
    position: absolute;
    right: 4px;
    top: 2px;
}
.group-list li li, .filter-list li li{
    margin-bottom: 0px;
    margin-left: 14px;
    position: relative;
    padding-left: 20px;
}
.group-list li li a.group-view-sf, .filter-list li li a.group-view-sf{
    position: absolute; 
    left: 0; 
    top: 2px;
}
.group-list li li a.filter-view-sf, .filter-list li li a.filter-view-sf{
    position: absolute; 
    left: 0; 
    top: 2px;
}
.group-list li li a.group-gear-sf, .filter-list li li a.group-gear-sf{
    white-space: nowrap;
}
.filter-list li li a i.fa, .group-list li li a i.fa{
    margin-left: 0px !important;
    margin-right: 10px;
}
.group-list li .sf-ul, .filter-list li .sf-ul{
    float:none !important;
}
.group-list li .sf-ul li a span, .filter-list li .sf-ul li a span{
    display: block;
}
.filter-list li .sf-ul li{
    margin-left: 0px;
}
.filter-list li li a.group-view-sf{
    margin-right: 10px;
}
.device-group-list .scroll_it-finterlist, .device-filter-list .scroll_it-finterlist{
    width: 100% !important;
}
.group-list li a.group-gear, .filter-list li a.group-gear{
    width: 100%; padding-left: 36px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 28px;
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
}
.group-list li a.filter-gear, .filter-list li a.filter-gear{
    width: 100%; padding-left: 36px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 28px;
    position: relative;
}
.group-name{
    display: inline-block; vertical-align: top;
}
.add-sub-group-btn{
    background: #edf0f6;
    padding: 0px 0px 0px 2px !important;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 22px;
}
.add-sub-group-btn .fa-plus{
    font-size: 12px;
    vertical-align: top;
    line-height: 23px;
}
.greentick {
    color: #5e9732 !important;
}

.radio-inline-new {
    margin-left: 20px;
}

.radio-inline-new.more-pad-left {
    margin-left: 30px;
}

.radio-inline-new input[type="radio"] {
    float: left;
    margin-left: -20px;
}
.elo-header-wrapper.custom-header-zindex{
    z-index: 999 !important /* override z-index of sticky header = 1039 for ngDialog box*/
}
.otaLabel{
    font-family: 'SFUIDisplay-Semibold' !important;
    color: #727272 !important;
    font-size: 14px !important;
}
.reorder-help{
    margin-right: 10px;
    margin-top: -3px;
}
.main-body .icon-color{
    color: #1c3865;
}
.appdetail-row{
    border-left: 1px solid #e0e2ea;
    margin-left: 8.5%;
    min-height: 120px;
}
.appdetail-row-scaleLeft{
    margin-left: -8.5%;
}
.app-detail-row-bdr{
    border-bottom: 1px solid #e0e2ea;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.app-detail-heading{
    margin: 0px 0px 15px;
    line-height: 22px;
    font-family: 'SFUIDisplay-Light';
    font-size: 22px;
    color: #000;
}
.mainapk-ico {
    background: #ebeff7;
    display: inline-block;
    padding: 20px;
    border: 1px solid #e0e2ea;
    width: 90%;
}
.mainapk-ico img{
    max-width: 100px;
    padding: 10px;
    border: 1px solid #dfe1e0;
    border-radius: 2px;
    background: #fff;
}
.allApk-ico-wrap{
    background: #fff;
    padding: 20px;
    position: relative;
    border: 1px solid #e0e2ea;
    width: 90%;
    display: inline-block; vertical-align: top;
}
.allApk-ico {
    background: #ebeff7;
    display: inline-block;
    padding: 12px;
    border: 1px solid #e0e2ea;
    position: relative;
}
.allApk-ico img{
    max-width: 60px;
    padding: 8px;
    border: 1px solid #dfe1e0;
    border-radius: 2px;
    background: #fff;
}
.apk-icon-arw{
    position: absolute;
    right: -8px;
    top: 38px;
    color: #e0e2ea;
    font-size: 20px;
}
.no-border{
    border: 0px solid #fff;
}
.status-colors{
    background: #f3f2f2;
    display: inline-block; 
    vertical-align: top;
    padding: 6px 2px;
    font-size: 10px;
    color: #333;
    line-height: 8px;
    border-radius: 3px;
}
.status-colors span{
    display: inline-block; 
    vertical-align: top;
    margin: 3px 5px;
}
.status-colors i{
    display: inline-block;
    vertical-align: top;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #fff;
}
.status-colors .run{
    background: #67b581;;
}
.status-colors .not-run{
    background: #ea6061;
}
.bndle-apk{
    width: 100%;
    padding: 0px 3%;
    display: table;
}
.bndle-apk-row{
    display: table-row;
}
.bndle-apk-coulmn-left{
    display: table-cell;
    width: 12%;
    position: relative;
    border-left: 1px solid #e0e2ea;
    vertical-align: -webkit-baseline-middle;
}
.bndle-apk-coulmn-right{
    display: table-cell;
    width: 88%;
    padding: 0px 72px 0px 38px;
    border-left: 1px solid #e0e2ea;
}
.bndle-apk-coulmn-right .app-detail-row-bdr{
    padding-bottom: 0px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f4f2f4;
}
.top-border{
    border-top: 1px solid #e0e2ea;
}
.bottom-border{
    border-bottom: 1px solid #e0e2ea;
}
.status{
    height: 10px;
    width: 10px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    left: 9px;
    box-shadow: 0px 0px 2px #999;
}
.greenStatus{
    background: #67b581;
}
.redStatus{
    background: #ea6061;
}
.bndl-icon-arw {
    position: absolute;
    top: 26px;
    right: -8px;
    color: #e0e2ea;
    font-size: 20px;
}
.popup-wrapper .icon-color{
    color: #1c3865;
}
.export-icon .dropdown-menu li {
    text-align: left;
    border-top: 1px solid #eeeeee;
}
.export-icon .dropdown-menu li:hover{
    background: #33a5f2;
}
.export-icon .dropdown-menu li:hover a{
    color: #fff !important;
}
.export-icon .dropdown-menu li:first-child{
    border-top: 0px solid #eeeeee;
}
.export-icon .dropdown-menu li a{
    padding: 8px 12px;
    line-height: 24px;
    display: block;
    color: #727272 !important;
    font-weight: normal;
}
.footer-hint{
    font-size: 12px;
    display: inline-block;
    margin-top: 6px;
    font-style: italic;
}
.modal-footer .btn{
    margin-bottom: 0px;
}
.deploy-icon{
    padding: 3px;
    box-shadow: 0px 0px 2px #ccc;
    max-width: 30px;
    border-radius: 3px;
}
.deploy-icon-text{
    margin-left: 20px;
    display: inline-block;
    vertical-align: top; margin-top: 4px;
}
.with-ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.width-300{
    width: 300px;
}
.blue-link{
    color: #33a5f2;
}

.peripheral-detail-label{
    padding:5px !important;
    text-align:right;
    width: 30%;
}
.peripheral-detail-info{
    padding:5px !important;
    text-align:left;
    word-break: break-all;
    width: 70%;
}
.peripheral-info-div{
    background: #D9DEEB !important;
    padding: 7px 10px;
    border:1px solid #c4c4c4;
}
.peripheral-detail-tr{
    border:1px solid #c4c4c4;
}
.peripheral-diable-port{
    margin-top:30px;
}
.peripheral-diable-port-tr{
    border:1px solid #c4c4c4;
    background: #D9DEEB !important;
}
.peripheral-diable-port-th{
    padding:7px !important;
}
.peripheripher-toggle-margin{
    margin-top: 30px !important
}
.main-body{
    font-family: 'SFUIDisplay-Light';
    padding-bottom: 20px;
}
.txt-align-center{
    text-align:center;
}
.scheduleFileList{
	color:#e8a200;
}
.shaddow{
	box-shadow: 0px 1px 3px #d8d8d8;;
}
.file-dialog-th-padding{
	padding:15px !important;
	border:none !important;
}
.file-dialog-td{
	border: none !important;
    font-family: 'SFUIDisplay-Regular';
    font-size:14px;
    white-space: nowrap;
}
.file-dialog-tr:nth-child(even){
	background-color:#f7f8fc;	
}
.blueLabel{
	color:#2fa9f6;
}
.file-dialog-error{
	color: #ff8e97;
}
.file-dialog-warning{
	color:#eab45e;
}
.percent i.file-dialog-warning{
	color:#eab45e;
}
.file-dialog-success{
	color: #7fc090;
}
.file-dialog-errorCode{
	color:#a5a3a4;
	display:none;
	font-size:10px;
	font-weight:100;
}
.file-dialog-error .file-dialog-errorCode{
	display:block
}
.actions-ico a{
    display: inline-block;
    vertical-align: top;
    color: #6e6f70;
    text-align: center;
    padding: 0px 5px;
}
.actions-ico a i{
    color: #6e6f70;
}
.hilight-row{
    border: 1px solid  #dd9f36 !important;
    background: #faf7ef !important;
}
.hilight-row td {
    color: #000 !important;
    font-weight: 600 !important;
}
.est-scroll-rows{
    max-height: 154px;
    overflow: hidden;
    overflow-y:auto;
}
.add-est-form{
    border: 1px solid #cbcbcb;
    padding: 14px;
    box-shadow: 0px 0px 10px #eee;
    margin-bottom: 20px;
}
.file-dialog-content-icon{
	padding: 3px;
    box-shadow: 0px 0px 2px #ccc;
    max-width: 20px;
    border-radius: 3px;
    margin-right: 5px;
}

.scroll-statuslist{
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
}

.status-list .elomodaltable tbody {
    display:block;
    max-height:250px;
    overflow:auto;
}
.status-list .elomodaltable thead, .status-list .elomodaltable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.status-list .elomodaltable thead {
    width: calc( 100% - 1em )
}
.status-list .elomodaltable td{
    white-space: normal;
    word-break: break-all;
}
.progress-indicator{
    box-shadow: none;
    margin-bottom: 0px;
    background-color: #fff;
}
.progressbarBG{
    background-color: #f6f8fa;
    padding: 40px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.device-report-count label{
    font-size:14px;
    color:#999;
 }
.device-report-count .count-no{
    font-size: 20px;
    color: #222;
    margin-top: 8px;
}
.device-report-count .status{
    font-size:14px; line-height:18px;
}
.device-report-count .stat-success{
    color:#56b373;
}
.device-report-count .stat-faild{
    color:#f0606c;
}
.progressbarBG .progress{
    margin-bottom:0px;
    height:24px;
}
.progressbarBG .progress-bar-animated{
    animation: progress-bar-stripes 1s linear infinite;
}
.progressbarBG .indeterminate {
    position: relative;
    animation: progress-indeterminate 3s linear infinite;
}
@keyframes progress-indeterminate {
    from { left: -25%; width: 25%; }
    to { left: 100%; width: 25%;}
}

.progress-bar-success{
    background-color: #58b575 !important;
}

.progress-bar-indeterminate{
    background-color: #808080 !important;
}
.progressbarBG .progress-indicator{
    background:none;
    font-size: 18px;
    font-weight: 600;
}
.progressbarBG .ota-progress-indicator{
    font-size: 16px;
    font-weight: 600;
}

div.otaProgressDialog{
    padding-top: 40px !important;
}

div.otaProgressDialog .ngdialog-overlay{
    background: rgba(0, 0, 0, 0.4) !important;
}
.btn-fixedisize{
    width: 40px;
}
.account-list.status-list .elo-table-body td, .account-list.status-list .elo-table-body th{
    word-break: break-word;
    padding: 10px;
}
.account-list.status-list table th{
    padding: 10px;
}
.opacity-50 {
    opacity: 0.50;
}

.otaSizeonOtaPopupDispaly{
    margin-left:10px;
}
.input-spaces-verticle .wrapper select{ 
    text-indent: 500px;
}
.input-spaces-verticle .wrapper .timeTextBox{
    background: none;
    top: 28px;
    left: 10px;
    font-weight: 700;
}

.last-applied-ota-version {
    position: absolute;
    left: 20px;
    bottom: 15px;
}
.elo-table-footer{
    border-bottom: 1px solid #e0e0e0;
}
.elo-table-footer strong{
    font-family: 'SFUIDisplay-Medium';
}
.api-account-settings-payment-tab .table thead tr th{
    font-family: 'SFUIDisplay-Medium';
    color: #222;
    padding:20px 30px;
}
.api-account-settings-payment-tab .table td{
    padding:20px 30px;
    color: #333;
}
.paywithcard-box{
    border-radius: 4px;
    display: block;
}

.padding-top-25px{
    padding-top: 20px;
}
.paymentplans{
    display: flex;
    flex-wrap: wrap;
}
 .elo-tabs .paymentplans ul{
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #ddd;
    margin: 0px 0px 20px 10px;
    padding: 0;
    flex: 1 0 auto;
    text-align: center;
    width: 22%;
}
.paymentplans ul:first-child{
    margin-left: 0;
}
.paymentplans ul li{
    padding: 15px 10px;
    color: #333;
    border-top: 1px solid #ddd
}
.paymentplans ul li{
    background-color: #F5F6FC;
}
.paymentplans ul li input{
    margin: 0;
}
.paymentplans ul li:nth-of-type(even){
    background-color: #FCFBFE;
}
.paymentplans ul li.plan-head {
    background-color: #ffffff;
    color: #000;
    font-size: 15px;
    font-family: 'SFUIDisplay-Medium';
    border-bottom: 1px solid #ddd;
}
.paymentplans ul li.plan-foot{
    background-color: #ffffff;
    color: #333333;
    font-size: 15px;
    font-family: 'SFUIDisplay-Medium';
}
.payment-badge{
    display: inline-block;
    text-transform: capitalize;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.payment-badge-primary {
    color: #fff;
    background-color: #007bff;
}

.payment-badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.payment-badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.payment-badge-success {
    color: #fff;
    background-color: #28a745;
}
.payment-badge-warning {
    color: #212529;
    background-color: #ffc107;
}
.plan-wrapper h3{
    color: #55a4eb;
    font-size: 26px;
    margin: 0px 0px 15px 30px;
    line-height: 26px;
}
.plan-wrapper .plan-options, .plan-wrapper .plan-options ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.plan-wrapper .plan-options ul li{
    line-height: 24px;
    font-size: 14px;
    color: #222;
    padding: 2px 0px;
    font-family: 'SFUIDisplay-Semibold';
    letter-spacing: 0.6px;
}
.plan-wrapper .plan-options ul li .fa-check {
    vertical-align: top;
    margin-right: 10px;
    margin-top: 5px;
}
.plan-wrapper .plan-options ul li .fa-times{
    vertical-align: top;
    margin-right: 14px;
    margin-top: 5px;
}
.plan-wrapper .plan-options ul li .fa-check{
    color: #5bb76a;
}
.plan-wrapper .plan-options ul li.disable-options{
    color: #838383;
}
.plan-wrapper .device-no{
    margin: 20px 0px 10px;
    padding: 14px;
    color: #d9a445;
    text-align: center;
    border: 1px solid #e0e0e0;
    font-family: 'SFUIDisplay-Semibold';
    box-shadow: 0px 2px 4px #cccccc;
}
.plan-wrapper .plan-pricing{
    text-align: center;
    font-size: 24px;
    color: #5bb76a;
    font-family: 'SFUIDisplay-Semibold';
    margin-bottom: 0px;
    min-height: 34px;
}
.plan-wrapper .plan-options .input-wrap{
    margin: 20px 0px; padding: 0;
}
.plan-wrapper .plan-options .input-wrap input{
    margin-bottom: 0;
    text-align: center;
    font-family: 'SFUIDisplay-Semibold';
}
.plan-reduce-font{
    font-size: 12px;
}
.plan-wrapper .planinfo{
    font-family: 'SFUIDisplay-Regular';
    font-size:14px;
    line-height: 22px;
    padding: 10px 0px;
    color: #000;
    background-color: #eef8fc;
    border-radius: 4px;
    margin-top: 10px;
}
.plan-wrapper h3 .plan-ico, .plan-wrapper h3 .plan-ico > .fa{
    color: #333333;
    font-size: 20px;
}
.flexible-scroll{
    height: calc(100% - 69px);
    min-height: inherit;
    margin-top:3px;
}

.plan-wrapper h3 .plan-ico img {
    max-width: 20px;
    margin-right: 5px;
}
.paymnt-height{
    display: flex;
    flex-wrap: wrap;
}
.paymnt-height .paymnt-card{
    padding: 20px 20px 165px;
    box-shadow: 0px 1px 8px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    margin: 0px 15px 20px;
    position: relative;
    flex: 1;
}
.payment-1px-bottom-margin{
    margin-bottom: 1px;
}
.btn-creat-group .alert{
    position: relative;
}
.Table{
    display: table;
}
.Title{
    display: table-caption;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.Heading{
    display: table-row-group;
    font-weight: bold;
    text-align: center;
}
.Row{
    display: table-row;
    background-color: #f6f8fb;
}
.Cell{
    display: table-cell;
    padding: 15px;
    font-size: 14px;
}
.payment-info-altered{
    font-family: "SFUIDisplay-Regular";
    font-size: 13px;
    padding: 10px;
    color: #000;
    margin-top: 10px;
}
.plan-price-device{
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    padding: 0px 20px;
    min-height: 170px;
}
.add-space{
    padding-bottom: 200px;
}
.tiles-selection{
    border-style:solid;
}

.main-body .elo-activity-panel .activity-filters .panel .panel-body{
    border: none;
    padding: 10px 0px 15px;
    font-family: 'SFUIDisplay-Regular';
}
.elo-activity-panel .activity-filters .panel-default > .panel-heading{
    padding: 10px 0px;
    font-family: 'SFUIDisplay-Regular';
    text-transform: capitalize;
    position: relative;
}
.activity-filters .panel-default > .panel-heading .more-less{
    position: absolute;
    right: 0px;
    top: 11px;
    color: #33a5f2;
}
.activity-filters .panel-default > .panel-heading a{
    display: block;
}
.elo-activity-panel .activity-filters .filter-list{
    margin: 0px; 
    padding: 0;
    list-style: none;
}
.elo-activity-panel .activity-filters .filter-list li{
    font-weight: 400;
    font-family: 'SFUIDisplay-Regular';
    margin-bottom: 5px;
}
.elo-activity-panel .activity-filters .filter-list li .checkbox label{
    font-family: 'SFUIDisplay-Regular';
}
.elo-activity-panel .activity-filters .filter-list .checkbox, .elo-activity-panel .activity-filters .filter-list .radio{
    margin: 0;
    text-transform: capitalize;
} 
.filters-head{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 14px;
    margin-bottom: 12px;
    color: #222222;
    margin-top: 20px;
}
.filters-head i{
    color: #33a5f2;
}

.activity-tags{
    margin: 0;
    padding: 0;
    list-style: none;
}
.activity-tags li {
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px;
}
/* .activity-tags li:first-child{
    margin-left: 0;
} */
.activity-tags li .select-item{
    background-color: #ffffff;
    padding: 6px 8px;
    border-radius: 4px;
    color: #3a3a3a;
    outline: none;
    border: 1px solid #707070;
    cursor: pointer;
}
.activity-tags li:hover .select-item{
    border: 1px solid #4a4e59;
    color: #ffffff;
    background-color: #8391b2;
}
.activity-tags li.active .select-item{
    border: 1px solid #4a4e59;
    color: #ffffff;
    background-color: #8391b2;
}
.pin-filters{
    margin: 0px 0px 10px;
}
.pin-filters i{
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #6b6b6b;
    margin-left: 20px;
    text-align: center;
    font-size: 14px;
    padding: 4px;
    color: #666666;
    cursor: pointer;
}
.pin-filters i:hover{
    border: 1px solid #e7a222;
    color: #eda114;
}
.pin-filters i.active {
    border: 1px solid #e7a222;
    color: #eda114;
}
.tab-container .pre-define-date{
    margin: 0px;
    padding: 0px 0px 15px 0px;
    list-style:none;
    display: inline-block;
    vertical-align: top;
}
.pre-define-date li{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}
.pre-define-date li .select-item{
    border-radius: 4px;
    display: block;
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #4a4e59;
    color: #222222;
    cursor: pointer;
}
.pre-define-date li:hover .select-item{
    background-color: #8391b2;
    color: #fff;
    border: 1px solid #4a4e59;
}
.pre-define-date li.date-picker-btn div{
    margin-left: 0px;
    background-color: #8391b2;
    border: 1px solid #4a4e59;
    color: #ffffff;
}
.pre-define-date li.active div{
    background-color: #8391b2;
    border: 1px solid #4a4e59;
    color: #ffffff;
}
.sort-btn{
    border: 1px solid #dddddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 15px;
}
.sort-btn .btn{
    padding: 3px 8px;
    margin: 0 !important;
    color: #222222;
    background: white;
}
.white-bg-ddn{
    background-color: #fff;
    border: 1px solid #707070;
    padding: 10px 15px 20px !important;
    text-align: left;
    color: #333333;
    line-height: 24px;
    min-width: 154px;
    right: 0;
    z-index: 999;
    border-radius: 0;
}
.white-bg-ddn label{
    font-family: 'SFUIDisplay-Regular';
    width: 126px;
    display: block;
}
.white-bg-ddn label span i{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 5px;
}
.white-bg-ddn label span i:hover{
    cursor: pointer;
    color: #33a5f2;
}
.white-bg-ddn .radio label span > i.active{
    color: #33a5f2;
    cursor: default;
    background-color: #fff;;
}
.white-bg-ddn input{
    margin-top: 5px;
}
.sort-btn .white-bg-ddn.dropdown-menu:before{
    border-bottom: 7px solid #dddddd !important;
}
.sort-btn .white-bg-ddn li{
    cursor: pointer;
}

/* activity-table */
.table {
    display: table;
    width: 100%;
 }
 .rowSelector{
     cursor: pointer;
 }
 .tableRow {
    display: table-row;
    outline: none;
 }
 .tableRow:nth-child(odd){
     background-color: #f6f8fb;
 }
 .tableCell, .tableHead {
    display: table-cell;
    font-size: 14px;
    padding: 10px 10px;
    box-sizing: border-box;
 }
 .tableHeading {
    display: table-header-group;
 }
 .tableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
 }
 .tableBody {
    display: table-row-group;
 }
 .elotable .tableCell .activity-row-icon{
     color: #8391b2;
     margin-right: 5px;
     margin-left: 12px;
     cursor: pointer;
 }
 .tableCell.arrow i{
    color: #33a5f2;
 }
.smry-bdr-line{
    border-top: 1px dashed #9f9e9e;
    margin-top: 48px;
}
 .activity-overview-smry{
    margin: 20px 0px;
 }
 .activity-overview-smry ul{
     margin: -45px 0px 0px 0px;
     padding: 0px 0px 0px 0px !important;
     list-style: none;
     display: flex;
 }
 .activity-overview-smry ul li{
    border: 1px dashed #9f9e9e;
    /* flex: 1; */
    margin: 0px 0px 0px 34px;
    border-radius: 4px;
    min-height: 90px;
    background-color: #fff;
    position: relative;
 }
 .activity-overview-smry li .arrow-setps{
    position: absolute;
    top: 35px;
    left: -24px;
    font-size: 16px;
    color: #8391b2;
    background: #fff;
    border-radius: 25px;
 }
 .activity-overview-smry ul li:first-child{
    margin-left: 0px;
 }
 .activity-overview-smry ul li .step-content{
     padding: 10px;
     font-size: 12px;
     font-family: 'SFUIDisplay-regular';
    letter-spacing: 0;
    }
 .step-content h4{
     font-size: 12px;
     margin: 0px 0px 6px;
     color: #222222;
 }
 .progress-bar{
    border: 1px solid #b7c1d8;
    background-color: #f6f8fa;
    width: 84%;
    border-radius: 10px;
    position: absolute;
    bottom: 8px;
    left: 10px;
    height: 7px;
    right: 10px;
 }
 .group-progress-bar{
    position: static !important;
 }
 .content-progress-bar.progress-bar{
    background-color: #012F6B;
    font-size: 12px;
    text-align: right;
    position: static;
    height: 20px;
    border-radius: 4px;
 }
 .progress-bar .fill-bar{
     height: 5px;
     width: 70%;
 }
 .color-blue{
     background-color: #33a5f2;
 }
 .blue-txt{
     color: #33a5f2;
 }
 .color-gray{
    background-color: #818181;
}
.gray-txt{
    color: #818181;
}
.color-orange{
    background-color: #e7a222;
}
.orange-txt{
    color: #eda114 !important;
}
.color-blue-alt{
    background-color: #1bc3c4;
}
.blue-alt-txt{
    color: #1bc3c4;
}
.color-green{
    background-color: #56b373;
}
.green-txt{
    color: #56b373;
}
.red-txt{
    color: #f0606c !important;
}

.affected-wrapper {
    display: block;
}
.affected-wrapper ul{
    margin: 10px 0px 0px;
    padding: 0 !important;
    list-style: none;
}
.affected-wrapper ul li{
    background-color: #fcfcfe;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: 10px;
    position: relative;
}
.affected-wrapper h4{
    color: #000;
    font-size: 14px;
    font-family: 'SFUIDisplay-Medium';
    color: #000;
    margin: 4px 0px 5px;
    letter-spacing: normal;
}
.affected-wrapper .d-status{
    font-family: 'SFUIDisplay-Medium';
    font-size: 14px;
}
.affected-wrapper li i.fa-desktop{
    position: absolute;
    top: -11px;
    left: 14px;
    font-size: 18px;
}
.affected-wrapper ul li:first-child{
    margin-left: 0px;
}
.expand-body{
    border:1px solid #d5dad6;
    background-color: #ffffff;
}
div.ngdialog-content{
    width: 900px !important;
}
.overview-arow{
    background-color: #8b9abb;
    padding: 4px 5px 6px;
    color: #fff;
    border-radius: 4px;
    margin-left: 8px;
}
.activity-modal-style .popup-summry-wrapper{
    background-color: #eef1f8;
    padding: 15px 15px 48px;
    margin: -20px -20px;
}
.activity-modal-style .tab-content{
    min-height: 100px;
}
.activity-modal-style .elo-tabs > ul li{
   flex: 1;
}
.activity-modal-style .search-container .input-group .input-group-addon, .activity-modal-style .search-container .input-group .btn{
    background-color: #f5f7fc;
    color: #222;
    border: 1px solid #707070;
}
.activity-modal-style .search-container .input-group .form-control{
    background-color: #fff;
    border: 1px solid #707070;
    height: 42px;
}
.activity-modal-style .table{
    margin: 20px 0px;
}
.activity-modal-style .table .tableHeading .tableRow{
    background: #ffffff;
    color: #000000;
}
.activity-modal-style .table .tableHeading .head{
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    color: #a6a6a6;
}
.activity-modal-style .table .tableCell{
    padding: 14px 10px;
}

.daterangepicker.show-calendar .drp-buttons .drp-selected{
    padding-top: 8px;
    color: #222222;
}
.daterangepicker.show-calendar .drp-buttons .btn-primary.cancelBtn{
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #95989f;
}
.daterangepicker.show-calendar .drp-buttons .btn-primary.applyBtn{
    background-color: #3ba6ef;
    color: #fff;
    border: 1px solid #3ba6ef;
}
.device-tiles{
    margin: 30px 0px;
    padding: 0;
    list-style: none;
    display: flex;
} 
.device-tiles li{
    border: 1px dashed #3ba7f0;
    padding: 12px 10px;
    flex: 1;
    margin:0px 8px;
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
    border-radius: 6px;
}
.device-tiles li h4{
    font-size: 14px;
    color: #b3b3b3;
    margin: 0px 0px 5px;
}
.device-tiles li span{
    font-size: 18px;
    font-weight: 600;
}
.device-tiles li .ico-tile{
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 32px;
    color: #e5e5e7;
}
.device-stats{
    list-style:none;
    margin: 20px 0px 30px; 
    padding: 0;
}
.device-stats li{
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    font-size: 13px;
}
.device-stats li i{
    font-size: 16px;
    margin-right: 3px;
}
.device-mode-view{
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #fcfcfe;
}
.device-mode-view .device-mode-header{
    font-size: 14px;
    font-weight: 600;
    color: #222222;
    display: block;
    padding: 8px 15px;
    border-bottom: 1px solid #e1e1e1;
}
.device-mode-view .device-mode-body{
    padding: 15px 15px;
}
.device-view-count{
    list-style: none;
    margin: 0;
    padding: 0;
}

.device-mode-count{
    padding-left:5px !important;
    padding-right:5px !important;
    white-space:normal !important;
}

.device-view-count li{
    display: inline-block;
    vertical-align: top;
    padding: 0px 8px;
    margin-bottom: 10px;
}
.device-view-count li i{
    color: #888888;
    display: block;
    font-size: 18px;
    margin-bottom: 3px;
}
.device-view-count li span{
    font-family: 'SFUIDisplay-Semibold';
}
.show-view{
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin: 2px 0px 0px 6px;
    padding: 0;
}
.show-view li{
    display: inline-block;
    vertical-align: top;
}
.show-view li a{
    display: block;
    text-align: center;
    padding: 3px 5px;
    color: #727272;
    font-size: 16px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.show-view li a.active{
    color: #3ba6ef;
}
.arrange-dropdown{
    color: #393939;
    display: inline-block;
    vertical-align: top;
}
.arrange-dropdown .dropdown-menu{
    background-color: #fff;
    color: #333;
    line-height: 18px;
    padding: 10px 10px;
    min-width: 200px;
    text-align: left;
}
.arrange-dropdown .dropdown-menu a{
    color: #333;
 }
.arrange-dropdown .btn{
    border: 1px solid #bdbfc3;
    background-color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
}

.blue-txt{
    color: #33a5f2;
}
.color-gray{
   background-color: #818181;
}
.gray-txt{
   color: #818181;
}
.color-orange{
   background-color: #e7a222;
}
.orange-txt{
   color: #eda114 !important;
}
.blue-alt-txt{
   color: #1bc3c4;
}
.green-txt{
   color: #56b373 !important;
   opacity: 0.6;
}
.green-bg{
    background-color: #b6ddc2;
}
.red-txt{
   color: #f0606c !important;
}
.device-list-table{
    display: table;
    width: 100%;
    font-size: 14px;
}
.device-list-table .thead{
    display: table-header-group;
}
.device-list-table .tbody{
    display: table-body;
}
.device-list-table .table-row{
    display: table-row;
}
.device-list-table .table-row:nth-child(odd){
    background-color:#fcfcfe;
}
.device-list-table .table-row:nth-child(even){
    background-color:#f6f8fb;
}
.device-list-table .table-cell{
    display: table-cell;
    color: #222222;
    padding: 10px 10px;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}
.device-list-table .table-head{
    display: table-cell;
    font-weight: bold;
    color: #333;
    padding: 12px 10px;
    border-bottom: 2px solid #dddddd;
    vertical-align: bottom;
}
.device-list-table .checkbox{
    margin: 0;
}
.device-list-table .table-small-text{
    font-size: 12px;
}
.device-page-heading{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    color: #222222;
    font-weight: bold;
}



.main-body .elo-activity-panel .activity-filters .panel .panel-body{
    border: none;
    padding: 10px 0px 15px;
    font-family: 'SFUIDisplay-Regular';
}
.elo-activity-panel .activity-filters .panel-default > .panel-heading{
    padding: 10px 0px;
    font-family: 'SFUIDisplay-Regular';
    text-transform: capitalize;
    position: relative;
}
.activity-filters .panel-default > .panel-heading .more-less{
    position: absolute;
    right: 0px;
    top: 11px;
    color: #33a5f2;
}
.activity-filters .panel-default > .panel-heading a{
    display: block;
    outline: none;
}
.activity-filters .panel-default > .panel-heading a.highlight {
    background-color: #F3F5FB;
}
.elo-activity-panel .activity-filters .filter-list{
    margin: 0px; 
    padding: 0;
    list-style: none;
}
.elo-activity-panel .activity-filters .filter-list li{
    font-weight: 400;
    font-family: 'SFUIDisplay-Regular';
    margin-bottom: 5px;
}
.elo-activity-panel .activity-filters .filter-list li .checkbox label{
    font-family: 'SFUIDisplay-Regular';
}
.elo-activity-panel .activity-filters .filter-list .checkbox, .elo-activity-panel .activity-filters .filter-list .radio{
    margin: 0;
    text-transform: capitalize;
} 
.filters-head{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 14px;
    margin-bottom: 12px;
    color: #222222;
    margin-top: 20px;
}
.filters-head i{
    color: #33a5f2;
}

.device-filter .panel-heading{
    padding: 8px 0px;
    background-color: #ffffff;
}
.device-filter .panel-body{
    padding: 0px 0px 5px 0px;
}
.device-filter .filter-list{
    margin: 0;
    padding: 0;
}
.device-filter .radio, .device-filter .checkbox{
    margin: 5px 0px;
}
.device-filter .group-list li, .device-filter .filter-list li{
    margin-bottom: 0px;
}
.device-filter .left-device-grouping{
    padding-left: 10px;
    border:none;
}
.device-filter .col-header5 h3{
    color: #727272;
    font-size: 16px;
    font-family: 'SFUIDisplay-Semibold';
    margin: 5px 0 5px;
}
.device-filter .filters-head{
    margin-top: 11px;
}
.width-50{
    width: 45%;
}
.view-old-new{
    position:absolute; right:20px; top:40px;
}

.infiniteScrollForcontent {
    height:400px;
    overflow:hidden;
    overflow-y:auto;
}
.content-tabs{
    margin-top: 10px !important;
}
.content-tabs, .content-tabs .nav.nav-tabs{
    margin: 0;
    padding: 0;
}
.content-tabs .nav.nav-tabs li{
    border: none;
}
.content-tabs .nav.nav-tabs li a{
    padding: 10px 9px;
    background: none;
    font-family: 'SFUIDisplay-Regular';
    font-size: 12px;
    border-radius: 0px;
    letter-spacing: 1px;
    outline: 0;
    text-transform: capitalize;
    white-space: nowrap;
}
.content-tabs .nav.nav-tabs li.active a{
    color: #33a5f2;
}

.batteryContainer{
    margin-top: 30px;
    max-width: 70px;
    width: 100%;
    height: 32px;
    border: 1px solid #121212;
    display: inline-flex;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 2px gray;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.batteryCell{
    height: 100%;
    margin-right: 2px;
    background-color: #EEEEEE;
    flex: auto;
    border-radius: 3px;
}

.anode{
    display: inline-block;
    width: 5px;
    height: 20px;
    border-radius: 0 5px 5px 0;
    background-color: #090909;
    margin-left: 0
}

.marginBetweenBatteryContainers {margin-right: 20px;}

.deviceBatteryManagementContainer {width: auto}

.nowrap {white-space: nowrap;}

.lowBatteryHealth {background: orangered;}

.goodBatteryHealth {background: #4CC790;}

.mediumBatteryHealth {background: #fada5e;}

.tabs {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
}

.tabs [class^="tab"] label,
.tabs [class*=" tab"] label {
    color: #1c3865;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1em;
    padding: 2rem 0;
    text-align: center;
}

.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid rgba(239, 237, 239, 0.5);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.tabs label:hover  {
    color: #33a5f2;
    cursor: pointer;
}

.tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
    border-bottom: 1px solid #3bbeff;

}
.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
    border-bottom: 2px solid #3bbeff;
}
.tabs [class^="tab"] [type="radio"]:checked + div,
.tabs [class*=" tab"] [type="radio"]:checked + div {
    opacity: 1; }
.tabs [class^="tab"] [type="radio"] + div,
.tabs [class*=" tab"] [type="radio"] + div {
    display: block;
    opacity: 0;
    padding: 2rem 0;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.tabs .tab-2 {width: 50%; }
.tabs .tab-2 [type="radio"] + div {
    width: 200%;
    margin-left: 200%; }
.tabs .tab-2 [type="radio"]:checked + div {margin-left: 0; }
.tabs .tab-2:last-child [type="radio"] + div {margin-left: 100%; }
.tabs .tab-2:last-child [type="radio"]:checked + div {margin-left: -100%; }

.wrap-batteryStats {
    width: 790px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 72px 55px 90px 55px;
}

.optimizeButton {
    background-color: #33a5f2;
    border: 1px solid #33a5f2;
    color: #fff;
    padding: 5px 20px;
    border-radius: 2px;
    margin-top: 50px;
}

.circular-chart {
    display: block;
    margin: 20px auto;
    max-width: 80%;
    max-height: 250px;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.green .circle {
    stroke: #4CC790;
}

.percentage {
    fill: #33a5f2;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
}

.batteryStatsLabel {
    margin-top: 35%;
    fill: #666;
    font-family: sans-serif;
    font-size: 30px;
    text-anchor: middle;
    font-weight: bold;
    color: #33a5f2
}

.batteryStatsLabelColor {
    color:  #1c3865;
}

.activeBatteryProfile {
    display: inline-block;
    background-color: white;
    font-size: 1.1em;
    font-weight: 600;
}

.batteryAppUsageBreakDown {
    overflow: auto;
    height: 100%;
    width: 100%;
    max-height: 350px;
}

.batteryUsageBarChart{
    height: 200px;
    margin-bottom: 10px;
    width: 100%
}

.batteryInfoContainer{
    max-height: 230px;
}

.popup-form-view  label{
    white-space: nowrap;
}

.intermediateDeviceCount{
    white-space: nowrap; 
    color:green
}

.export-icon .dropdown-menu > .disabled > a {
    color: #999 !important;
}
.pull-center {
    text-align: center !important;
}

.fa.disabled,
.fa[disabled],
.disabled > .fa,
[disabled] > .fa {
  opacity: 0.5;
}

a.migration.disabled {
    opacity: 0.5;
    color: #808080;
}

.no-margin-top {
    margin-top: 0px;
}

.ota-confirm-dialog .modal-body {
    padding: 10px
}

.migrationCompletedIcon {
    color: #69bf8a;
}

.migrationDashboardMainTitles {
    color: grey !important;
    font-weight: bold !important;
    text-decoration: underline;
}

.migrationDashboardSectionTitles {
    white-space: nowrap !important; 
    color: grey !important;
    font-weight: bold !important;
}

.migrationDashboardText {
    white-space: nowrap; 
    color: gray !important;
    font-size: 15px !important;
}

.migrationDashboardListItem {
    border:0px; padding: 0px;
}