* {font-family: 'museo_sans', sans-serif;}
body {font-family: 'museo_sans', sans-serif; font-size: 14px; font-weight: 300; overflow-x: hidden; background: #fff;}

.m0{margin:0!important}.m5{margin:5px!important}.m10{margin:10px!important}.m15{margin:15px!important}.m20{margin:20px!important}.m25{margin:25px!important}.m30{margin:30px!important}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt50{margin-top:50px!important}.mr0{margin-right:0!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb50{margin-bottom:50px!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.mlm5{margin-top:-5px!important}.mlm10{margin-top:-10px!important}.mlm15{margin-top:-15px!important}.mlm20{margin-top:-20px!important}.mlm25{margin-top:-25px!important}.mtm5{margin-top:-5px!important}.mtm10{margin-top:-10px!important}.mtm15{margin-top:-15px!important}.mtm20{margin-top:-20px!important}.mtm25{margin-top:-25px!important}.mrm5{margin-top:-5px!important}.mrm10{margin-top:-10px!important}.mrm15{margin-top:-15px!important}.mrm20{margin-top:-20px!important}.mrm25{margin-top:-25px!important}.mbm5{margin-top:-5px!important}.mbm10{margin-top:-10px!important}.mbm15{margin-top:-15px!important}.mbm20{margin-top:-20px!important}.mbm25{margin-top:-25px!important}.p0{padding:0!important}.p5{padding:5px!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p25{padding:25px!important}.pt0{padding-top:0!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pb0{padding-bottom:0!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pl0{padding-left:0!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.per5{width:5%!important}.per10{width:10%!important}.per15{width:15%!important}.per20{width:20%!important}.per25{width:25%!important}.per30{width:30%!important}.per35{width:35%!important}.per40{width:40%!important}.per45{width:45%!important}.per50{width:50%!important}.per55{width:55%!important}.per60{width:60%!important}.per65{width:65%!important}.per70{width:70%!important}.per75{width:75%!important}.per80{width:80%!important}.per85{width:85%!important}.per90{width:90%!important}.per95{width:95%!important}.per100{width:100%!important}
.mt40 {margin-top: 40px !important;}
.full-width {float: left; width: 100%; position: relative;}
img {vertical-align: top; display: inline-block;}

@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2003-webfont.woff2') format('woff2'),
         url('../fonts/2003-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2004-webfont.woff2') format('woff2'),
         url('../fonts/2004-webfont.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2005-webfont.woff2') format('woff2'),
         url('../fonts/2005-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2006-webfont.woff2') format('woff2'),
         url('../fonts/2006-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2007-webfont.woff2') format('woff2'),
         url('../fonts/2007-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2008-webfont.woff2') format('woff2'),
         url('../fonts/2008-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2009-webfont.woff2') format('woff2'),
         url('../fonts/2009-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2010-webfont.woff2') format('woff2'),
         url('../fonts/2010-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2011-webfont.woff2') format('woff2'),
         url('../fonts/2011-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans';
    src: url('../fonts/2012-webfont.woff2') format('woff2'),
         url('../fonts/2012-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}
.row {margin: 0 -10px;}
[class*='col-'],
.container {padding-left:10px; padding-right: 10px;}
a {color: #187E00;}
a:focus, a:hover {
    color: #187E00;
    text-decoration: underline;
}
.form-control:focus {
    border-color: #a7e677;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.01), 0 0 8px rgba(162, 210, 126, 0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.01), 0 0 8px rgba(162, 210, 126, 0.4);
}
.check-text.checkbox label a {text-decoration: underline;}
.check-text.checkbox label a:hover {text-decoration: none;}
.add-btn{ display: inline-block; text-transform: uppercase; padding: 0 15px; vertical-align: top; line-height: 36px; height: 34px; border: none; border-radius: 5px; font-size: 13px; text-align: center; color: #fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84c13a+0,50a41b+100 */
background: rgb(132,193,58); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(132,193,58,1) 0%, rgba(80,164,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(132,193,58,1) 0%,rgba(80,164,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(132,193,58,1) 0%,rgba(80,164,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c13a', endColorstr='#50a41b',GradientType=0 ); /* IE6-9 */
}
.add-btn:hover { text-decoration: none; color: #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#50a41b+0,84c13a+100 */
background: rgb(80,164,27); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(80,164,27,1) 0%, rgba(132,193,58,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(80,164,27,1) 0%,rgba(132,193,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(80,164,27,1) 0%,rgba(132,193,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a41b', endColorstr='#84c13a',GradientType=0 ); /* IE6-9 */

}

.add-btn i {font-style: normal;font-size: 28px;display: inline-block;vertical-align: top;font-weight: 100;margin-right: 3px;line-height: 30px;}
/*---- checkbox ---*/
.id-check.checkbox {display:inline-block; width: auto; padding:0px; margin: 0 ; height: 16px;}
.id-check.checkbox label {margin-top: 20px;}
.id-check.checkbox input[type=checkbox] {/*display: none;*/ opacity:0;width:0;height:0;}
.id-check.checkbox label {display: inline-block;cursor: pointer;position: relative;padding: 0 16px 0 0;margin-right: 0;font-size: 13px;color:#333333 !important;   min-height:16px; margin-top: 0px; }
.id-check.checkbox label:before {content: "";display: inline-block;position: absolute;left: 0;background:url('../images/check-box.png') no-repeat !important; height: 16px;width:16px; top: 0px;}
.id-check.checkbox input[type=checkbox]:checked + label:before,
.id-check.checkbox input[type=checkbox]:checked + span + label:before {content: "";background-position: left -22px !important;  height: 16px;	width:16px;}
.check-text.checkbox label {
    padding: 0 0 0 25px;
    font-size: 13px;
}
/* radio */
.radio-box {display: inline-block; position: relative; vertical-align: top; padding-left: 22px; margin: 0; cursor: pointer; font-size: 13px;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400;}
.radio-box input {position: absolute;opacity: 0;cursor: pointer; left: 0; top: 0;}
.radio-box .checkmark {position: absolute;top: 1px;left: 0;height: 15px;width: 15px;background-color: #fff;border-radius: 50%;border: 1px solid #757585;}
.radio-box .checkmark:after {content: "";position: absolute;display: none;}
.radio-box input:checked ~ .checkmark:after {display: block;}
.radio-box .checkmark:after {top: 4px;left: 4px;width: 5px;height: 5px;border-radius: 50%;background: #66b028;}

.switch label {cursor: pointer;font-weight: 600;}
.switch  [type=checkbox]:checked, .switch [type=checkbox]:not(:checked) {position: absolute; opacity: 0; pointer-events: none;}
.switch label input[type=checkbox] {opacity: 0; width: 0; height: 0;}
.switch label .lever {content: ""; display: inline-block; position: relative; background-color: #818181; border-radius: .9375rem; margin-right: .625rem;  vertical-align: middle;margin: 0 1rem;width: 2.5rem;height: .9375rem;transition:  .3s ease;}
.switch label .lever:after {content: "";position: absolute;display: inline-block;background-color: #f1f1f1;border-radius: 1.3125rem;left: -.3125rem;top: -.1875rem;box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0,0,0,.4);width: 1.3125rem;height: 1.3125rem;transition: left .3s ease, .3s ease,box-shadow 1s ease;}
.switch label input[type=checkbox]:checked+.lever {background-color: #dccfe2;}
.switch label input[type=checkbox]:checked+.lever:after {background-color: #097000;left: 1.5rem;}

@media (min-width: 1200px){
    .container {width: 960px;}
}

/*====================================================
header section
===================================================*/
.header-main {position: fixed; left: 0; top: 0; width: 100%; margin: 0px; z-index: 999; padding: 0px; background: #fff; -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15);}
.header-main .container {padding-top: 27px; padding-bottom:27px;}
.container-main {float: left; width: 100%; min-height: calc(100vh - 154px); padding: 104px 0 50px 0;  -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;}
.container-main.slide-box {margin-left: 82px;}

.logo-main {float: left; width: 270px;}
.navbar-main {float: right; width: auto; list-style: none; margin: 0px; padding: 0px;}
.navbar-main li {float: left; width: auto; margin: 0 15px; }
.navbar-main li a {padding: 14px 0; color: #666666; font-size: 16px; display: inline-block; vertical-align: top; position: relative;}
.navbar-main li a:before {content: '';  -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; background: #48a331; position: absolute; left: 0; right: 0; margin: auto; bottom: 4px; width:0; height: 2px;}
.navbar-main li a:hover {text-decoration: none; color: #48A331}
.navbar-main li a:hover:before {width: 100%;}
.navbar-main li.active a {color: #48A331}
.navbar-main li.active a:before {width: 100%;}

.green-bg {background: url('../images/bg-green.png') center top; background-size: cover; }
.registration-box {float: left; width: 100%; margin: 40px 0;}
.registration-from {width: 100%; max-width: 660px; margin: 0 auto; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);}
.registration-title {float: left; width: 100%; padding: 20px; border-bottom: 2px solid #f4f4f3; font-size: 16px; color: #666666; text-transform: uppercase; font-weight: 700;}
.registration-from-box {float: left; width: 100%; padding: 30px 20px; }
.login-text {float: left; width: 100%; margin-top: 30px; font-weight: 300; font-size: 13px; color: #333333; text-align: center;}
.login-text a{text-decoration: underline;}
.login-text a:hover {text-decoration: none;}
/*====================================================
footer section
===================================================*/
.footer-main {position: fixed; left: 0; bottom: 0; width: 100%; min-height: 50px; background: #333333; z-index: 2; }
.footer-text {font-size: 12px; color: #808080; font-weight: 100; padding: 17px 0px 0 0;}
.footer-text img {margin: 0 0 0 5px;}


/*===========================
common css
===========================*/
.title-main {float: left; width: 100%; height: 60px; border-bottom: 1px solid #e6ebed; background: #f8f8f8;}
.title-main h2 {float: left; font-size: 19px; color: #333333; font-weight: 900; text-transform: uppercase; margin: 0; padding: 22px 0 0 0;}
.title-main .add-btn {margin-top: 14px;}
.title-main .add-btn:focus {color: #ffffff;}
#dashboard-data_wrapper,
#installtion_wrapper,
.dataTables_wrapper {float: left; width: 100%; margin: 48px 0; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);}
.dataTables_wrapper label {font-weight: 400;}
.table.dataTable thead>tr>th {background-color: #f8f8f8; vertical-align: top; padding: 19px 30px; border: none; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #333333; text-align: left;}
table.dataTable tbody tr { -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;}
table.dataTable tbody tr:hover {background: #f5f5f5;}
table.dataTable.no-footer {border: 0px; margin-bottom: 0px !important;}
/*.table.dataTable thead>tr>th:nth-child(2),
.table.dataTable thead>tr>th:nth-child(3) {text-align: left;}*/
.table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: inherit; top: 0; margin-top: 22px; font-size: 11px;
}
.table>tbody>tr>td {padding: 20px 30px; text-align: left; border: none; border-bottom: 1px solid #f0f0f0;}
/*.table>tbody>tr>td:nth-child(2),
.table>tbody>tr>td:nth-child(3) {text-align: left;}*/
.dataTables_length {padding: 20px 0 10px 20px}
.dataTables_filter {padding: 20px 20px 10px 0;}
.dataTables_info {padding: 20px;}
.dataTables_paginate .pagination {padding: 10px;}
.dataTables_length select {font-size: 13px;color: #666666;border-radius: 3px;     border: 1px solid #ccc; padding: 7px 10px; margin: 0 5px;}
.dataTables_filter input{font-size: 13px;color: #666666;border-radius: 3px; padding: 7px 10px;     border: 1px solid #ccc;}
.table-striped>tbody>tr:nth-of-type(odd) {background: #fff; }
.dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom: 0px !important;}
.dataTables_wrapper .previous, 
.dataTables_wrapper .next  {
	position: relative;
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
	padding: 0 !important;
	margin-top: 2px;
	min-width: initial !important;
	border: none !important;
	background: none !important;
}
.dataTables_wrapper .next {margin-left: 18px !important;}
.dataTables_wrapper .previous:before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('../images/previous-arrow.png') center top; background-size: 10px;}
.dataTables_wrapper .next:before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('../images/next-arrow.png') center top; background-size: 10px;}
.dataTables_wrapper .previous.disabled:before {background: url('../images/previous-arrow-d.png') center top; background-size: 10px; cursor: not-allowed;}
.dataTables_wrapper .next.disabled:before {background: url('../images/next-arrow-d.png') center top; background-size: 10px; cursor: not-allowed;}
.dataTables_wrapper .dataTables_paginate span .paginate_button {border: none !important; min-width: 18px; height: 18px; line-height: 19px; padding: 0px; font-weight: 100; font-size: 12px; color: #333333 !important; min-width: inherit; text-align: center; padding:0 5px; border-radius: 2px; margin-left: 18px;}
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {background: #E4E4E4 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: #48a331 !important; color: #fff !important; font-weight: 400;}
div.dataTables_wrapper div.dataTables_paginate {margin: 10px 20px 0 0; position: relative;}
.paging_simple_numbers span {display: inline-block; vertical-align: top;}
.new-app-box {float: left; width: 100%; margin: 30px 0;}
div.dataTables_wrapper div.dataTables_info {padding: 15px 20px; position: relative;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: none !important; color: #333333 !important; border:none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {background: transparent !important; color: #333333;}
.dataTables_wrapper {position: relative;}
.dataTables_wrapper:before {content: ''; position: absolute; bottom: 0; width: 100%; height: 50px; background: #f8f8f8;left:0;}


.sw-theme-arrows .sw-container {
    min-height: 200px
}

.sw-theme-arrows .step-content {
    padding: 10px 0;
    border: 0 solid #d4d4d4;
    background-color: #FFF;
    text-align: left
}

.sw-theme-arrows .sw-toolbar {
    background: #fff;
    border-radius: 0!important;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0!important
}

.sw-theme-arrows .sw-toolbar-top {
    border-bottom-color: #fff!important
}

.sw-theme-arrows .sw-toolbar-bottom {
    border-top-color: #fff!important;
    border-bottom-color: #ddd!important
}

.sw-theme-arrows>ul.step-anchor {
    display: block;
    border: 0 solid #ccc!important;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin:0px;
}

.sw-theme-arrows>ul.step-anchor li+li:before {
    padding: 0
}

.sw-theme-arrows>ul.step-anchor>li {
    float: left
}

.sw-theme-arrows>ul.step-anchor>li>a {
    color: #666666;
    text-decoration: none;
    padding: 12px 0 10px 45px;
    position: relative;
    display: block;
    float: left;
    border-radius: 0;
    outline-style: none;
    background: #e0e1e0;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-right: 29px;
}
.sw-theme-arrows>ul.step-anchor>li>a span {font-size: 20px; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: normal; vertical-align: middle; display: inline-block; margin: 0 5px 0 0; top: -2px;}

.sw-theme-arrows>ul.step-anchor>li>a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #e0e1e0;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 1;
}

.sw-theme-arrows>ul.step-anchor>li>a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 5px;
    left: 100%;
    z-index: 1;
   
}

.sw-theme-arrows>ul.step-anchor>li:first-child>a {
    padding-left: 15px
}

.sw-theme-arrows>ul.step-anchor>li>a:hover {
    color: #bbb;
    text-decoration: none;
    outline-style: none;
    background: #ececec;
    border-color: #ececec;
}

.sw-theme-arrows>ul.step-anchor>li>a:hover:after {
    border-left-color: #ececec
}

.sw-theme-arrows>ul.step-anchor>li.clickable>a:hover {
    color: #4285f4!important;
    background: #46b8da!important
}

.sw-theme-arrows>ul.step-anchor>li.active>a {
    border-color: #e37308!important;
    color: #fff!important;
    background: #e37308!important
}

.sw-theme-arrows>ul.step-anchor>li.active>a:after {
    border-left: 30px solid #e37308!important;
    
}

.sw-theme-arrows>ul.step-anchor>li.done>a {
    border-color: #f5dfc9!important;
    color: #666666!important;
    background: #f5dfc9!important;
    
}

.sw-theme-arrows>ul.step-anchor>li.done {
    position: relative;
}
.sw-theme-arrows>ul.step-anchor>li.done:before {
    position: absolute;
    content: "\f00c";
    right: -17px;
    top: 16px;
    width: 20px;
    height: 20px;
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 99;
    color: #de7003;
    font-size: 18px;
    font-weight: normal;
}

.sw-theme-arrows>ul.step-anchor>li.done>a:after {
    border-left: 30px solid #f5dfc9
}

.sw-theme-arrows>ul.step-anchor>li.danger>a {
    border-color: #d9534f!important;
    color: #d9534f!important;
    background: #fff!important
}

.sw-theme-arrows>ul.step-anchor>li.disabled>a,
.sw-theme-arrows>ul.step-anchor>li.disabled>a:hover {
    color: #eee!important
}

@-webkit-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1)
    }
    50% {
        transform: rotate(180deg) scale(1.1)
    }
    100% {
        transform: rotate(360deg) scale(1)
    }
}

@-moz-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1)
    }
    50% {
        transform: rotate(180deg) scale(1.1)
    }
    100% {
        transform: rotate(360deg) scale(1)
    }
}

@-o-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1)
    }
    50% {
        transform: rotate(180deg) scale(1.1)
    }
    100% {
        transform: rotate(360deg) scale(1)
    }
}

@keyframes ld {
    0% {
        transform: rotate(0deg) scale(1)
    }
    50% {
        transform: rotate(180deg) scale(1.1)
    }
    100% {
        transform: rotate(360deg) scale(1)
    }
}

.sw-theme-arrows>ul.step-anchor>li.loading:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #4285f4;
    border-right-color: #4285f4;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    z-index: 99;
    -webkit-animation: ld 1s ease-in-out infinite;
    -moz-animation: ld 1s ease-in-out infinite;
    -o-animation: ld 1s ease-in-out infinite;
    animation: ld 1s ease-in-out infinite
}


::-webkit-input-placeholder { color: #BEBEBE;}
::-moz-placeholder {color: #BEBEBE;}
:-ms-input-placeholder {color: #BEBEBE;}
:-moz-placeholder {color: #BEBEBE;}

.form-title {float: left; width: 100%; font-size: 16px; text-transform: uppercase; color: #666666; font-weight: 700; padding: 0 0 18px 0; border-bottom: 2px solid #dfdfdf;}
.new-app-box .form-title {margin: 40px 0;}
.form-title .default-btn {
    margin-top: -18px;
    position: relative;
    top: 11px;
}
.input-box {margin-bottom: 30px;}
.input-box .help-block {position: absolute;; margin:0px; width: 100%; left: 0; bottom: -20px; font-size: 12px; color:#a94442;}
.help-block {font-size: 12px;color:#a94442;}
.form-control {
    font-size: 13px;
    color: #666666;
    border-radius: 3px;
    box-shadow: none;
    padding: 10px 16px;
    height: 40px;
}
.input-box .validation-icon {
    position: absolute;
    left: 0; 
    top: 0;
    width: 8px;
    height: 8px;
    background: url('../images/validation.png')
}
.form-deatil {min-height: 220px;}

.form-btn {margin: 30px 0; padding-top: 30px; border-top: 2px solid #dfdfdf;}
.stap-btn .default-btn {width: 300px;}
.default-btn {display: inline-block; color: #ffffff; vertical-align: top; border-radius: 5px; min-width: 140px; padding: 0 15px; text-align: center; border: none; height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; text-transform: uppercase; 
    background: rgb(132,193,58); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(132,193,58,1) 0%, rgba(80,164,27,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(132,193,58,1) 0%,rgba(80,164,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(132,193,58,1) 0%,rgba(80,164,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c13a', endColorstr='#50a41b',GradientType=0 ); /* IE6-9 */
    -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;
}
.default-btn:focus {text-decoration: none; color: #ffffff;}
.default-btn:hover {
    color: #fff; text-decoration: none;
    background: rgb(80,164,27); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(80,164,27,1) 0%, rgba(132,193,58,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(80,164,27,1) 0%,rgba(132,193,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(80,164,27,1) 0%,rgba(132,193,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a41b', endColorstr='#84c13a',GradientType=0 ); /* IE6-9 */
}
.input-box .checkbox { padding-left: 12px;}
.bootstrap-select>.dropdown-toggle {padding: 10px 16px; font-weight: 300; width: 100%; color: #666666; font-size: 13px;}
.bootstrap-select .dropdown-menu li.disabled {display: none;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background: rgba(80,164,27,1);}
.bootstrap-datetimepicker-widget .btn-primary {
    color: #fff;
    background-color: #de7003 !important;
    border-color: #de7003 !important;
}
.bootstrap-datetimepicker-widget .glyphicon {color: #de7003;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #de7003;}
.bootstrap-datetimepicker-widget table th {text-transform: uppercase; color: #666;}
.datetimepicker-box .caret{
margin-left: 0px;
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
}
.caret {color: #666666;}
.image-box-title {float: left; width: 100%; padding:9px 12px; font-size: 14px; color: #666666; background: #f8f8f8; font-weight: 300;}
.sw-theme-arrows>ul.step-anchor>li.done.active a{    border-color: #e37308!important;
    color: #fff!important;
    background: #e37308!important;
}

.input-box .label-filed { 
    position: absolute;
    left: 10px;
    top: 15px;
    width: auto;
    font-weight: 300;
    color: #bebebe;
	opacity: 1;
	line-height: 0.8;
    padding: 0px 5px;
         pointer-events: none;
    -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;
}
.form-control {position: relative; background: transparent; position: relative;}
.input-box .form-control:focus ~ .label-filed, .input-box .label-filed.label-active {
    top: -5px;     color: #66b028; 
    background: #fff;
}

.bootstrap-select>.dropdown-toggle {background: transparent !important; border-color: #ccc !important;}

.login-box {max-width: 340px; position: absolute; left: 0; right: 0; top: 50%; margin: auto; transform: translateY(-50%);}
.login-left {float: left; width: 50%; padding: 0 20px;     min-height: calc(100vh - 154px);}
.login-right {float: right; position: relative; width: 50%; padding: 0 20px;     min-height: calc(100vh - 154px);}
.forgot-box a {float: right; margin: -10px 0 20px 0; font-size: 13px;}
.login-box a {text-decoration: none;}
.login-box a:hover {text-decoration: underline;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 1;
}

.burger-menu {display: none; z-index: 9; position: absolute; right: 20px; width: 36px; height: 100%; top: 0; }
.burger-menu-inner {width: 35px; left: 0; top: 50%; position: absolute; height: 8px;}
.burger-menu-inner span{  width: 35px; margin-top: -1px;  border-radius: 3px; height: 3px;  background-color: #969696; position: absolute; transition: transform .15s ease;   transition-duration: .3s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); }
.burger-menu-inner span:before {content: ''; position: absolute; left: 0; top: -10px; width: 35px; height: 3px; background-color: #969696; transition: top .1s .34s ease-in,opacity .1s ease-in,background-color .15s ease;     transition: transform .15s ease;}
.burger-menu-inner span:after {content: ''; position: absolute; left: 0; bottom: -10px; width: 35px; height: 3px; background-color: #969696;  transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),background-color .15s ease; transition: transform .15s ease;}
.active .burger-menu-inner span{ background-color: #fff;   transform: rotate(225deg);  transition-delay: .14s; transition-timing-function: cubic-bezier(.215,.61,.355,1);}
.active .burger-menu-inner span:before{top: 0; opacity: 0; transition: top .1s ease-out,opacity .1s .14s ease-out,background-color .15s ease;}
.active .burger-menu-inner span:after{bottom: 0; background-color: #fff;  transform: rotate(-90deg);transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),background-color .15s ease;}
.active.burger-menu {border-color: transparent;}
.btn-switch .btn.active{box-shadow: none; color: #fff; z-index: 1;
background: rgb(132,193,58); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(132,193,58,1) 0%, rgba(80,164,27,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(132,193,58,1) 0%,rgba(80,164,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(132,193,58,1) 0%,rgba(80,164,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c13a', endColorstr='#50a41b',GradientType=0 ); /* IE6-9 */
    -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;
}

.modal-body{overflow-y: scroll;max-height: 450px;}
.left-menu-icon {float: left; width: 20px; height: 30px; position: relative; margin:16px 30px 0 0;}
.left-menu-icon:before {position: absolute; content: ''; left: 0; top: 11px; width: 100%; background: #666666; height: 2px;  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.left-menu-icon:after {position: absolute; content: ''; left: 0; bottom: 11px; width: 50%; background: #666666; height: 2px;  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.left-menu-icon:hover:before, .left-menu-icon:hover:after,
.left-menu-icon.active:before, .left-menu-icon.active:after {background: #48a331; width: 100%;}
.filter-by {float: right; font-size: 11px; text-transform: uppercase; color: #666666; margin: 25px 0 0 0; font-weight: 700; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out; cursor: pointer;}
.filter-by:hover,
.filter-by.active {color: #48a331}
.filter-by a {display: inline-block; vertical-align: middle; height: 22px; width: 20px; position: relative; top: -4px; margin-left: 15px;}
.filter-by a span {position: absolute; left: 0; top: 5px; width: 100%; height: 2px; background: #666666;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.filter-by a:before{position: absolute; content: ''; margin: auto; left: 0; right: 0; bottom: 10px; width: 60%; height: 2px; background: #666666; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.filter-by a:after {position: absolute; content: ''; margin: auto; left: 0; right: 0; bottom: 5px; width: 30%; height: 2px; background: #666666;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.filter-by:hover a span,
.filter-by:hover a:after,
.filter-by:hover a:before,
.filter-by.active a span,
.filter-by.active a:after,
.filter-by.active a:before {background: #48a331;}
.fiter-box {border-bottom: 1px solid #e6ebed; display: none;}
.deshboard-chart {background: #fff; float: left; width: 100%; border-radius: 5px;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);}
.chart-title {float: left; width: 100%; padding: 20px 17px; text-transform: uppercase; font-weight: 700; font-size: 14px; background: #f8f8f8; border-radius: 5px 5px 0 0;}
.deshboard-chart #container {border-radius: 0 0 5px 5px;}
.mw-count-main {float: left; width: 100%; height: 400px; position: relative;}
.mw-label {float: left; width: 100%; font-size: 16px; text-align: center; font-weight: 700; text-transform: uppercase; color: #666666;}
.mw-count-number {float: left; width: 100%; height: 300px; position: relative;}
.mw-count-number span {width: 180px; border-radius: 90px; line-height: 155px; height: 180px; font-size: 48px; text-align: center; color: #6EB214; border: 16px solid #6eb214; position: absolute; left: 0; top: 50%; right: 0; margin: auto; transform: translateY(-50%)}
.filter-top .col-sm-5{width: 20%; padding: 0 10px;}
.swich-label {padding-top: 10px;}
.swich-label label {position: absolute; left: 0; font-size: 13px; top: -8px; width: 100%; color: #66b028; margin: 0px; font-weight: 300;}
.filter-top {padding-top: 30px;}

.box-shadow-box {border-radius: 5px;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);}
.title-text {float: left; width: 100%; padding: 20px 17px; text-transform: uppercase; font-weight: 700; font-size: 14px; background: #f8f8f8; border-radius: 5px 5px 0 0;}

/* css for highchart -- admin dashboard*/
#device_chart {
    min-width: 310px;
    max-width: 800px;
    height: 400px;
    margin: 0 auto
}

.actions .opt_status{    white-space: nowrap;display: inline-block;}
.error {color:#a94442;}

tr.activeDevice td{background : #ecebeb;}

/*------------------------
side bar 
------------------------*/
.sidebar {position: fixed; left: -258px; top: 0; height: 100%;width: 257px; padding: 104px 0 50px 0; z-index: 1;  -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;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84c23b+0,50a41b+100 */
background: rgb(132,194,59); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(132,194,59,1) 0%, rgba(80,164,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(132,194,59,1) 0%,rgba(80,164,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(132,194,59,1) 0%,rgba(80,164,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c23b', endColorstr='#50a41b',GradientType=1 ); /* IE6-9 */

}
.sidebar.active {left: 0;}
.sidebar-box {float: left; width: 100%; height: 100%; position: relative; overflow-x: hidden;}

.sidebar-nav {float: left; width: 100%; height: calc(100vh - 154px);}
.sidebar-nav ul {float: left; width: 100%; list-style: none; margin: 0px; padding: 0px;}
.sidebar-nav>ul li {float: left; width: 100%;}
.sidebar-nav>ul>li>a {display: block; position: relative; text-decoration: none !important; padding: 14px 15px; padding-right: 40px; font-size: 16px; font-weight: 300; color: #fff; -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;}
.sidebar-nav>ul>li>a:hover,
.sidebar-nav>ul>li>a.active,
.sidebar-nav>ul>li>a[aria-expanded="true"] {text-decoration: none; background: rgba(72,126,0,0.4)}
.sidebar-nav>ul>li>a[aria-expanded="true"] i,
.sidebar-nav>ul>li>a.active i {transform: rotate(90deg);}

.sidebar-nav>ul>li ul {background: rgba(72,126,0,0.2)}
.sidebar-nav>ul>li li a{padding: 15px 30px; font-size: 15px; color: #fff; font-weight: 300; display: block; text-decoration: none !important;}
.sidebar-nav>ul>li li a:hover,
.sidebar-nav>ul>li li a.active{background: rgba(72,126,0,0.4)}
.sidebar-nav>ul>li>a i {font-size: 10px;position: absolute;right: 30px;top: 50%;margin-top: -4px;  -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;}

.table-with-btn .dataTables_wrapper{ margin-top: 0px;}
.table-with-btn .dataTables_filter {margin-right: 120px;}
.table-with-btn .default-btn {position: absolute;right: 10px;z-index: 1;top: 20px;font-size: 13px;line-height: 36px;height: 34px;min-width: auto;}

.input-box .bootstrap-select .dropdown-toggle:focus{ outline: none !important; box-shadow: none;}
.input-box .bootstrap-select.open button{  border-color: #a7e677 !important;  outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.01), 0 0 8px rgba(162, 210, 126, 0.4);  box-shadow: inset 0 1px 1px rgba(0,0,0,.01), 0 0 8px rgba(162, 210, 126, 0.4);}

.inactive_indicator {display: inline-block; vertical-align: middle; text-indent: -9999px; width: 10px; height: 10px; border: 1px solid #fff; background: #FF5E5E; box-shadow: 0px 0px 5px 0px rgba(225, 94, 94, 1); border-radius: 5px;}
.active_indicator {display: inline-block; vertical-align: middle; text-indent: -9999px; width: 10px; height: 10px; border: 1px solid #fff; background: #6EB214; box-shadow: 0px 0px 5px 0px rgba(110, 178, 20, 1); border-radius: 5px;}
.select2-container--default .select2-selection--multiple {min-height: 40px; border: 1px solid #ccc !important;     border-radius: 3px !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #f5f5f5 ; color: #333333;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #66b028;}
.select2-dropdown {border: 1px solid #ccc; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {    margin-top: 8px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0 40px 0 13px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background: none; border: 1px solid #66b028; color: #fff; background: #66b028;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #fff;}
.select2-container + .caret {
	margin-left: 0px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

@media only screen and (min-width: 1500px)  {
	.container-main.slide-box {margin-left: 0;}
	.sidebar.active, .sidebar {left: 50%;margin-left: -740px;}
	.sidebar {width: 0px; opacity: 0;}
	.sidebar.active {width: 257px; opacity: 1;}

}
@media only screen and (max-width: 990px)  {
    .sw-theme-arrows>ul.step-anchor>li>a span {display: none;}
    .sw-theme-arrows>ul.step-anchor>li>a {padding-right:7px;}
    .burger-menu {display: block;}
    .navbar-main {position: fixed;right: 0;top: 0;background: rgb(29, 29, 27);height: 100%;z-index: 3; width: 220px; padding-top: 104px;
        -webkit-transform: translateX(222px);
        transform: translateX(222px);
        transform: translateX(222px);
        -webkit-transition: all .5s cubic-bezier(.75,0,.25,1);
        transition: all .5s cubic-bezier(.75,0,.25,1);
    }
    .navbar-main.active {-webkit-transform: translateX(0px);
        transform: translateX(0px);}
    .navbar-main li {margin: 0px; padding: 0 30px; width: 100%;}
    .navbar-main li a {color: #fff;}
    .sw-theme-arrows>ul.step-anchor>li.done:before {right: -21px;
        top: 12px;}
}

.switch_active{background: url('../images/switch_active.svg');display: inline-block;text-indent: -9999px;width: 40px;height: 21px;background-size: 100%;}
.switch_deactivate{    background: url('../images/switch_normal.svg');	display: block;	text-indent: -9999px;	width: 40px;	height: 24px;	background-size: 100%;	}
.actions {float: left; width: 100%; white-space: nowrap;}
.actions a { margin: 0 7px; display: inline-block; vertical-align: middle;  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.actions a.delete-btn {background: url('../images/icon-trash.svg') left top; display: inline-block; text-indent: -9999px; width: 15px;height: 16px;background-size: 100%;}
.actions a.delete-btn:hover {background-position: left -21px;}
.dataTables_wrapper .dataTables_paginate .ellipsis {padding: 0 5px; margin-left: 18px;}

.actions a.edit-btn {background: url('../images/icon-edit.svg') left top; display: inline-block; text-indent: -9999px; width: 16px;height: 16px;background-size: 100%;}
.actions a.edit-btn:hover {background-position: left -21px;}
.actions a.view-btn {background: url('../images/icon-view.svg') left top; display: inline-block; text-indent: -9999px; width: 18px;height: 12px;background-size: 100%;}
.actions a.view-btn:hover {background-position: left -17px;}

.actions a.deregister-btn {background: url(../images/de-register.svg) left 16px;display: inline-block;text-indent: -9999px;width: 16px;height: 16px;background-size: 100%;}

.actions a.exportCSV {background: url('../images/icon_exportcsv.svg') left top; display: inline-block; text-indent: -9999px; width: 18px;height: 20px;background-size: 100%;}
.actions a.exportCSV:hover {background-position: left -25px;}


a.opt_status[data-status="Opt-In"] {background: url('../images/switch_active.svg') left top; display: inline-block; text-indent: -9999px; width: 40px;height: 20px;background-size: 100%;}
a.opt_status[data-status="Opt-Out"]{background: url('../images/switch_normal.svg') left top; display: inline-block; text-indent: -9999px; width: 40px;height: 20px;background-size: 100%;}


.active-user  {background: url('../images/icon_active_deactive.svg') left top; display: inline-block; text-indent: -9999px; width: 18px;height: 20px;background-size: 100%;}
.inactive-user{background: url('../images/icon_active_deactive.svg') left -21px; display: inline-block; text-indent: -9999px; width: 18px;height: 20px;background-size: 100%;}

.align-center {text-align: center !important;}

.device-box {float: left; width: 100%; padding:20px 15px 15px 15px;  border: 1px solid #e6e6e6;}
.device-title {font-size: 16px;font-weight: 400;float: left;width: 100%;}
.device-box .dataTables_wrapper {margin: 5px 0 15px 0;}
.device-box .dataTables_wrapper:before {display: none;}
.has-error .form-control:focus {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
#serial_no_datatable.table.dataTable thead>tr>th:first-child {background-image: none !important;}

#device_group_details_wrapper {margin-top: 0;}

#terms_condition .tersm-title{ font-weight: 400;    font-size: 16px;    padding-bottom: 5px;}

#terms_condition ol li { list-style-type: lower-alpha; padding-bottom: 10px;}
#terms_condition ol ol {padding-top: 5px;}
#terms_condition ol li li{list-style-type: upper-roman;}
#terms_condition span {padding:5px 0 5px 10px; display:block;}
#terms_condition .modal-dialog, #privacy_policy .modal-dialog {width: 90%; max-width:1000px;}
#terms_condition .modal-body {
    position: relative;
    padding: 15px 20px;
}

.table-box {display:block; padding: 10px 0 0 30px;}
.table-box .table>tbody>tr>td {border-left: 1px solid #f0f0f0}
.table-box .table>tbody>tr>td:first-child {border-left: 0px;}