/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*                  Header Area started                          */
body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    background: url(../img/bg-black-body.jpg);
    background-size: 100%;
}
* {
    text-rendering: optimizeLegibility !important;
    -webkit-text-size-adjust: none !important;
}
:focus {
    outline: none;
}
::-moz-focus-inner {
 border:0;
 outline:none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}
h2, .h2 {
    font-size: 30px;
    font-weight: 300;
}
h2 a:hover {
    color: #c41301;
}
p i {
    color: #c41301;
    padding-right: 10px;
}
a {
    color: #c41301;
}
a:hover {
    color: #c41301;
}
li {
    list-style: none;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #c41301;
}
.center {
    text-align: center;
}
.wrap {
    width: 1000px;
}
.bold {
    font-weight: bold;
}
header {
    float: left;
}
.container {
    float: left;
}
p, label {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}
input[type="text"], input[type="password"] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 5px 0 0;
    font-family: "FontAwesome", "Open Sans";
    width: 100%;
    padding: 15px;
    border: 1px solid #999;
}
.navbar {
    border: none;
    border-radius: 0;
}
.navbar-toggle {
    margin-right: 0;
}
.navbar-toggle .icon-bar {
    background-color: #c41301;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative !important;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #fff;
}
li#dropdown-user-menu .dropdown-menu a i {
    margin-right: 5px;
}
.user-profile-pic-img {
    background-color: #fafafa;
    border: 1px solid #ccc;
    padding: 3px;
}
.fields {
    margin-top: 10px;
}
.watchlisted {
    display: inline;
    font-weight: bold !important;
    color: #c53527 !important;
    text-decoration: underline;
}
.watchlisted2 {
    display: inline;
    font-weight: bold !important;
    color: #c53527;
    text-decoration: underline;
}
.header-container {
    padding: 5px 0;
}
#page-inner-content-ajax #page-content-ajax-loading {
    position: absolute;
    padding: 30% 44%;
    width: 100%;
    z-index: 9999;
    height: 100%;
    /* left: 16.6%; */
    /* top: 0; */
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
}
#page-inner-content-ajax #page-content-ajax-loading img {
    margin: 0 auto;
    text-align: center;
}
.header-container.container {
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-header.navbar {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #e7e7e7;
}
.page-header-fixed .page-container {
    margin-top: 46px;
}
.page-header.navbar .page-logo .logo-default {
    margin: 5px 20px 5px;
    width: 95px;
    float: left;
}
.page-header.navbar .top-menu .navbar-nav i.fa-caret-down {
    color: #db2e19;
    margin-left: 3px;
}
.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;/*    background-color: #c41301 !important;
border-color: #c41301 !important;
box-shadow: 0 0 0 16px #c41301 inset  !important;*//*transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;*/
}
.switchery > small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    height: 30px;
    position: absolute;
    top: 0;
    width: 30px;
}
/*Menu Section*/
.side-menu {
    position: relative;
    overflow: hidden;
    top: 15%;
    height: 100%;
    list-style-type: none;
    padding-left: 0;
}
.side-menu li a {
    display: block;
    line-height: 4em;
    text-align: center;
    position: relative;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 23px 5px 0;
}
#menu li .ajaxify > span {
    display: block;
    color: #fff;
}
.side-menu > li.menu-icon a {
    padding-top: 60px;
    color: #fff;
}
/*
#menu ul {
    background-color: #c41301;
}
*/
#menu div.locked {
    background: url(../img/lock-icon.png) center right no-repeat !important;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;/*    content: '\f023';
padding: 5px 9px;
text-align: right;
margin-left: 45%;
font-family: fontawesome;
font-size: 1.3em;
border-radius: 16px;
color: #c41301;
background-color: #fff;*/
}
/*******************************Left Menu Icon images start****************************************/
#menu a:hover div.locked, #menu .active a div.locked {
    background: url(../img/lock-icon-hover.png) center right no-repeat !important;
}
/*
.side-menu li#viber a {
    background: url(../img/viber-menu.png) no-repeat 5px !important;
    background-size: 30px !important;
}
.side-menu li#viber:hover a, .side-menu li.active#viber a {
    background: url(../img/viber-menu-hover.png) no-repeat 5px #fff !important;
    background-size: 30px !important;
}
*/
/*
.side-menu li#whatsapp a {
    background: url(../img/menu-iconw-whatsapp.png) no-repeat 9px !important;
    background-size: 30px !important;
}
.side-menu li#whatsapp:hover a, .side-menu li.active#whatsapp a {
    background: url(../img/menu-icon-whatsapp.png) no-repeat 9px #fff !important;
    background-size: 30px !important;
}
*/
/*
.side-menu li#line a {
    background: url(../img/line_icon.png) no-repeat 9px !important;
    background-size: 24px !important;
}
.side-menu li#line:hover a, .side-menu li.active#line a {
    background: url(../img/line_without-hover-icon.png) no-repeat 9px #fff !important;
    background-size: 24px !important;
}
.side-menu li#kik a {
    background: url(../img/kik.png) no-repeat 9px !important;
    background-size: 24px !important;
}
.side-menu li#kik:hover a, .side-menu li.active#kik a {
    background: url(../img/kik-hover.png) no-repeat 9px #fff !important;
    background-size: 24px !important;
}
*/
/*
.side-menu li#facebook a {
    background: url(../img/facebook-with-hover.png) no-repeat 9px !important;
    background-size: 30px !important;
}
.side-menu li#facebook:hover a, .side-menu li.active#facebook a {
    background: url(../img/facebook.png) no-repeat 9px #fff !important;
    background-size: 30px !important;
}
.side-menu li#tinder a {
    background: url(../img/tinder.png) no-repeat 9px !important;
    background-size: 30px !important;
}
.side-menu li#tinder:hover a, .side-menu li.active#tinder a {
    background: url(../img/tinder-hover.png) no-repeat 9px #fff !important;
    background-size: 30px !important;
}
*/
/*
.side-menu li#wificonnect a {
    background: url(../img/wifi-white.png) no-repeat 8px !important;
    background-size: 25px !important;
}
.side-menu li#wificonnect:hover a, .side-menu li.active#wificonnect a {
    background: url(../img/wifi-red.png) no-repeat 8px #fff !important;
    background-size: 25px !important;
}
*/
/****************************Left Menu Icon images end*************************************/

#viber .ajaxify > span, #whatsapp .ajaxify > span {
    margin-top: 30px;
}
/* class for current item */
.side-menu li.current a {
    background: #fff;
    color: #47a3da;
}
#menu li .ajaxify > img {
    width: 40px;
    background: url(../img/viber-menu.png) no-repeat center center;
}
#menu li .ajaxify:hover > img {
    background: url(../img/viber-menu-hover.png) no-repeat;
}
.navbar-nav > li > a {
    padding: 0px 15px 4px;
    color: #aaa;
}
.navbar-nav > li > a img {
    margin: 0 5px;
}
.dropdown-menu {
    left: auto;
    right: 0;
}
/*                  Header Area Ended                          */

/*Side bar Styling Ended*/
.portlet-title {
    background-color: #ededed;
    display: inline-block;
    width: 100%;
    padding : 7px 15px 6px;
    float: left;
    color: #b5b5b5;
}
.portlet-body {
    float: left;
    width: 100%;
    background: #fff;
}
.table-responsive #paging-content {
    float: left;
    width: 100%;
}
.content-area {
    border-right: 1px solid #e7e7e7;
    padding: 0;
    position: relative;
}
.content-area2 {
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(100px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.3;
}
.record {
    float: left;
    min-height: 80px;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0;
}
.record h2 {
    color: #c41301;
}
.record form {
    margin: 0 auto;
    width: 80%;
}
.heading {
    padding: 0;
    min-height: 60px;
}
.record > div {
    height: 72px;
    display: table;
    font-size: 13px;
    color: #666;
}
.record > div > div, .heading > div > p {
}
.call-details, .call-duration, .call-start {
    line-height: 1.5;
    margin-top: 7px;
}
.call-details > span {
    display: block;
}
.phone-logo, .record-images {
    text-align: center;
}
.phone-logo > img {
    width: 72px;
    float: left;
}
.date-time, .call-name {
    margin-bottom: 5px;
}
.call-name, .call-start .date, .heading p {
    color: #333;
    font-size: 24px;
    display: block;
}
.call-name {
    word-wrap: break-word;
}
.heading-date {
    text-align: right;
}
span.device, .time {
    font-size: 16px;
    font-weight: 300;
}
.call-duration, .title, .apps-name {
    font-size: 20px;
    font-weight: 300;
}
.call-device {
    font-size: 11px;
}
.call-start {
    padding-right: 20px;
}
.call-start span {
    display: block;
    text-align: right;
    width: 100%;
}
.load-more-url {
    text-align: center;
    position: relative;
    background-color: #fff;
    padding: 20px;
}
.load-more-url-cart {
    text-align: center;
    position: relative;
    background-color: #f0f0f0;
    padding: 20px;
    top: 0px;
}
.load-more-url-cart span {
    cursor: pointer;
    color: #666;
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
}
.load-more-url-cartt span {
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
}
.load-more-url span {
    cursor: pointer;
    color: #666;
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
}
/*===== Pop up content ====*/

.popup-content {
    background-color: transparent;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}
.popup-content p {
    background-color: #fff;
    width: 40%;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 16px;
    padding: 3px;
}
.popup-overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 9999999;
}
/*===== Pop up content ====*/
#menu h2 {
    color: #fff;
    font-family: 'Lato', sans-serif;
}
#menu ul h3 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    background-color: #6ad1f0;
    margin: 0;
    padding: 5px 0;
}
.portlet-title .avatar {
    display: inline-block;
}
.username img {
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.portlet-title .avatar img {
    width: 54px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    border: 2px solid #fff;
}
.caption {
    color: #5b5b5b;
}
.caption p {
    display: inline-block;
    margin-left: 39px;
    margin-top: 5px;
    font-size: 26px;
    font-weight: 300;
    color: #5b5b5b;
}
.caption .angle-down {
    font-size: 20px;
    margin-left: 15px;
    border: 1px solid #bbbbbb;
    padding: 0px 6px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999999;
    background-color: #fff;
}
.caption .dropdown-menu:after {
    content: "";
    background-image: url(../img/langafter.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 7px;
}
.caption .dropdown-menu {
    margin-top: 6px !important;
    right: 8px;
    min-width: 270px;
    padding: 0px 0px;
}
.pic-border {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    padding: 1px;
    background-color: #ededed;
    border: 1px solid #d1d1d1;
    float: left;
    margin-right: 10px;
}
.new-caption img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.new-caption li {
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}
.new-caption li:last-child {
    border-bottom: none;
}
.caption .dropdown-menu>li>a {
    display: block;
    padding: 3px 10px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    clear: inherit;
}
.service-name {
    font-size: 20px;
    color: #dd1c09;
    margin: 0px 0 3px;
}
.caption .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;
    background-repeat: none;
    background-color: inherit;
}
.iphone-top {
    color: #333;
}
.new-caption a:hover {
    text-decoration: none;
}
.new-caption .fa {
    padding-right: 6px;
}
/*Konnection Screen Content Started*/
.avatar > img {
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    width: 86px;
    margin: 0 auto;
    display: block
}
.avatar {
    text-align: center;
}
.avatar-name {
    font-size: 26px;
    color: #5b5b5b;
    margin-left: 7px;
    font-weight: 600;
}
.konnection-time p {
    font-size: 18px;
    display: inline-block;
}
.konnection-time {
    margin-left: -49px;
}
.konnection-details {
    font-size: 27px;
    color: #5b5b5b;
}
.konnection-address p i, .konnection-time i {
    float: left;
    font-size: 28px;
    padding: 0 7px;
    color: #c41301;
}
.small-button {
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none !important;
}
.error {
    color: #ef3f30;
}
.first {
    margin: 0 2px 0 30px;
}
.blue {
    border: 1px solid #c41301;
    color: #c41301;
    background: none;
    margin-right: 10px;
}
.red {
    background: #c41301;
    color: #fff;
    /*    float: right;*/
    margin-right: 10px;
}
.red:hover {
    border: 1px solid #c41301;
    color: #c41301;
    background: #fff;
}
.blue:hover {
    background: #c41301;
    color: #fff;
}
.yellow {
    background: #ffcd33 !important;
    color: #fff;
}
.buttons-area {
    margin: 16px 0;
}
/*.buttons-area .btn{
    background: #fff;
}*/
/*.parent{
    height: 285px;
    padding: 78px 20px 43px 4px;
}*/
/*.child-record{
     padding: 28px 20px 43px 4px;
}*/
.avatar > img {
    border: 5px solid #c41301;
}
/*.btn-big{
    padding: 32px 55px;
    font-size: 27px;
}*/
.child-record .avatar-name {
    font-size: 36px;
}
.child-record .buttons-area a {
    margin: 10px 35px;
    font-weight: 600;
}
.child-record .buttons-area a:first-child {
    margin-left: 0;
}
.child-record .btn-big {
    padding: 24px 50px;
    font-size: 27px;
}
.child-record .buttons-area i.fa.fa-lock {
    color: #f25546;
}
span.icon {
    border-left: 1px solid #5b5b5b;
    padding-left: 15px;
    margin-left: 15px;
}
/*Konnection Screen Content Ended*/

/*-----------------Accodion Section Started-----------------*/
#accordian {
}
/*heading styles*/
#accordian h3 {
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    /*fallback for browsers not supporting gradients*/
    background: #777;
    background: linear-gradient(#777, #999);
    display: inline-block;
    width: 100%;
}
/*heading hover effect*/
#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
    font-size: 16px;
    margin-right: 10px;
}
/*list items*/
#accordian li {
    list-style-type: none;
}
/*links*/
#accordian ul ul li a {
    color: white;
    text-decoration: none;
    font-size: 11px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    /*transition for smooth hover animation*/
    transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
    background: #003545;
    border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
    display: none;
}
#accordian li.active ul {
    display: block;
}
#accordian .active li {
    line-height: 3;
    width: 50%;
    float: left;
}
.active label {
    width: 70%;
}
/*-----------------Accodion Section Ended-----------------*/
/*Contact Pages*/
.link .fa {
    padding-right: 5px;
    font-size: 16px;
}
.link span {
    font-size: 14px;
    font-weight: 300;
    display: block;
}
.contact .blue {
    margin-left: 0;
    margin-right: 10px;
    float: right;
}
/*Application Installed*/
.apps .call-details, .apps .buttons {
    height: 60px;
    min-height: 70px;
    display: table-cell;
    vertical-align: middle;
}
/*Calendar area*/
.address i {
    padding: 0 7px 0 0;
}
span.btn {
    padding: 3px;
    font-size: 11px;
    margin-right: 5px;
}
/*watchlist contact*/
.watchlist-contact .blue {
    margin: 10px 0 0 30px;
}
/*Setting Page*/
.settings {
    margin: 50px auto 20px;
    width: 61%;
}
.settings-remote {
    width: 80%;
    margin: 50px auto 20px;
}
.blue-box {
    margin: 0px 0 20px;
    position: relative;
    text-align: center;
}
.locked-2 {
    background: url(../img/lock-icon.png) center right no-repeat !important;
    width: 25px;
    height: 25px;
    float: right;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.blue-box:hover .locked-2 {
    background: url(../img/lock-icon-hover.png) center right no-repeat !important;
}
.blue-box a {
    background-color: #c41301;
    height: 158px;
    width: 158px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid transparent;
    text-align: center;
    display: inline-block;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.blue-box a img {
    margin: 0 auto;
}
.blue-box:hover a {
    color: #c41301;
    border: 2px solid #222b37;
    text-decoration: none;
}
.blue-box:hover h2 {
    color: #222b37;
}
.settings a h2 {
    margin-top: 175px;
}
a.location {
    background: url(../img/location-w.png) no-repeat center 30px #c41301;
}
#map-canvas {
    height: 500px;
    width: 95%;
    margin: 0 auto;
}
.blue-box:hover a.location {
    background: url(../img/location-b.png) no-repeat center 30px #fff;
}
a.monitoring {
    background: url(../img/monitor-w.png) no-repeat center 30px #c41301;
}
.blue-box:hover a.monitoring {
    background: url(../img/monitor-b.png) no-repeat center 30px #fff;
}
.watchlist-wordform .btn {
    margin-top: 10px;
}
a.wordwatchlist {
    background: url(../img/dictionary-w.png) no-repeat center 34px #c41301;
    background-size: 78px;
}
.blue-box:hover a.wordwatchlist {
    background: url(../img/dictionary-b.png) no-repeat center 34px #fff;
    background-size: 78px;
}
a.places {
    background: url(../img/home-w.png) no-repeat center 30px #c41301;
    background-size: 80px;
}
.blue-box:hover a.places {
    background: url(../img/home-b.png) no-repeat center 30px #fff;
    background-size: 80px;
}
a.contactwatchlist {
    background: url(../img/contact_W.png) no-repeat center 38px #c41301;
    background-size: 75px;
}
.blue-box:hover a.contactwatchlist {
    background: url(../img/contact_b.png) no-repeat center 38px #fff;
    background-size: 75px;
}
a.alerts {
    background: url(../img/alert-icon-w.png) no-repeat center 28px #c41301;
    background-size: 80px;
}
.blue-box:hover a.alerts {
    background: url(../img/alert-icon-b.png) no-repeat center 28px #fff;
    background-size: 80px;
}
a.deviceprofile {
    background: url(../img/profile-w.png) no-repeat center 33px #c41301;
    background-size: 77px;
}
.blue-box:hover a.deviceprofile {
    background: url(../img/profile-b.png) no-repeat center 33px #fff;
    background-size: 77px;
}
.settings h1, .portlet-body h1 {
    color: #c41301;
    font-size: 45px;
    text-align: center;
    margin: 36px auto;
    width: 90%;
}
.portlet-body > p {
    margin: 0 auto;
    width: 94%;
    font-size: 18px;
}
.settings h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 14px 0;
    color: #c41301;
}
.map > img {
    width: 100%;
}
.blue-box a.surround {
    background: url(../img/recording-w.png) no-repeat center 23px #c41301;
    background-size: 80px;
}
.blue-box:hover a.surround {
    background: url(../img/recording.png) no-repeat center 23px #fff;
    background-size: 80px;
}
.blue-box a.lock-phone {
    background: url(../img/lock-phone-w.png) no-repeat center 21px #c41301;
    background-size: 80px;
}
.blue-box:hover a.lock-phone {
    background: url(../img/lock-phone-r.png) no-repeat center 21px #fff;
    background-size: 80px;
}
.blue-box a.wipe-phone {
    background: url(../img/wipe-phone-w.png) no-repeat center 24px #c41301;
    background-size: 80px;
}
.blue-box:hover a.wipe-phone {
    background: url(../img/wipe-phone-r.png) no-repeat center 24px #fff;
    background-size: 80px;
}
.blue-box a.record-screenshot {
    background: url(../img/screenshot-normal.png) no-repeat center 24px #c41301;
    background-size: 84px;
}
.blue-box:hover a.record-screenshot {
    background: url(../img/screenshot-with-hover.png) no-repeat center 24px #fff;
    background-size: 84px;
}
/*Acount Form Page*/
.form-buttons {
    text-align: center;
    margin-top: 25px;
}
.form-buttons a {
    float: none;
}
.support a {
    float: none;
}
.support-row {
    padding: 30px 0 20px;
    border-bottom: 1px solid #d5d5d5;
}
.support-row:last-child {
    border-bottom: none;
}
.support-row h2 {
    font-size: 22px;
    color: #D12612;
    font-weight: 500;
    margin-top: 0px;
}
.support-row p {
    color: #000;
    font-weight: 500;
    font-size: 18px;
}
.support-row a {
    font-size: 18px;
    text-decoration: underline;
    margin-left: 5px;
}
#monitoring_settings_form a {
    float: none;
}
#contact_form label {
    display: block;
    font-size: 24px;
    font-weight: lighter;
}
.form-buttons input[type="submit"], .form-buttons input[type="button"], .btn-big {
    padding: 18px 43px;
    font-size: 14px;
}
.account-img {
    text-align: center;
    margin: 0 auto;
}
.account-img a {
    display: inline-block;
}
.account-img img, .account-img .overlay {
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 5px solid #c41301;
}
.device-list .account-img img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #ddd;
    margin-top: 10px;
    width: 100%;
}
.form-buttons .blue {
    margin: 0;
}
/*Videos area*/
.video > a > img {
    height: 235px;
}
body .video {
    margin: 15px 21px;
    width: 21%;
    float: left;
}
body .video:last-child {
    margin: 15px 0px 15px 21px;
}
.video-in {
    -webkit-box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    padding: 5px;
    background-color: #fff;
}
.video-img {
    background-image: url(../img/video_placeholder.png);
    background-repeat: no-repeat;
    height: 202px;
    background-size: 92px;
    background-position: center;
    background-color: #e5e5e5;
}
.video-img:hover {
    background-image: url(../img/video_placeholder-hover.png);
}
.video-page {
    width: 98%;
}
.thumbnail {
    height: 245px;
}









.pagination-design {
    padding: 40px 20px;
}
.pagination-design .pagination {
    margin: 0;
}
.pagination-design .pagination li {
    float: left;
}
.pagination-design .pagination>li>a, .pagination-design .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #000000;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination-design .pagination>.active>a, .pagination-design .pagination>.active>span, .pagination-design .pagination>.active>a:hover, .pagination-design .pagination>.active>span:hover, .pagination-design .pagination>.active>a:focus, .pagination-design .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #d12612;
    border-color: transparent;
    cursor: default;
}
.pagination-design .pre-arrow {
    margin-right: 10px;
}
.pagination-design .pagination .pre-arrow a {
    background-color: #fff;
    border-radius: 4px;
}
.pagination-design .next-arrow {
    margin-left: 10px;
}
.pagination-design .pagination .next-arrow a {
    background-color: #d12612;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #d12612;
}
.pagination-design .pagination .pre-arrow.disabled a {
    opacity: 0.5;
}
.pagination-design .pagination .next-arrow.disabled a {
    opacity: 0.5;
}
/*Monitoring Page*/
.options {
    width: 100%;
    /*float: left;*/
    text-align: center;
}
/*Profile Page*/

.profile-black-version .col-md-4 {
    margin-top: 12px;
}
.profile-black-version .col-md-5 {
    margin-top: 12px;
}
.profile-black-version .overlay {
    height: 126px;
    margin-top: -126px;
    width: 126px;
}
.profile-black-version .account-img {
    margin-top: 0px;
}
.profile-black-version .account-img img, .account-img .overlay {
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 3px solid #adadad;
}
.profile-black-version .fields {
    margin-top: 3px;
}
.profile {
    margin: 25px auto;
    width: 100%;
}
.profile p {
    font-size: 17px;
    color: #303d4e;
}
.profile p i, .device-list p i {
    width: 25px;
    color: #c41301;
}
.service-input input {
    padding: 5px 11px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.overlay {
    height: 160px;
    margin: 0 auto;
    position: relative;
    margin-top: -160px;
    width: 158px;
    z-index: 1;
    border: none;
    display: none;
    background: url(../img/video-camera-icon-black-8.png) no-repeat center 10px rgba(0, 0, 0, 0.8);
}
.animation {
    height: 128px;
    margin: 0 auto;
    position: relative;
    margin-top: -128px;
    width: 128px;
    z-index: 1;
    display: none;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
}
.animation img {
    width: 60px;
    height: 60px;
    border: none;
    margin-top: 30%;
}
.account-img a:hover .overlay {
    display: block;
}
.profile .overlay span, .account .overlay span {
    display: block;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    text-align: center;
    right: 0;
    margin: auto;
    line-height: 171px;
}
.profile input[type="text"] {
    width: 60%;
    margin: 0;
}
.profile input[type="submit"] {
    width: 20%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #999;
}
.profile input[type="submit"]:hover {
    opacity: .7;
}
.profile form {
    position: absolute;
    top: -60px;
}
.fa-pencil {
    cursor: pointer;
}
.fa-user-pic {
    background: url(../img/user-profile.png) no-repeat center left;
    padding-left: 22px;
    height: 22px;
    vertical-align: top;
}
.version1 {
    background: url(../img/v1.png) no-repeat 0 0;
    padding-left: 34px;
}
.version {
    background: url(../img/v.png) no-repeat 0 0;
    padding-left: 34px;
    height: 22px;
    vertical-align: top;
}
.key {
    background: url(../img/activation.png) no-repeat 0 0;
    padding-left: 34px;
    height: 24px;
    vertical-align: top;
}
.calender {
    background: url(../img/calender.png) no-repeat 0px 0px;
    padding-left: 34px;
    height: 24px;
    vertical-align: top;
}
.fa-mobile-pic {
    background: url(../img/fa-mobile-pic.png) no-repeat -1px 0px;
    padding-left: 25px;
    height: 24px;
    vertical-align: top;
}
.fa-clock-o-pic {
    background: url(../img/fa-clock-o-pic.png) no-repeat -1px 0px;
    padding-left: 21px;
    height: 24px;
    vertical-align: top;
}
.headings {
    margin-top: 50px;
    font-weight: bold;
    color: #666;
    border: 1px solid #e4e4e4;
    padding: 20px 0;
}
.data {
    font-size: 16px;
    padding: 20px 0;
    border: 1px solid #e4e4e4;
    border-top: none;
    color: #656565;
}
.data .blue {
    margin: 0;
}
/*===================== profile page design ====================*/
.renew-main {
    background-color: #f0f0f0;
    padding: 20px 12px;
    margin: 0px -11px -11px;
}
.renew-new {
    font-weight: bold;
    color: #db2614;
    padding: 0px 0 20px;
    font-size: 19px;
}
.new-data-main {
    -webkit-box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    border: 1px solid #c6c6c6;
    border-radius: 0px;
    padding: 0px 20px;
    background-color: #fff;
    color: #676565;
}
.new-data {
    font-size: 16px;
    padding: 17px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    box-shadow: 0px 0px 3px 1px rgba(209,209,209,1);
    border: 1px solid #c6c6c6;
    border-radius: 0px;
    background-color: #fff;
    color: #676565;
}
.new-data .red {
    margin: 0;
    float: none;
    min-width: 128px;
    font-size: 17px;
    border-radius: 2px;
    padding: 8px;
}
.new-ul {
    padding: 0px;
    margin: 0;
    color: #676565;
}
.new-ul li {
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 20px 0;
}
.new-ul li:last-of-type {
    border-bottom: none;
}
.new-data2 h5 {
    font-size: 17px;
    margin-top: 2px;
    color: #000000;
    margin-bottom: 9px;
}
.new-data2 h6 {
    font-size: 17px;
    margin: 0;
    color: #000;
}
.new-data h5 {
    font-size: 17px;
    margin-top: 10px;
    color: #000000;
    margin-bottom: 9px;
}
.new-data h6 {
    font-size: 17px;
    margin: 0;
    color: #000;
}
.new-amount {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 4px;
    display: inline-block;
    color: #c41301;
}
.print-icon-s i {
    font-size: 34px;
    float: right;
    color: #c41301;
    margin: 8px 8px 0 0;
}
.paym-infor {
    padding-left: 45px;
}
.p-20 {
    padding: 20px 0px;
}
.b-r-1 {
    border-right: 1px solid #c9c9c9;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-f-lato {
    font-family: 'Lato', sans-serif;
}
.display-block {
    display: block;
}
.line-height-17 {
    line-height: 17px;
}
.padding-t-b-14 {
    padding-top: 14px;
    padding-bottom: 14px;
}
.new-data .blue {
    margin: 0;
}
.text-d-none {
    text-decoration: none;
}
.text-d-none:hover {
    text-decoration: none;
}
.text-cen {
    text-align: center!important;
}
.text-left {
    text-align: left!important;
}
/*====== Account page Black version =====*/
.account-black-version {
    margin: 50px auto;
    width: 70%;
}
.account-black-version .overlay {
    height: 126px;
    margin-top: -126px;
    width: 126px;
}
.account-black-version .account-img {
    margin: 0px 0 20px;
}
.account-black-version .account-img img, .account-img .overlay {
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 3px solid #c41301;
}
/* The container */

.radio-container-main {
    padding: 0;
}
.radio-container-main li {
    display: inline-block;
    margin: 0px 30px;
}
.radio-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
}
/* Hide the browser's default radio button */
.account-black-version input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
}
/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: -5px;
    left: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #000;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
}
/* When the radio button is checked, add a blue background */
.radio-container input[type="radio"]:checked ~ .checkmark {
    background-color: #c21713;
}
/* Show the indicator (dot/circle) when checked */
.radio-container input[type="radio"]:checked ~ .checkmark:after {
    display: block;
    top: -5px;
    left: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #c21713;
}
.account-black-version-input {
    margin: 28px 0 0px;
}
.account-black-version-input input {
    background-color: #fbfbfb;
    height: 43px;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
    margin: 0 0 12px;
}
.account-black-version-input .hidden-red-error {
    display: none;
    color: #000;
    background-color: #fff;
    border: 1px solid #ADADAD;
    position: absolute;
    top: -39px;
    right: 15px;
    padding: 6px;
    border-radius: 4px;
    font-size: 11px;
    box-shadow: 0px 2px 12px 2px #e8e8e8;
}
.account-black-version-input .hidden-red-error:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ADADAD;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -7px;
}
.account-black-version-input .hidden-red-error:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -6px;
}
.account-black-version-input .langaccount .language {
    background-color: #fbfbfb;
    height: 43px;
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 1px solid #c1c1c1;
    margin: 0 0 10px;
}
.account-black-version-input .langaccount .dropdown-menu {
    min-width: 200px;
    right: -10px;
    margin-top: 5px !important;
}
.account-black-version-input .langaccount .dropdown-menu span {
    vertical-align: middle;
}
.account-black-version-input .dropdown-menu .divider {
    height: 0px;
    margin: 0px 0;
    overflow: hidden;
    background-color: #ffffff;
}
.account-black-version-input .languagemain .navbar-nav > li > a {
    padding: 5px;
}
.account-black-version-input .langaccount .username img {
    width: 30px;
    margin: 0;
}
.account-black-version-input .langaccount .username span {
    vertical-align: middle;
    color: #565656;
}
.account-black-version-input .form-buttons {
    margin-top: 3px;
}
.account-black-version-input .form-buttons button {
    float: none;
    display: block;
    padding: 11px 12px;
    font-size: 14px;
    margin: 0;
    width: 100%;
}
.account-black-version-input .form-buttons2 {
    margin: 10px 0px;
}
.account-black-version-input .form-buttons2 button {
    float: none;
    display: block;
    padding: 11px 12px;
    font-size: 14px;
    margin: 0;
    width: 100%;
}
.boder-b-active {
    border-bottom: 2px solid #c21713;
    padding-bottom: 4px;
    position: relative;
    color: #c21713;
}
.boder-b-active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #c21713;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
}
.account-black-version-input .alert-success {
    padding: 10px;
    margin-bottom: 15px;
}
/*====== Account page Black version END =====*/
/*@CHARSET "UTF-8"*/
#navigation {
    width: 250px;
}
#content {
    width: 700px;
}
#navigation, #content {
    float: left;
    margin: 10px;
}
.collapsible, .page_collapsible {
    margin: 0;
    padding: 10px;
    height: 20px;
    border-top: #f0f0f0 1px solid;
    background: #cccccc;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
}
.collapse-open {
    background: #000;
    color: #fff;
}
.collapse-open span {
    display: block;
    float: right;
    padding: 10px;
}
.collapse-open span {
    background: url(images/minus.png) center center no-repeat;
}
.collapse-close span {
    display: block;
    float: right;
    background: url(images/plus.png) center center no-repeat;
    padding: 10px;
}
div.container {
    padding: 0;
    margin: 0;
}
div.content {
    /*    background:#f0f0f0;*/
    margin: 0;
    padding: 10px;
    font-size: .9em;
    line-height: 1.5em;
    font-family: 'Lato', sans-serif;
}
div.content ul, div.content p {
    margin: 0;
    padding: 3px;
}
div.content ul li {
    list-style-position: inside;
    line-height: 25px;
}
div.content ul li a {
    color: #555555;
}
code {
    overflow: auto;
}
/*===== Device list black version ====*/

.group .device-list-black .small-cell {
    padding: 30px 0;
}
.device-list-black .account-img img {
    max-width: 128px;
}
.device-list-black ul {
    margin-bottom: 0px;
}
.device-list-black .device-list h2 {
    font-weight: bold;
    font-size: 22px;
    margin: 0px 0 8px;
}
.device-list-black .device-list .fields {
    margin-top: 10px;
}
.device-list-black .device-list p {
    margin: 0 0 3px;
    color: #000;
    line-height: 24px;
}
/*====== Add Tag =======*/

div.filter-form-main {
    min-height: auto !important;
    padding: 25px 25px 10px !important;
}
#toolbar .filter-form select {
    width: 100% !important;
}
#toolbar .filter-form input[type=submit] {
    min-width: 100px !important;
}
.tag-search .filter-button {
    background-color: #fff;
    border: 1px solid transparent;
    color: #000;
    border-radius: 3px;
    padding: 5px 0px;
    text-align: right;
    position: relative;
    min-width: 26px;
}
.tag-search .filter-button:before {
    content: "";
    background: url(../img/filter-icon.png) no-repeat 0 0;
    width: 22px;
    height: 11px;
    display: inline-block;
}
.reset-button {
    background-color: #c61a09;
    border: 1px solid transparent !important;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px !important;
    text-align: center;
    position: relative;
    min-width: 90px;
}
.add-tag {
    position: relative;
    padding: 0px 10px 0 30px;
}
.add-tag .select2-selection.select2-selection--multiple {
    background-color: #fff!important;
    border: 1px solid transparent;
    position: relative;
    padding: 0 33px 0 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid 1px transparent;
    outline: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f0f0f0;
    border: 1px solid #c1c1c1;
    border-radius: 25px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    padding: 0 10px;
    font-size: 14px;
}
.add-tag-buttons {
    display: flex;
}
.plus-tag {
    background-color: transparent;
    border: none;
    position: absolute;
    left: 0;
}
.plus-tag:before {
    content: "";
    background: url(../img/tag-plus-icon.png) no-repeat 0 0;
    width: 23px;
    height: 22px;
    position: absolute;
    z-index: 1;
    left: 0;
}
.tooltip-tag {
    position: absolute;
    left: 0;
    top: -63px;
    background-color: rgba(0,0,0,.8);
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 8px 10px;
    z-index: 111;
    border-radius: 3px;
    line-height: 18px;
    font-size: 12px;
    display: none;
}
.add-tag:hover .tooltip-tag {
    display: block;
}
.add-tag-buttons .save-tag {
    position: relative;
    background-color: #c41301;
    border-radius: 50%;
    border: none;
    width: 24px;
    height: 24px;
    text-align: center;
    margin: 4px 0;
}
.add-tag-buttons .save-tag:after {
    content: '';
    display: block;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin: 0 auto;
}
.service-name .tag-main-d li {
    margin-bottom: 0px;
}
/*===== Device list black version END ====*/
.device-list .account-img img {
    margin: 0px auto 0;
    text-align: center;
}
.setting-buttons {
    margin-top: 0px;
}
.setting-buttons img {
    border-radius: 100%;
}
.device-list h2, .setting-buttons a .caption {
    color: #c41301;
    font-size: 32px;
    display: block;
    width: 100%;
}
.setting-buttons a .caption {
    font-size: 14px;
    margin-top: 10px;
}
.setting-buttons li {
    text-align: center;
}
.setting-buttons > ul {
    padding: 0;
}
.device-list h2 {
    text-align: left;
}
.device-list .fields {
    margin-top: 10px;
}
.device-list .fa.fa-mobile {
    font-size: 24px;
}
.device-list p {
    color: #7e7e7e;
    line-height: 30px;
    text-align: left;
}
.menu-tabs ul {
    padding-left: 30px;
}
.nav-tabs > li {
    position: relative;
    top: 0px;
    margin-right: 0;
}
.menu-tabs .nav > li.active, .menu-tabs .nav > li:hover {
    position: relative;
    top: 0;
}
.menu-tabs .nav > li > a {
    padding: 15px 25px;
    border: 1px solid #ddd;
    margin-right: 0;
    border-bottom: 0;
}
.menu-tabs .nav > li.active > a, .menu-tabs .nav > li:hover > a {
    padding: 20px 25px 20px;
    border-bottom: none;
}
/*Add Location Page*/
.location-date {
    padding: 40px;
    font-size: 18px;
}
.location-date a {
    padding: 0 13px;
    background: url(../img/loc-pre.png) no-repeat;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 10px;
}
.location-date a.next {
    background: url(../img/loc-next.png) no-repeat;
    margin-right: 0;
    margin-left: 10px;
}
.record.location:hover {
    background: #f0f0f0;
}
.map-menu ul li {
    float: left;
    border: 1px solid #bcbcbc;
    border-right: none;
    margin-bottom: 10px;
}
.map-menu ul li a {
    color: #7f7f7f;
    padding: 14px 34px;
    display: block;
}
.map-menu ul li a:hover, .map-menu ul li a:focus {
    background: #c41301;
    color: #fff;
}
.map-menu ul li:last-child {
    border-right: 1px solid #bcbcbc;
}
.map-menu-container {
    width: 100%;
    float: left;
}
.add-location .map-menu {
    margin: 0 auto;
    width: 60%;
}
.map-menu > ul {
    padding: 0;
}
input[type=checkbox] {
    margin: 20px;
    display: none;
}
div.checkbox {
    border: 1px solid #bcbcbc;
    float: left;
    padding: 1px;
    margin: 0 20px 0 0;
    ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input[type=checkbox]:checked ~ div label {
    background: url(../img/checkbox-tick.png);
    background-size: 100%;
}
div.checkbox label {
    height: 50px;
    width: 50px;
    display: block;
}
.checkbox-area > p {
    display: inline-block;
    padding: 13px 0;
}
p.form-caption {
    color: #bcbcbc;
    font-size: 14px;
    font-style: italic;
}
.checkbox-area {
    margin: 35px 0;
}
.place-name {
    background: url(../img/add-place.png) no-repeat 10px center;
    padding: 23px 50px !important;
}
.search-box {
    /*background: url(../img/search.png) no-repeat 10px center;*/
    padding: 23px 25px !important;
}
.add-places .setting-buttons img {
    width: 50%;
}
.add-places .setting-buttons {
    margin-top: 10px;
}
.add-places .buttons-area {
    margin: 71px 0;
}
.support {
    padding: 0 2%;
}
.call-logs {
    float: right;
    margin-bottom: 10px;
}
.settings h3 {
    color: #c41301;
    text-align: left;
}
.btn-group.call-logs button {
    background: #c41301;
    color: #fff;
    min-width: 25%;
    font-size: 16px;
    padding: 12px 15px;
}
.btn-group.call-logs button:hover {
    background-color: #a81000;
    box-shadow: 0 0 5px rgba(103, 10, 0, 0.5) inset;
}
.settingstwo {
    margin: 0 auto;
    width: 97%;
}
.settingstwo a h2 {
    margin-top: 125px;
}
.settingstwo h2 {
    font-size: 20px;
    padding-left: 15px;
}
.check-status {
    background: url(../img/checkbox-tick.png) no-repeat right 0px;
    background-size: 40px;
}
.check-status {
    background: url(../img/checkbox-tick.png) no-repeat right 0px;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: table-cell !important;
}
.Pandding {
    background: url(../img/pandding.png) no-repeat center 30px;
    background-size: 40px;
}
.form-buttons2 {
    margin: 30px 16px;
}
.del-menu {
    /*	border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #e4e4e4;*/
    border: 0px;
    bottom: 0px;
    /*	background-color: #f2f2f2;*/
    padding: 0px 0px;
    margin-bottom: 15px;
}
.del-menu-in {
    margin: 0px 25px;
    margin-top: 15px;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);/* border-radius: 6px; */
}
.del-menu p {
    float: left;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 30px;
    margin-top: 2px;
    background-color: #747474;
    padding: 12px;
    border-radius: 3px;
    color: white;
}
.delmenubotom {
    top: -128px;
    right: 0px;
    box-shadow: 0px 0px 0px;
    background-color: #f7f7f7;
    padding: 0px;
    border-radius: 4px;
}
.delmenubotom li {
    border-bottom: solid 1px #e4e4e4;
    padding: 3px 23px;
}
.delmenubotom li:nth-child(3) {
    border-bottom: solid 0px #e4e4e4;
}
.delmenubotom li a {
    color: #4d4d4d;
    color: #4f4f4f;
    padding: 7px 23px;
}
.delmenubotom li a:hover {
    color: #c41301;
    background-color: #FFF !important;
    background-image: none !important;
}
.delmenubotom li:hover {
    background-color: #FFF !important;
    background-image: none !important;
}
.drop-bg {
    background: url(../img/drop-bg.png) no-repeat center 30px;
    background-size: 7px;
    height: 70px;
    background-position: top;
    border: 0px;
    width: 20px;
}
.del-menu .btn-default {
    border: none;
    padding: 3px 0px !important;
    height: 35px !important;
    float: right;
    margin: 0 0px !important;
}
.phone-checkbox {
    float: left;
    width: 40px;
    height: 80px;
    background-color: #fff;
}
.phone-checkbox form {
}
.phone-checkbox input {
    background: url(../img/checkbg.jpg) no-repeat center 30px;
    background-size: 7px;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 0px !important;
    background-color: white !important;
    margin: 30px 0px !Important;
}
.search-bar1 {
    background-color: #f2f2f2;
    padding: 0px;
}
.search-bar1 input {
    border-radius: 0px;
    border: solid 1px #e4e4e4;
    padding: 6px;
    margin-top: 0px;
}
.search-bar1 select {
    border-radius: 0px;
    border: solid 1px #e4e4e4;
    width: 100%;
    padding: 7.5px 1px;
    margin: 0px 5px 0 0;
    font-size: 12px;
}
.search-bar1 .btn {
    margin-top: 0px;
    background: #c41301;
    color: #fff;
    min-width: 110px;
    font-size: 16px;
    padding: 6px 15px;
    margin-left: 0px !important;
}
.showall {
    white-space: nowrap;
    background-color: #f2f2f2;
    padding: 6px 0px;
}
 @-webkit-keyframes rightThenLeft {
 0% {
 left: 100%;
}
 100% {
 left: 0%;
}
}
#search-form {
    /*  white-space: nowrap;
-webkit-animation: rightThenLeft 0.4s linear;
background-color: #f2f2f2;*/
    padding: 6px 0px;
}
@-webkit-keyframes rightThenLeft {
 0% {
 left: 100%;
}
 100% {
 left: 0%;
}
}
/*#comming-soon{ position:absolute;    white-space: nowrap;
    -webkit-animation: rightThenLeft 2s linear;
        background-color: #f2f2f2;}*/

@-webkit-keyframes rightThenLeft {
 0% {
 left: 100%;
}
 100% {
 left: 0%;
}
}
.all_barr {
    background-color: #f2f2f2;
}
.all_barr2 {
    background-color: #fff;
    border-radius: 4px;
}
.cancel-link {
    margin-left: 59px;
    font-size: 16px;
    color: gray !important;
    text-decoration: underline;
    font-weight: bold;
}
/*====== Alert Module ========*/
.alert-calen {
    margin-bottom: 0px!important;
}
.alert-timeline-main {
    position: relative;
    margin-bottom: 30px;
}
.alert-con-header {
    color: #D12612;
    background-color: #f8f8f8;
    font-size: 16px;
    padding: 8px 14px;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-content {
    position: relative;
    margin-left: 62px;
    border-radius: 3px;
    margin-top: 30px;
    border: 1px solid #e8e8e8;
}
.timeline-content-inner {
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.timeline-content-inner .content-left, .timeline-content-inner .content-left {
    padding: 0px;
}
.timeline-content-inner .content-right {
    text-align: center;
}
.timeline-content-inner .content-right i {
    font-size: 21px;
    color: #000;
}
.timeline-content-inner .content-right h5 {
    font-size: 16px;
    color: #000;
    margin: 5px 0 0;
}
.timeline-content-inner h3 {
    margin: 0px 0 6px;
    font-size: 16px;
}
.timeline-content-inner h3 strong {
    font-weight: normal;
    color: #000;
}
.timeline-content-inner h4 {
    margin: 0px 0 13px;
    font-size: 16px;
}
.timeline-content-inner h4 strong {
    font-weight: normal;
    color: #000;
}
.timeline-content-inner h4 span {
    color: #D12612;
}
.timeline-content-inner p {
    margin: 0px;
    font-size: 15px;
    color: #000;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
    color: #fff;
}
.alert-timeline-main:before, .alert-timeline-main:after {
    content: " ";
    display: table;
}
.alert-timeline-main:after {
    clear: both;
}
.alert-timeline-main:before, .alert-timeline-main:after {
    content: " ";
    display: table;
}
.alert-timeline-main:after {
    clear: both;
}
.alert-timeline-main:before {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    background: #e9e9e9;
    left: 16%;
    top: 0px;
    bottom: 20px;
    margin-left: -5px;
    border-radius: 6px;
}
.alert-timeline-main .timeline-entry {
    position: relative;
    width: 84%;
    float: right;
    margin-bottom: 20px;
    clear: both;
}
.alert-timeline-main .timeline-entry:before, .alert-timeline-main .timeline-entry:after {
    content: " ";
    display: table;
}
.alert-timeline-main .timeline-entry:after {
    clear: both;
}
.alert-timeline-main .timeline-entry:before, .alert-timeline-main .timeline-entry:after {
    content: " ";
    display: table;
}
.alert-timeline-main .timeline-entry:after {
    clear: both;
}
.alert-timeline-main .timeline-entry.begin {
    margin-bottom: 0;
}
.alert-timeline-main .timeline-entry.left-aligned {
    float: left;
}
.alert-timeline-main .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px;
}
.alert-timeline-main .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left;
}
.alert-timeline-main .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right;
}
.alert-timeline-main .timeline-entry.left-aligned .timeline-entry-inner .timeline-content {
    margin-left: 0;
    margin-right: 70px;
}
.alert-timeline-main .timeline-entry.left-aligned .timeline-entry-inner .timeline-content:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.alert-timeline-main .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -20px;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner:before, .alert-timeline-main .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner:after {
    clear: both;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner:before, .alert-timeline-main .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner:after {
    clear: both;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -104px;
    text-align: right;
    padding: 0px;
    top: 38px;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-time > span {
    display: inline-block;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
    font-size: 15px;
    font-weight: bold;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
    font-size: 15px;
    font-weight: bold;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-icon {
    width: 35px;
    height: 35px;
    border-radius: 20px;
    float: left;
    background-color: #D12612;
    margin-top: 30px;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #fff;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
    background-color: #ee4749;
    color: #fff;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #21a9e1;
    color: #fff;
}
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
    background-color: #cc2424;
    color: #fff;
}
.morecontent span {
    display: none;
}
.morelink {
    display: inline;
    padding-left: 10px;
}
.morelink:hover, .morelink:focus, .morelink:active {
    color: #c41301;
}
.map-icon:hover, .map-icon:focus, .map-icon:active {
    color: #c41301;
}
/*
.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-content:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f5f5f6 transparent transparent;
    left: 0;
    top: 10px;
    margin-left: -9px;
}

.alert-timeline-main .timeline-entry .timeline-entry-inner .timeline-content p + p {
    margin-top: 15px;
}
/*====== Alert Module End ========*/

/*=== Installation guide css start ===*/

.installation-guide {
    padding: 60px 0 40px;
    text-align: center;
}
.installation-guide .fa {
    color: #fff;
    font-size: 80px;
    position: relative;
    background-color: #D12612;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    line-height: 140px;
    margin-bottom: 20px;
}
.installation-guide .fa:after {
    position: absolute;
    content: "";
    border: 2px dashed #D12612;
    width: 160px;
    height: 160px;
    left: -10px;
    top: -10px;
    border-radius: 50%;
}
.installation-guide h3 {
    color: #D12612;
    font-size: 22px;
    margin-bottom: 3px;
}
.installation-guide .installation-btn {
    background-color: #c41301;
    padding: 14px 10px;
    border-radius: 5px;
    color: #fff;
    min-width: 230px;
    display: inline-block;
    margin: 15px 0 0;
}
.installation-guide .installation-btn:hover, .installation-guide .installation-btn:focus {
    text-decoration: none;
}
/*== Screen recording ==*/



body .screen-recording {
    padding: 0px 20px 25px;
}
body .screen-recording .video {
    width: 16.66666667%;
    margin: 30px 0 5px;
    padding: 0;
}
body .screen-recording .nailthumb-container {
    border: none !important;
    height: 340px !important;
}
.screen-recording .galler_checkbox {
    margin: 2px 19px 0;
    z-index: 999;
}
body .screen-recording .nailthumb-image {
    width: 91% !important;
    height: 100% !important;
    left: auto !important;
    top: auto !important;
}
.image-app-info .app-icon {
    color: #aeaeae;
    padding: 1px 0 5px;
    position: relative;
    width: 91%;
    border-bottom: 1px solid #aeaeae;
    font-size: 13px;
	display: flex;
}
.image-app-info .app-icon span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
    text-transform: capitalize;
}
.image-app-info .app-date {
    font-size: 12px;
    margin: 5px 0 0;
}
.image-app-info-bottom img {
    float: right;
    margin: -18px 0 0;
}
.image-app-info-bottom {
    width: 91%;
}





@media (max-width: 908px) {
#search-form {
    padding: 6px 6px !important;
}
.del-menu p {
    margin-top: 11px !important;
}
.leftmenu {
    margin-left: 0px;
}
}
.intro {
    display: none;
}
.leftmenu {
    margin-top: -5px;
    background-color: #f2f2f2;
    border-radius: 4px;
    box-shadow: inset 0px 0px 6px 0px gray;
}
.nomargin {
    margin: 0px;
}
.margntop {
    margin-top: 0px;
}
.margntop10 {
    margin-top: 10px;
}
.margntop15 {
    margin-top: 15px;
}
.margntop20 {
    margin-top: 20px;
}
.margntop30 {
    margin-top: 30px;
}
.margin-t-b-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.margin-0-auto {
    margin: 0 auto;
}
.del-menu p a {
    color: #FFF;
}
.searchbtn {
    float: left;
    position: relative;
}
.delete1 {
    float: left;
    width: 20px;
    padding: 0px !important;
    margin: 3px 0px 0px 18px !important;
    min-width: 20px !important;
    height: 31px !important;
}
.delete-btn {
    float: left;
    margin-right: 50px;
    position: relative;
}
.buy-box h1 {
    margin: 0 0 40px;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: bolder;
    font-size: 36px;
}
.basic-edition .box ul li:nth-child(2) span strong {
    font-size: 62px;
    font-weight: bolder;
    color: black !important;
    font-family: 'Lato', sans-serif;
}
.btn-cross {
    width: 21px;
    height: 20px;
    background: url(../img/search-cross.png) no-repeat center 30px;
    background-size: 20px;
    position: absolute;
    z-index: 999;
    background-position: top center;
    right: -8px;
}
.right-menu {
    float: right;
    margin-right: 1%;
    height: 37px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 999;
}
.right-menu2 {
    float: right;
    margin-right: 3%;
    height: 37px;
    position: absolute;
    right: 0px;
    bottom: 28px;
    z-index: 999;
}
.paddingbottoma {
    margin-bottom: 20px;
}
.error_a {
    border: 1px solid #c41301 !important;
}
.whatsapp_tag {
    xbackground: url(../img/whatsapp-icon.png);
    top: 0;
    left: 0;
    max-height: 302px;
    max-width: 355px;
    position: fixed;
    z-index: 999999;
}
.viber_tag {
    background: url(../img/viber-icon.png) no-repeat center 30px;
    top: 0;
    left: 0;
    xmax-height: 302px;
    xmax-width: 355px;
    position: fixed;
    z-index: 999999;
}
.myclass {
    top: 0;
    left: 0;
    z-index: 9999999999;
    position: relative;
}
/*--------------------------buy now page-------------------------*/
/*..................conversion page css...............................*/

.bgcolor {
    background-color: #F0F0F0;
}
.con_nav-main {
    margin: 25px 0 20px 0;
}
.conver-back {
    font-size: 24px;
    float: left;
    border-right: 1px solid #b5b5b5;
    position: relative;
    padding: 0px 14px 0 30px;
}
.conver-back img {
    position: absolute;
    left: 0;
    top: 8px;
}
.con_nav {
    margin: 0px;
    padding: 0px;
}
.con_nav li {
    display: inline-block;
    padding: 0 0px 0 25px;
    word-break: break-all;
}
.con_nav li:last-child {
    color: #4b4b4b;
    font-size: 16px;
    vertical-align: top;
    margin-top: 5px;
}
.con_ul {
    margin-top: 20px;
    padding: 0px;
}
.con_ul li:nth-child(1n+1) {
    margin-bottom: 20px;
}
.con_nav li a {
    font-size: 22px;
    word-break: break-all;
}
.border_radius {
    width: 56px;
    height: 56px;
    background-color: #ffd4d0;
    border-radius: 50%;
    border: 1px solid #eca29c;
    text-align: center;
    line-height: 52px;
    color: #c53527;
    font-size: 30px;
    font-weight: bold;
    overflow: hidden;
}
.sender .border_radius img {
    float: left;
    margin: 7px 0px 0 -8px;
    position: relative;
    border-radius: 50%;
}
.sender .libgcolor {
    background-color: #feddd9;
    border-radius: 5px;
    border: 1px solid #eca29c;
    padding: 10px;
    margin-left: 20px;
}
.sender .libgcolor:after {
    content: '';
    position: absolute;
    top: 16px;
    left: -17px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #feddd9;
    border-style: solid;
    border-width: 9px;
    transform: rotate(180deg);
}
.sender .libgcolor:before {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: -18px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #eca29c;
    border-style: solid;
    border-width: 9px;
    transform: rotate(180deg);
}
.sender .libgcolor p {
    color: #4b4b4b;
    font-size: 13px;
    word-wrap: break-word;
}
.sender .libgcolor span a {
    color: #aa1103;
    font-size: 14px;
    font-weight: bold;
}
.con_time {
    padding-right: 0px;
}
.imgage {
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}
.con_time h6 {
    color: #aa1103;
    font-size: 12px;
    float: right;
    margin: 0px;
    font-weight: bold;
}
.reciver {
}
.reciver .libgcolor {
    background-color: #ededed;
    border-radius: 5px;
    border: 1px solid #e1e0e0;
    padding: 10px;
    margin-right: 20px;
}
.reciver .libgcolor:after {
    content: '';
    position: absolute;
    top: 16px;
    right: -16px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ededed;
    border-style: solid;
    border-width: 9px;
    transform: rotate(0deg);
}
.reciver .libgcolor:before {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    right: -18px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #e1e0e0;
    border-style: solid;
    border-width: 9px;
    transform: rotate(0deg);
}
.reciver .border_radius {
    width: 56px;
    height: 56px;
    background-color: #ededed;
    border-radius: 50%;
    border: 1px solid #e1e0e0;
    text-align: center;
    color: #c53527;
    font-weight: bold;
    overflow: hidden;
}
.reciver .border_radius img {
    float: left;
    position: relative;
    border-radius: 50%;
    width: 100%;
}
.reciver .libgcolor p {
    color: #4b4b4b;
    font-size: 13px;
    word-wrap: break-word;
}
.reciver .libgcolor span a {
    color: #aa1103;
    font-size: 14px;
    font-weight: bold;
}
.reciver .con_time {
    padding-right: 0px;
}
.reciver .con_time h6 {
    color: #4c4c4c;
    font-size: 12px;
    float: right;
    margin: 0px;
    font-weight: bold;
}
/*.............................contact list page..................................*/
.nopadleft-2 {
    padding-left: 0px;
}
.main_colum {
    border-bottom: 1px solid #cecece;
    padding: 10px 0px 10px 0;
}
.fontsize40 {
    font-size: 40px !important;
}
.clear {
    clear: both;
}
.conlist {
}
.conlist h2 {
    font-size: 24px;
    margin: 0px;
    color: #c41301;
    word-break: break-all;
}
.red_color {
    color: #c41301 !important;
}
.conlist h6 {
    color: #c41301;
    font-size: 15px;
    margin: 3px 0 3px 0;
    word-break: break-all;
}
.conlist p {
    margin-bottom: 3px;
}
.Today h6 {
    color: #aa1103;
    font-weight: bold;
    font-size: 11px;
    margin-top: 5px;
    float: right;
}
.tinder-icon {
    margin: 30px 0 0 56px;
    display: inline-block;
    position: relative;
}
.tinder-icon:hover .tinder-icon-hover {
    display: block;
}
.tinder-icon-hover {
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: -42px;
    min-width: 100px;
    left: -36px;
    display: none;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #BDBBBB;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 2px 8px rgba(0,0,0,.175);
    text-align: center;
    color: #000;
    white-space: normal;
}
.tinder-icon-hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 7px;
    transform: rotate(90deg);
}
.tinder-icon-hover:before {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #BDBBBB;
    border-style: solid;
    border-width: 8px;
    transform: rotate(90deg);
}
/*.................................................................*/	
.galler_checkbox {
    float: right;
    margin: 0px;
    height: 11px;
}
.galler_checkbox input[type='checkbox'] {
    margin: 6px !important;
}
.galler_checkbox .phone-checkbox {
    float: left;
    width: 0px;
    height: inherit;
}
.video_checkbox {
    margin-right: 24px;
    margin-top: 5px;
}
.margn_top5 {
    margin-top: 5px;
}
.margn_bottom15 {
    margin-bottom: 15px !important;
}

.img-app-info-photos {
    padding: 5px 0px 0;
    width: 98%;
}
.img-app-info-photos .app-date {
   font-size: 13px;
    margin: 0;
}
.image-app-info-bottom img {
    float: right;
    margin: -18px 0 0;
}
.photo-check-b {
    margin: -50px 8px 0px;
}


/*.galler_checkbox input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url(../img/checks.png) no-repeat 0 0;
  line-height  : 24px;
}

.galler_checkbox input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

.galler_checkbox input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}*/	
.grid_nav {
    margin: 0px;
    padding: 0px;
}
.grid_nav li {
    display: inline-block;
    padding: 0 0px;
}
.grid_nav li a {
    margin: 0px;
    padding: 7px 13px;
    display: block;
    text-decoration: none;
}
.grid_nav li a:hover {
    color: #fff;
    background-color: #c41301;
}
.grid_nav li a.active, .grid_nav li a:hover {
    background-color: #c41301;
    color: #fff;
}
.redlabel {
    color: #c41301;
    font-size: 11px;
    font-weight: 600;
}
.paddingleft120 {
    padding-left: 120px !important;
}
.groupcase {
    display: inherit !important;
    padding-left: 118px !important;
}
.grid_nav2 {
    margin: 0px;
    padding: 0px;
}
.grid_nav2 li {
    display: inline-block;
    padding: 0 0px;
    float: left;
}
.grid_nav2 li a {
    margin: 0px;
    padding: 7px 13px;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    border: 1px solid #ccc;
    border-bottom: none;
}
/*...................................user main css...........................................*/
.usermain li .dropdown-menu {
    margin-top: 3px !important;
    right: 0px;
    z-index: 999999999;
}
.usermain li .dropdown-menu:after {
    content: "";
    background-image: url(../img/langafter.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 7px;
}
/*...................................language css...........................................*/
.languagemain .language {
    margin-top: 5px;
}
.languagemain .username img {
    width: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 0px;
}
.languagemain .navbar-nav > li > a {
    padding: 2px 6px;
    color: #aaa;
}
.languagemain .navbar-nav i.fa-angle-down {
    border: 0px !important;
    padding: 5px;
    width: auto;
    color: #000;
}
.languagemain .dropdown-menu {
    margin-top: 10px !important;
    right: 4px;
    z-index: 9999999999;
}
.languagemain .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: inherit !important;
    border-color: none;
}
.languagemain .nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: inherit !important;
}
.languagemain .languagein a {
    display: block;
    padding: 6px 0px 4px 7px;
    color: #000;
}
.languagemain li .dropdown-menu:after {
    content: "";
    background-image: url(../img/langafter.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 7px;
}
/*......................iclude css start..................................*/
.marbottom70 {
    margin-bottom: 70px !important;
}
.icluidnav {
    overflow: hidden;
    margin: 0 0 60px;
}
.icluidnav ul {
    padding: 0;
    margin: 0;
    text-align: center;
}
.icluidnav ul li:first-child {
    border-right: none;
    border-radius: 6px 0 0 6px;
}
.icluidnav ul li {
    display: inline-block;
    width: 33.3%;
    margin: 0 0px;
    border: 1px solid #c9c9c9;
}
.icluidnav ul li:last-child, .icluidnav ul li:last-child a {
    border-left: none;
    border-radius: 0 6px 6px 0;
}
.icluidnav ul li:first-child a {
    border-radius: 6px 0 0 6px;
}
.icluidnav ul li a {
    display: block;
    color: #4a4a4a;
    padding: 10px 0;
    text-align: center;
    background: #f2f2f2;
    font-size: 18px;
    margin-right: 0px !important;
}
.icluidnav .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: #c41301;
    text-decoration: none;
    color: #fff;
    outline: 0;
}
.icluidnav .nav-tabs>li.active>a::after, .nav-tabs>li.active>a:hover::after, .nav-tabs>li.active>a:focus::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -9px;
    left: 46%;
    border-style: solid;
    border-width: 8px 10px 0 10px;
    border-color: #c41301 transparent transparent transparent;
}
.icluidnav .nav-tabs {
    border-bottom: 0px;
}
/*apple acces css start*/
.appleaccform {
    max-width: 403px;
    width: 100%;
    margin: 15px auto 0 auto;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}
.apptoptext {
    text-align: center;
    padding: 20px 0;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
}
.apptoptext h4 {
    color: #5e5e5e;
    text-align: center;
    margin: 0px;
}
.formarea {
    padding: 20px;
}
.formarea label {
    margin: 0px;
    color: #5e5e5e;
    font-size: 14px;
}
.formarea input {
    padding: 11px 8px;
    /*	color: #c3c3c3;*/
    margin: 7px 0 14px;
    border: 1px solid #dddddd;
    border-radius: inherit;
    font-size: 14px;
    position: relative;
}
.icon1 {
    background-image: url(../img/devusericon1.png) !important;
    background-repeat: no-repeat;
    background-position: 334px 12px;
}
.icon2 {
    background-image: url(../img/devpassicon1.png) !important;
    background-repeat: no-repeat;
    background-position: 334px 12px;
}
.appnext {
    color: #fff !important;
    font-size: 18px !important;
    width: 100%;
    margin-bottom: 0px !important;
    background: #ce3021; /* Old browsers */
    background: -moz-linear-gradient(top, #ce3021 1%, #b0291c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ce3021), color-stop(100%, #b0291c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ce3021 1%, #b0291c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ce3021 1%, #b0291c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ce3021 1%, #b0291c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ce3021 1%, #b0291c 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce3021', endColorstr='#b0291c', GradientType=0 ); /* IE6-9 */
}
/*............................devcies css start...............................................*/	
.devtoptext {
    margin: 58px 0 58px;
}
.devtoptext p {
    color: #919191;
    font-size: 16px;
}
.devborder {
    border: 2px solid #eaeaea;
    border-radius: 5px;
}
.devimgarea {
    text-align: center;
    min-height: 437px;
}
.devimgarea img {
    max-width: 100%;
    height: auto;
}
.devimgarea_img1 {
    margin-top: 57px;
}
.devimgarea_img2 {
    margin-top: 44px;
}
.devimgarea_img3 {
    margin-top: 23px;
}
.nopadding2 {
    padding: 0 0 0 0 !important;
}
.devmainrow {
    margin: 0 auto;
}
.devmaincolum {
    width: 32.4%;
    float: left;
    margin-right: 10px;
}
.devmaincolum:nth-child(3n+3) {
    margin-right: 0px;
}
.devtext {
    padding: 10px;
    border: 1px solid #c7c7c7;
    background-color: #f8f8f8;
    border-bottom: 0px;
}
.devtext h5 {
    color: #aa1103;
    font-size: 16px;
    margin: 0px;
    text-align: center;
}
.devgray {
    color: #626262;
}
.device_select {
    text-align: center;
    margin: 25px 0 0px;
}
.deviceselect {
    font-size: 16px;
    color: #fff;
    padding: 13px 0;
    width: 126px;
    background-color: #c41301;
    border: 1px solid #5c0800;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
}
.deviceselect:hover {
    background-color: #a81000;
    color: #fff;
    box-shadow: 0 0 5px rgba(103,10,0,.5) inset;
    text-decoration: none;
}
/*ios-update-version*/
.ios-update-version h1 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 55px auto 35px auto;
}
.ios-update-version .top-text {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    color: #000;
    padding-top: 20px;
}
.ios-update-version .icluidnav {
    overflow: inherit;
}
.ios-update-version .appleaccform {
    margin: 50px auto 0 auto;
    box-shadow: 0 0 40px 8px #ccc;
    background-color: #f5f5f5;
}
.ios-update-version .apptoptext {
    background: #fff;
    padding: 18px 0 16px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e7e7e7;
}
.ios-update-version .apptoptext h4 {
    color: #000;
}
.ios-update-version .formarea input {
    border-radius: 5px;
    box-shadow: 0 0 10px 3px #ccc;
    border: 1px solid #8c8c8c;
}
.ios-update-version .formarea input#frm_relay_btn {
    box-shadow: none;
    background: #be2c1e;
    text-transform: uppercase;
    font-size: 15px !important;
    border: none;
}
.ios-update-version .alert-danger {
    background: #ecc8c5;
    margin: 20px 20px 0;
    padding: 10px;
    position: relative;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ios-update-version .alert-danger span {
    color: #c03a36;
    font-weight: 600;
}
.ios-update-version .alert-danger .glyphicon-ban-circle {
    font-size: 22px;
    margin-right: 7px;
    color: #c03a36;
    font-weight: normal;
    font-weight: 100;
}
.ios-update-version .alert-danger .glyphicon-remove {
    position: absolute;
    right: 10px;
    top: 14px;
    color: #c89995;
    font-weight: 100;
}
.ios-update-version .alert-success {
    background: #ddf3d5;
    margin: 20px 20px 0;
    padding: 10px;
    position: relative;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ios-update-version .alert-success span {
    color: #597151;
    font-weight: 600;
}
.ios-update-version .alert-success .glyphicon-ok {
    font-size: 17px;
    margin-right: 7px;
    color: #597151;
    font-weight: normal;
    font-weight: 100;
}
.ios-update-version .alert-success .glyphicon-remove {
    position: absolute;
    right: 10px;
    top: 14px;
    color: #acc6a4;
    font-weight: 100;
}
/*iPhone multi devices page design*/
.devices-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.multi-devices-design {
    width: 37%;
    margin: 60px 30px;
}
.multi-devices-design .devimgarea img {
    margin: 0;
}
.multi-devices-design .devimgarea {
    min-height: 370px;
}
.multi-devices-design .devborder {
    box-shadow: 0 0 22px 12px #ccc;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
    padding: 60px 0 40px;
}
.multi-devices-design .devtext {
    padding: 2px;
    border: none;
    background-color: inherit;
    text-align: center;
}
.multi-devices-design .devtext h2 {
    color: #db2614;
    font-size: 17px;
    margin: 0;
    font-weight: 600;
}
.multi-devices-design .devtext h5 {
    color: #565656;
    font-size: 16px;
    margin: 0;
}
.multi-devices-design .devtext h4 {
    margin: 12px 0;
    background-color: #db2614;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 5px 6px;
    line-height: 22px;
    display: inline-block;
    outline: 2px dashed #7c7c7c;
    min-width: 194px;
}
.multi-devices-design .device_select {
    margin: 18px 0 0;
}
.multi-devices-design .device_select a {
    color: #fff;
    background-color: #585353;
    min-width: 150px;
    margin: 0 auto;
    display: inline-block;
    padding: 9px 7px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
}
.multi-devices-design .device_select a:hover {
    text-decoration: none;
}
.d-refresh-btn {
    color: #fff;
    background-color: #C41301;
    min-width: 150px;
    margin: 0 auto;
    display: inline-block;
    padding: 11px 7px 9px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}
.d-refresh-btn:hover, .d-refresh-btn:focus {
    color: #000;
    background-color: #fff;
    text-decoration: none;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px 2px #ccc;
}
.dev-not-found .col-sm-6 {
    text-align: center;
}
.dev-not-found p {
    margin: 40px 0;
}
div#its_my_devices {
    margin: 40px 0px 10px;
    font-size: 16px;
}
/*===== Download url design =======*/

.download-icons {
    padding: 30px 0 15px;
}
.download-icons .col-sm-2 {
    width: 90px;
}
.download-icons h2 {
    font-size: 24px;
    font-weight: 600;
    text-decoration: underline;
    color: #c41301;
    margin: 0 0 2px;
}
.download-icons p {
    font-size: 20px;
    margin: 0;
}
.download-ul {
    margin-top: 20px;
    padding-left: 19px;
}
.download-ul li {
    list-style-type: none;
    position: relative;
    padding: 0 0px 5px 30px;
    font-size: 18px;
}
.download-ul li:before {
    content: "";
    background: url(../img/red-tick.png) no-repeat left center;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}
.download-ul li strong {
    color: #c41301;
}
/*....................allsetsmain css start....................................*/	
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.float-none {
    float: none!important;
}
.btn-float-right a {
    float: right;
    min-width: 79px;
    margin-right: 19px;
    margin-top: 10px;
}
.empty-call-s {
    min-height: 29px;
}
.width155 {
    width: 155px;
}
.allsetsmain {
    background-color: #f8f8f8;
    padding: 37px 18px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-top: 31px;
    text-align: justify;
}
.allsetsmain p {
    font-size: 16px;
    color: #919191;
    line-height: 26px;
}
.loading {
    width: 105%;
    margin-left: -8px;
}
.Pending {
    background: url(../img/pandding.png) no-repeat right 0px;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: table-cell !important;
}
/* user account lanaguage setting */
.langaccount label {
    clear: both;
}
.langaccount .language {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 5px 0 0;
    font-family: "FontAwesome", "Open Sans";
    width: 100%;
    padding: 9px;
    border: 1px solid #999;
    margin-top: 45px;
}
.langaccount .username img {
    width: 45px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 0px;
}
.langaccount .navbar-nav i.fa-angle-down {
    border: 0px !important;
    padding: 5px;
    width: auto;
    color: #000;
    float: right;
}
.langaccount .dropdown-menu {
    min-width: 320px;
    right: 30px;
}
.langaccount .dropdown-menu img {
    width: 13%;
}
.langaccount .user-full-name {
    font-size: 16px;
}
.langaccount .navbar-nav > li {
    width: 100%;
}
.langaccount .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
}
/*======================== call log update css============================*/

.main-conteianer-call {
    background-color: #f0f0f0;
}
.full-border-radius {
    border-radius: 6px 6px 6px 6px;
}
.newcall {
    background-color: #fff;
}
.margin-b-0 {
    margin-bottom: 0px;
}
.margin-b-20 {
    margin-bottom: 20px;
}
.margn10 {
    margin: 10px 0;
}
.info-h {
    font-size: 26px;
    vertical-align: top;
    margin: 8px 0 0 2px;
    position: relative;
}
.call_popup {
    display: none;
    position: absolute;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    padding: 10px;
    background-color: #fff;
    min-width: 450px;
    line-height: 22px;
    right: -7px;
    -webkit-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.75);
    top: 34px;
    z-index: 999;
}
.call_popup:after {
    content: "";
    background-image: url(../img/langafter.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 7px;
}
.call_popup p {
    margin: 0px;
}
.info-h:hover .call_popup {
    display: block;
}
h1.new-c-h {
    margin: 15px 0 8px 0;
}
.padding-right0 {
    padding-right: 0px;
}
.padding-left-0 {
    padding-left: 0px;
}
/*============================== dashboard new redisgn =========================*/
.dashboard-main-new {
    padding: 20px;
}
.dashboard-top {
    padding-bottom: 20px;
}
.title-dashboard {
    background-color: #d12612;
    display: inline-block;
    width: 100%;
    padding: 15px 5px;
    float: left;
    color: #b5b5b5;
    margin-bottom: 18px;
    -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
}
.caption-new .nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}
.caption-new p {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 0px;
}
.caption-new .angle-down {
    font-size: 15px;
    margin-left: 15px;
    padding: 2px 4px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    color: #999999;
    background-color: #fff;
    vertical-align: top;
}
.service-summary {
    background-color: #fff;
    padding: 23px 20px;
    min-height: 145px;
    -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
}
.service-summary .loading-overlay, .service-summary .no-data {
    padding-top: 35px;
}
.service-account-img {
    text-align: center;
    width: 98px;
    height: 98px;
    float: left;
    margin-right: 5px;
}
.service-account-img a {
    display: inline-block;
}
.service-account-img img {
    text-align: center;
}
.device-list .service-account-img img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #ddd;
    margin-top: 0px;
    width: 100%;
}
.service-summary h2 {
    font-size: 18px;
    margin: 10px 0 0;
}
.service-summary .device-list p {
    line-height: 24px;
    margin-bottom: 4px;
    font-size: 14px;
}
.service-name {
    margin-top: 8px;
}
.service-name li {
    font-size: 14px;
    color: #8c8c8c;
    list-style: inherit;
    margin-bottom: 8px;
}
.setting-buttons-d {
}
.setting-buttons-d > ul {
    padding: 0;
}
.setting-buttons-d li {
    text-align: center;
}
.setting-buttons-d a .caption {
    font-size: 13px;
    margin-top: 10px;
}
.db-settings {
    background-image: url(../img/db-settings.png);
    width: 53px;
    height: 53px;
    margin: 0 auto;
}
.db-reports {
    background-image: url(../img/db-reports.png);
    width: 53px;
    height: 53px;
    margin: 0 auto;
}
.db-upgrade {
    background-image: url(../img/db-upgrade.png);
    width: 53px;
    height: 53px;
    margin: 0 auto;
}
.db-icloud-pull {
    background-image: url(../img/db-icloud-pull.png);
    width: 53px;
    height: 53px;
    margin: 0 auto;
}
.setting-buttons-d li:hover .db-settings {
    background-image: url(../img/db-settings-hover.png);
}
.setting-buttons-d li:hover .db-reports {
    background-image: url(../img/db-reports-hover.png);
}
.setting-buttons-d li:hover .db-upgrade {
    background-image: url(../img/db-upgrade-hover.png);
}
.setting-buttons-d li:hover .db-icloud-pull {
    background-image: url(../img/db-icloud-pull-hover.png);
}
.setting-buttons-d li:hover .caption {
    color: #c41301;
    text-decoration: none;
}
.setting-buttons-d li:hover a {
    text-decoration: none;
}
.caption-new .dropdown-menu {
    margin-top: 6px !important;
    right: 8px;
    min-width: 270px;
    padding: 0px 0px;
}
.caption-new .dropdown-menu:after {
    content: "";
    background-image: url(../img/langafter.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 7px;
}
.caption-new .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;
    background-repeat: none;
    background-color: inherit;
}
.devices-info {
    background-color: #db2e19;
    padding: 21px;
    color: #fff;
    min-height: 220px;
}
.devices-info .loading-overlay, .devices-info .no-data {
    padding-top: 30%;
}
.devices-info ul {
    margin: 0px;
    padding: 0px;
}
.devices-info h6 {
    font-size: 18px;
    margin: 0px 0 15px;
}
.devices-info span {
    font-size: 12px;
    margin-bottom: 17px;
    display: block;
}
.devices-info li {
    font-size: 12px;
    padding-left: 38px;
    margin-bottom: 13px;
}
.devices-info li:nth-child(1) {
    background-image: url(../img/db-battery.png);
    background-repeat: no-repeat;
}
.devices-info li:nth-child(2) {
    background-image: url(../img/db-wifie.png);
    background-repeat: no-repeat;
    background-position: 4px 0px;
}
.devices-info li:nth-child(3) {
    background-image: url(../img/db-info.png);
    background-repeat: no-repeat;
    background-position: 7px 0px;
}
.devices-info-ul-icloud {
}
.devices-info-ul-icloud li:nth-child(1) {
    background-image: url(../img/db-backup.png);
    background-repeat: no-repeat;
}
.devices-info-ul-icloud li:nth-child(2) {
    background-image: url(../img/db-info.png);
    background-repeat: no-repeat;
    background-position: 4px 0px;
}
.devices-info-ul-icloud li:nth-child(3) {
    background-image: url(../img/db-calender.png);
    background-repeat: no-repeat;
    background-position: 0px -1px;
}
.color-white {
    color: white;
}
.color-white:hover, .color-white:focus {
    color: white;
}
.apps .map-icon-set {
    display: flex;
    height: inherit;
    min-height: 0;
    margin-top: 10px;
}
.dashboard-icons {
    padding: 0 7px;
}
.dashboard-icons h2 {
    padding: 0 5px;
    margin: 7px 0 0;
}
.dashboard-icons .col-sm-6.nopadding2 {
    padding: 0 5px !important;
    word-wrap: break-word;
}
.device-list .dashboard-icons .fa.fa-mobile {
    font-size: 23px;
    width: 19px;
    vertical-align: middle;
    padding-right: 7px;
}
.device-list .dashboard-icons .version1 {
    padding-left: 29px;
}
.device-list .dashboard-icons .key {
    background: url(../img/activation.png) no-repeat -3px 0px;
    padding-left: 21px;
    height: 22px;
    background-size: 16px;
}
.device-list .dashboard-icons .calender {
    padding-left: 30px;
}
/*============================= graph-tabs css start =============================*/		
.graph-tabs {
    -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    border: 1px solid #d9d6d5;
    margin-bottom: 15px;
}
.graph-tabs ul.nav {
    /*width: 60%;*/
    float: left;
}
.border-bottom {
    border-bottom: 1px solid #ebebeb;
    background-color: #f6f5f5;
}
.border-bottom .nav {
    border-bottom: transparent;
}
.graph-tabs ul.nav li {
    background-color: #fff;
    border-right: 1px solid #d9d6d5;
}
.graph-tabs ul.nav li a {
    margin: 0px;
    border: none !important;
    padding: 15px 27px;
}
.graph-tabs ul.nav li a:hover {
    background-color: #d12612 !important;
    color: #fff;
    border-radius: 0px !important;
}
.graph-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: #c41301 !important;
    text-decoration: none;
    color: #fff;
    outline: 0;
    border-radius: 0px !important;
}
.graph-tabs .nav-tabs>li.active>a::after, .nav-tabs>li.active>a:hover::after, .nav-tabs>li.active>a:focus::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -9px;
    left: 46%;
    border-style: solid;
    border-width: 0px 0px 0 0px;
    border-color: #c41301 transparent transparent transparent;
}
img.graph-img {
    width: 100%;
}
.graph-btn {
    background-color: #fff;
    padding: 15px 20px;
    float: right;
    color: #8c8c8c;
    border: none;
}
.graph-dropdown .dropdown-menu {
    width: 200px;
    margin-top: 53px;
    padding: 0px;
}
.graph-dropdown .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;
    background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-color: transparent;
}
/*========================== new devices css start ============================*/
.new-detail h2 {
    text-align: center;
}
.top-p {
    width: 90%;
    margin: 0 auto;
}
.top-p p {
    text-align: center;
}
.new-setting-btn .setting-buttons {
    margin-top: 0px;
}
.new-setting-btn h2 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.new-setting-btn ul {
    max-width: 480px;
    margin: 0 auto;
    padding: 0px;
}
.new-setting-btn ul li {
    float: left;
    text-align: center;
    width: 33%;
}
.new-setting-btn ul li a {
}
.new-setting-btn .caption {
    margin-top: 10px;
}
.new-icon1 {
    background-image: url(../img/new_images/iphone.png);
    background-repeat: no-repeat;
    width: 103px;
    height: 103px;
    margin: 0 auto;
}
.new-setting-btn ul li:hover .new-icon1 {
    background-image: url(../img/new_images/iphone-hover.png);
}
.new-icon2 {
    background-image: url(../img/new_images/android.png);
    background-repeat: no-repeat;
    width: 103px;
    height: 103px;
    margin: 0 auto;
}
.new-setting-btn ul li:hover .new-icon2 {
    background-image: url(../img/new_images/android-hover.png);
}
.new-icon3 {
    background-image: url(../img/new_images/icloud.png);
    background-repeat: no-repeat;
    width: 103px;
    height: 103px;
    margin: 0 auto;
}
.new-setting-btn ul li:hover .new-icon3 {
    background-image: url(../img/new_images/icloud-hover.png);
}
.new-setting-btn ul li:hover .caption {
    color: #c41301;
}
.new-setting-btn {
    padding-bottom: 50px;
}
.instal {
    float: none !important;
    width: 100% !important;
}
.instal a .caption {
    color: #c41301;
}
.instal .new-icon1 {
    margin: 0 auto;
}
.margin-r-0 {
    margin-right: 0px !important;
}
.margin-r-10 {
    margin-right: 10px !important;
}
.margin-r-15 {
    margin-right: 15px !important;
}
.install-info h2 {
    margin: 4px 0 18px;
}
.font-bold {
    font-weight: 600!important;
}
.font-weight-400 {
    font-weight: 400!important;
}
.install-info h3 {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-top: 0px;
}
.change-plat-img img {
    width: 75px;
    margin-top: 0px;
    /*	margin-top: -52px;*/
    margin-bottom: 11px;
}
.install-info h3 a {
    color: #7f7f7f;
}
.change-plat {
    padding: 0px;
}
.change-plat li {
    display: inline-block;
    border-right: 1px solid #808080;
    padding: 0 10px;
    font-size: 14px;
}
.border-r-n {
    border-right: none !important;
}
.change-plat li a {
}
.change-plat p {
    color: #434343;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px;
}
.sele-ple-in {
    text-align: center;
    margin: 10px 0 0;
}
.select-p-h {
    margin-top: 0px;
    /*        margin-top: -50px;*/
    text-align: center;
}
/*========================== new devices css end ============================*/
.lacation-msg {
    padding: 10px 0;
    font-size: 14px;
}
.location-p {
    margin-top: 5px;
}
.location-t {
    text-align: right;
}
.location-t span {
    margin-right: 10px;
}
.margin-t-23 {
    margin-top: 23px;
}
.margin-t-5 {
    margin-top: 5px!important;
}
.margin-t-10 {
    margin-top: 10px!important;
}
.margin-t-40 {
    margin-top: 40px;
}
.margin-t-60 {
    margin-top: 60px;
}
.remote-set {
    margin: 0 auto;
    width: 98%;
    margin-bottom: 60px;
    position: absolute;
    background-color: #f0f0f0;
    right: 15px;
}
/*================================ db bottom area start =============================*/
.db-shadow {
    -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.75);
}
.last-know {
    background-color: #fff;
    padding: 12px 15px;
}
.left-h6 {
    float: left;
}
.last-know h6 {
    color: #db2e19;
    font-size: 18px;
    margin: 0px;
}
.last-know p {
    color: #888888;
    font-size: 14px;
    margin: 9px 0 0 0;
}
.see-more-db {
    float: right;
    font-size: 14px;
    color: #fff;
    background-color: #db2e19;
    padding: 7px 13px;
    margin-top: 7px;
}
.see-more-db:hover {
    background-color: #C31B07;
    color: #fff;
    text-decoration: none;
}
.recent-msg {
    background-color: #f6f5f5;
    padding: 26px 15px;
}
.recent-msg h6 {
    color: #db2e19;
    font-size: 18px;
    margin: 0px;
}
.recent-msgs-view {
    background-color: #fff;
    height: 303px;
}
.msg-row {
    font-size: 14px;
    color: #9b9b9b;
    padding: 11px 2px 9px;
    border-bottom: 1px solid #ebebeb;
}
.msg-row h5 {
    color: #db2e19;
    font-size: 16px;
    margin: 0px;
}
.left-map {
    padding: 0px;
    width: 49%;
    min-height: 375px;
    float: left;
}
.left-map .loading-overlay, .left-map .no-data {
    padding-top: 125px;
}
.right-msgs {
    padding: 0px;
    width: 49%;
    min-height: 375px;
    float: right;
}
.right-msgs .loading-overlay, .right-msgs .no-data {
    padding-top: 125px;
}
.dashboard-main-new .angular-google-map-container, .dashboard-main-new .map-db {
    height: 303px;
}
.dashboard-main-new .tab-content {
    height: 395px;
    background: #fff;
    padding: 0 10px;
}
.dashboard-main-new .tab-content .loading-overlay, .dashboard-main-new .tab-content .no-data {
    padding-top: 188px;
    height: 395px;
}
.dashboard-main-new .chart {
    width: 100%;
    height: 350px;
}
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important
}
.loading-overlay, .no-data {
    text-align: center;
}
.tab-pane, .no-data {
    height: inherit;
}
#call_logs>.portlet-body>.loading-overlay {
    padding: 12% 40%;
    position: fixed;
}
#call_logs .group .record:first-child {
    border: none;
}
#call_logs .group .record {
    border: none;
    border-top: 1px solid #e7e7e7;
}
#call_logs, #sms_logs .loading-bar {
    cursor: default;
}
.spinner, .loading-icon {
    margin: 0 auto;
    width: 45px;
    height: 45px;
    padding: 8px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.95);
    -moz-box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.95);
    box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.95);
}
.loading-icon {
    padding: 7px;
    cursor: pointer;
}
.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 40;
    fill: transparent;
    stroke-width: 5px;
    stroke: #db2e19;
}
/*===== Whatch World ====*/

.watchlist-wordform {
    text-align: center;
}
.watch-l-w-input input {
    background-color: #f8f7f7;
    height: 57px;
    padding: 6px 20px;
    font-size: 15px;
    border-radius: 4px;
    width: 65%;
    border: 1px solid #c1c1c1;
    margin: 0 10px 0 0;
}
.watch-l-w-input input:focus {
    box-shadow: 0px 0px 14px 2px #e8e8e8;
    outline: none;
    border: 1px solid #c1c1c1;
}
.watch-l-w-input .btn {
    margin: 0;
    font-size: 18px;
    border-radius: 4px;
    padding: 15px;
    width: 20%;
    vertical-align: top;
}
/*===== Whatch Contacts ====*/

.watch-l-c-input .watchlist-wordform {
    text-align: left;
}
.watch-l-c-input input {
    background-color: #f8f7f7;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
    margin: 5px 0px 15px 0;
}
.watch-l-c-input input:focus {
    box-shadow: 0px 0px 14px 2px #e8e8e8;
    outline: none;
    border: 1px solid #c1c1c1;
}
.watch-l-c-input .btn {
    margin: 5px 0 0 0;
    font-size: 14px;
    border-radius: 4px;
    padding: 14px;
    width: 50%;
    text-transform: uppercase;
    position: relative;
}
.watch-l-c-input .btn:hover {
    background-color: #a7190b;
    color: #fff;
}
.watch-l-c-input .btn:before {
    content: "+";
    position: absolute;
    margin: 0 auto;
    left: -74px;
    right: 0;
    border: 2px solid #fff;
    width: 22px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
}
/*========================== data export css start ==========================*/
.data-export {
    padding: 30px 12px;
}
.data-export select {
    background-color: #fbfbfb;
    height: 45px;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 4px;
    width: 90%;
    max-width: 336px;
    margin-bottom: 15px;
    border: 1px solid #c1c1c1;
    background-image: linear-gradient(45deg, transparent 50%, #c1c1c1 50%), linear-gradient(135deg, #c1c1c1 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.data-export select:focus {
    box-shadow: 0px 0px 14px 2px #e8e8e8;
    outline: none;
    border: 1px solid #c1c1c1;
}
.data-export input {
    background-color: #f8f7f7;
    height: 45px;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 4px;
    width: 80%;
    border: 1px solid #c1c1c1
}
.data-export input:focus {
    box-shadow: 0px 0px 14px 2px #e8e8e8;
    outline: none;
    border: 1px solid #c1c1c1;
}
.data-export label {
    color: #d12612;
    font-size: 16px;
    float: left;
    width: 90px;
    text-align: right;
    margin-right: 10px;
    margin-top: 8px;
    font-weight: 600;
}
.data-export input[type="radio"] {
    width: inherit;
    height: inherit;
}
.to-data {
    width: 239px;
    float: left;
}
.to-data input {
    width: 135px;
    margin: 0;
}
.to-from {
    width: 198px;
    float: left;
}
.to-from label {
    width: 53px;
}
.to-from input {
    width: 135px;
    margin: 0;
}
.csv-class {
    float: left;
    margin: 20px 20px 0 84px;
    position: relative;
}
.csv-class input[type="radio"] {
}
.csv-class label {
    float: none;
    width: inherit;
    margin: 0 0 0 36px;
    color: #5a5a5a;
    font-size: 17px;
}
.csv-class label:after {
    content: "";
    background-image: url(../img/csv-after.png);
    position: absolute;
    width: 26px;
    height: 24px;
    left: 19px;
}
.pdf-class {
    float: left;
    margin: 20px 0px 0 0px;
    position: relative;
}
.pdf-class input[type="radio"] {
}
.pdf-class label {
    float: none;
    width: inherit;
    margin: 0 0 0 42px;
    color: #5a5a5a;
    font-size: 17px;
}
.pdf-class label:after {
    content: "";
    background-image: url(../img/pdf-after.png);
    position: absolute;
    width: 28px;
    height: 29px;
    left: 23px;
}
.export-ok {
    display: inline-block;
    background-color: #c41301 !important;
    color: #fff;
    padding: 13px 39px !important;
    text-align: center;
    margin: 27px 0 0 0px;
    width: 90% !important;
    max-width: 336px;
}
.export-ok:hover {
    color: #fff;
    background-color: #B11707;
    text-decoration: none;
    cursor: pointer;
}
.export-ul {
    padding: 0;
    margin: 0;
}
.export-ul li {
    text-align: center;
    color: #c41301;
}
.export-ul li .caption {
    color: #c41301;
}
.export-ul li .fa {
    font-size: 29px;
    margin-bottom: 6px;
}
.export-ul img {
    text-align: center;
    margin-bottom: 6px;
}
/********************** imessage image div css START ***********************/
.image-div-i {
    max-width: 230px;
    width: 90% !important;
    position: relative;
    float: left;
    overflow: inherit !important;
}
.image-div-i img {
    width: 100% !important;
    top: 0 !important;
}
.image-i-new .imgage {
    float: left;
    margin: -5px 5px 0 0;
}
.image-i-new h6 {
    text-align: left;
    float: left !important;
}
.margin-b-5 {
    margin-bottom: 5px;
}
.margin-b-10 {
    margin-bottom: 10px!important;
}
/********************** imessage image div css END ***********************/
/********************** ICLOUD TO 2FA 102 START ***********************/
.icloud-fa h1 {
    font-size: 34px;
    margin: 36px auto 3px;
    font-weight: bold;
}
.icloud-fa p {
    font-size: 18px;
    text-align: center;
}
.installation-steps {
    padding: 40px;
    background-color: #fff;
}
.margin-t-0 {
    margin-top: 0px !important;
}
.installation-steps h2 {
    color: #c41301;
    text-align: center;
    font-size: 30px;
    margin: 0px 0 30px;
    font-weight: 500;
}
.installation-steps .row {
    padding: 30px 0 0;
}
.guide-box h4 {
    color: #000;
    font-size: 20px;
    margin: 30px 0 3px;
}
.guide-img {
    text-align: center;
    margin: 25px 0 0 0;
}
.guide-step {
    font-size: 16px;
    font-weight: 900;
    padding: 33px 3px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    left: 35%;
    top: -9%;
    background: #c41301;
    color: #fff;
    float: left;
    margin: 0 1px 0 0;
    position: absolute;
    text-align: center;
    display: block;
}
.guide-step:after {
    content: "";
    border: 2px dashed #c41301;
    width: 102px;
    height: 102px;
    display: inline-block;
    border-radius: 50%;
    top: -6px;
    left: -6px;
    position: absolute;
}
.guide-img img {
    max-width: 100%;
}
.installation-step-android img {
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 210px;
}
.installation-step-android .guide-img {
    margin: 35px 0 35px 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.guide-icon-w-img {
    display: inline-block;
    position: relative;
    margin: 0 15px;
}
.installation-step-android .guide-step {
    width: 44px;
    height: 44px;
    left: -25px;
    top: -17px;
    display: flex;
    justify-content: center;
    padding: 0;
    text-transform: none;
    font-size: 19px;
    margin: 0;
    line-height: 44px;
}
.installation-step-android .guide-step:after {
    content: "";
    border: 2px dashed #c41301;
    width: 56px;
    height: 56px;
    display: inline-block;
    border-radius: 50%;
    top: -6px;
    left: -6px;
    position: absolute;
}
.guide-box h3 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 5px;
    color: #c41301;
}
.guide-box p {
    margin: 0;
}
.color-red {
    color: #c71f0d;
}
.testimonial-ul-info {
    padding: 0;
    margin: 20px 0 0 20px;
}
.testimonial-ul-info li {
    list-style-type: disc;
    color: #c71f0d;
    font-size: 18px;
    padding-bottom: 10px;
}
.testimonial-ul-info li span {
    color: #3e3e3e!important;
    font-size: 18px;
    font-family: lato;
}
.note-text {
    font-size: 24px;
    margin: 20px 0 0 0;
    color: #c41301;
}
.icloud-fa-ul {
    margin: 10px 0 0 0;
}
.icloud-fa-ul li {
    list-style-type: disc;
    font-size: 29px;
    color: #c41301;
    line-height: 22px;
    padding-bottom: 5px;
}
.icloud-fa-ul span {
    font-size: 17px;
    color: #333;
    vertical-align: bottom;
}
.color-black {
    color: #000!important;
}
.window-mac-btn {
    text-align: center;
    margin: 30px 0 18px;
}
.window-mac-btn ul {
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #919191;
    border-radius: 25px;
    box-shadow: 0 0 7px 2px #ccc;
}
.window-mac-btn li {
    background-color: #fff;
    display: inline-block;
    border-radius: 25px;
    float: left;
}
.window-mac-btn li a {
    color: #000;
    cursor: pointer;
    padding: 7px 15px;
    min-width: 120px;
    display: inline-block;
}
.window-mac-btn li a:hover, .window-mac-btn li a:focus {
    background-color: #c41301;
    text-decoration: none;
    color: #fff;
}
.window-mac-btn .window-btn:hover, .window-mac-btn .window-btn:focus {
    border-radius: 25px 0 0 25px;
}
.window-mac-btn .mac-btn:hover, .window-mac-btn .mac-btn:focus {
    border-radius: 0 25px 25px 0;
}
.window-btn-active {
    border-radius: 25px 0 0 25px;
    background-color: #c41301;
    text-decoration: none;
    color: #fff!important;
}
.mac-btn-active {
    border-radius: 0 25px 25px 0;
    background-color: #c41301;
    text-decoration: none;
    color: #fff!important;
}
/********************** ICLOUD TO 2FA 102 END ***********************/
/*Calender design Css */
.calender-main {
    font-family: 'Lato', sans-serif;
    padding: 15px 0;
}
.calendar-date-icon {
    width: 54px;
    height: 54px;
    background-color: #c41301;
    display: block;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    text-align: center;
    position: relative;
    line-height: 11px;
    padding-top: 10px;
}
.calendar-date {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 13px;
    top: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}
.calendar-month {
    font-size: 12px;
    font-weight: bold;
    display: block;
}
.phone-logo-calender {
    float: left;
}
.calender-check {
    width: 20px;
    margin-left: 12px;
}
.calender-check input {
    height: 15px;
    width: 15px;
    margin: 30px 3px !Important;
}
.calender-main .call-name {
    font-size: 18px;
    font-weight: 700;
}
.calender-main .call-details {
    margin-top: 0px;
}
.calender-main .address {
    color: #c21203;
    font-weight: 700;
}
.calender-main .address .fa {
    font-size: 19px;
}
.all-d-clock {
    background: url(../img/time.png) no-repeat left top;
    color: #c21203;
    font-weight: 700;
    padding-left: 20px;
    float: left;
    margin-right: 15px;
}
.calender-repeat {
    color: #c21203;
    font-weight: 700;
}
.repeat-icon {
    background: url(../img/repeat.png) no-repeat left;
    padding-left: 25px;
}
.calender-main p {
    color: #282628;
    font-family: 'Lato', sans-serif;
    margin-bottom: 0px;
}
.to-from-after:after {
    content: "-";
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 29px;
}
.calender-d-time {
    float: right;
}
.calender-main .call-start {
    margin-top: 0px;
}
.calender-main .call-start span {
    text-align: center;
}
.calender-date {
    font-size: 18px!important;
    color: #666 !important;
}
.calender-t-row {
    height: auto !important;
}
.icloud-message-main {
    padding: 10px;
    border: 1px solid #ecce95;
    background-color: #fef5e5;
    border-radius: 3px;
    color: #5f4d06;
    position: relative;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
}
.msg_close {
    position: absolute;
    right: -11px;
    top: -10px;
    background-color: #db2e19;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 19px;
}
.msg_close:hover, .msg_close:focus {
    color: #fff;
    text-decoration: none;
}
/*Calender design Css End */
/*===== Analysis page css ====*/
.anal-calener-row {
    background-color: #f8f8f8;
    margin: -6px -6px -6px;
    padding: 18px 0 18px 6px;
    border-bottom: 1px solid #cfcfcf;
}
.anal-calener-row h4 {
    margin: 5px 0 0 0;
}
.top-10 h3 {
    margin: 9px 0 0;
}
.icon-anal {
    width: 48px;
    height: 48px;
    background-color: #C41302;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 23px;
    margin: 0 15px 0 0;
}
.top-box {
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    position: relative;
    min-height: 96px;
}
.top-box h4 {
    margin: 10px 9px 0;
    font-size: 15px;
    color: #000000;
    word-break: break-all;
    font-weight: bold;
}
.top-box h5 {
    margin: 5px 9px 0;
}
.top-box h6 {
    margin: 5px 9px 0;
}
.top-box-duration {
    min-height: 102px;
}
.numbring {
    width: 24px;
    height: 24px;
    font-size: 14px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    background-color: #d0cfcf;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    border-radius: 0px 5px 0 0px;
    position: absolute;
    top: 0;
    right: 0;
}
.eyes-anal {
    margin: 0 10px 0 0;
    position: absolute;
    right: 0;
    bottom: 3px;
}
/*===== Analysis page css End ====*/
/*iCloud pull design Css Start */
.add-job-btn {
    background-color: #c41301;
    font-family: 'Lato', sans-serif;
    color: #fff;
    display: inline-block;
    border: none;
    border-radius: 4px;
    padding: 12px;
    margin-top: 30px;
    min-width: 157px;
}
/*iCloud pull design Css End */
@-webkit-keyframes rotator {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
}
@-webkit-keyframes colors {
 0% {
 stroke: #4285F4;
}
 25% {
 stroke: #DE3E35;
}
 50% {
 stroke: #F7C223;
}
 75% {
 stroke: #1B9A59;
}
 100% {
 stroke: #4285F4;
}
}
.spinner {
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;
}
.spinner .path {
    stroke-dasharray: 1, 150; /* 1%, 101% circumference */
    stroke-dashoffset: 0;
    stroke: #db2e19;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
 100% {
 transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
 100% {
 transform: rotate(360deg);
}
}
@keyframes dash {
 0% {
 stroke-dasharray: 1, 150;  /* 1%, 101% circumference */
 stroke-dashoffset: 0;
}
 50% {
 stroke-dasharray: 90, 150; /* 70%, 101% circumference */
 stroke-dashoffset: -35;   /* 25% circumference */
}
 100% {
 stroke-dasharray: 90, 150; /* 70%, 101% circumference */
 stroke-dashoffset: -124;  /* -99% circumference */
}
}
@-webkit-keyframes dash {
 0% {
 stroke-dasharray: 1, 150;  /* 1%, 101% circumference */
 stroke-dashoffset: 0;
}
 50% {
 stroke-dasharray: 90, 150; /* 70%, 101% circumference */
 stroke-dashoffset: -35;   /* 25% circumference */
}
 100% {
 stroke-dasharray: 90, 150; /* 70%, 101% circumference */
 stroke-dashoffset: -124;  /* -99% circumference */
}
}
/*#to.ng-valid,#from.ng-valid{
        border-color:green !important; 
}*/
#to.ng-invalid, #from.ng-invalid {
    border-color: red !important;
}
#ujjj, .relogin, ._2fa, #ajax-block {
    display: none;
}
.datepicker {
    width: 8.666667% !important;
    float: left;
    padding: 0px 0px 0px 5px !important;
    margin: 0px !important;
    border: 0px !important;
    background: none;
    font-size: 14px;
    cursor: pointer;
}
.main-analysis {
    position: relative;
}
.anaylsis_loader {
    text-align: center;
    position: absolute;
    padding: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#anaylsis #tool {
    text-align: right;
    display: none;
}
#anaylsis #tool .tool i {
    font-size: 22px;
    color: #D12612;
    vertical-align: middle;
}
.weekday {
    font-size: 12px;
    font-weight: bold;
}
.circle {
    padding: 7px;
}
.call-anaylsis {
    width: 4%;
    float: left;
    text-align: center;
    border: 1px solid #fff;
    font-size: 12px;
}
.call-anaylsis > div:nth-child(1) {
    background: #c41301;
    border-radius: 50%;
    max-width: 30px;
    max-height: 30px;
    margin: 0 auto;
}
.call-anaylsis .dot {
    width: 5px !important;
    height: 5px !important;
}
/*====== Social App Design =====*/
.anal-social {
    background-color: #f0f0f0;
    box-shadow: none;
    border: none;
    margin: -15px;
    padding: 28px 0 17px 0px;
}
.app-two-colom h4, .app-white-colom h4 {
    color: #c41301;
    font-weight: 400;
    font-size: 20px;
}
.app-white-colom h4 {
    margin: 0px!important;
    color: #000;
}
.app-two-colom ul {
    padding: 0;
    margin: 0;
}
.app-two-colom ul li {
    padding: 11px 0;
    border-bottom: 1px solid #e7e7e7;
}
.app-two-colom ul li .logo-div-main {
    width: 13.666667%;
    padding-right: 5px;
}
.app-two-colom ul li:last-child {
    border-bottom: none;
}
.app-long-colom ul li:last-child {
    border-bottom: 1px solid #e7e7e7;
}
.app-white-colom {
    background-color: #fff;
    box-shadow: 0 0 5px 2px #b7b7b7;
    margin-top: 20px;
}
.app-logo img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #c41301;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-white-colom .app-duration {
    font-size: 16px;
    color: #c41301;
    font-weight: 400;
    margin: 0;
}
.graph-colom {
    padding: 40px 0 25px;
    text-align: center;
    min-height: 374px;
}
.graph-colom img {
    margin: 0 auto;
}
.graph-colom h4 {
    margin: 10px 0 0 !important;
}
.app-long-colom h4 {
    margin-top: 17px;
}
.app-spend-time {
    color: #000;
    font-weight: 400;
    font-size: 17px;
}
.app-long-colom ul li .logo-div-main {
    width: 6.666667%;
    padding-right: 5px;
}
li.active #moreRecord {
    font-size: 15px !important;
    color: white;
    font-weight: bold;
    padding-left: 3px;
}
#moreRecord {
    font-size: 16px !important;
    color: #428bca;
    font-weight: bold;
}
.photo-loader {
    width: 35px;
    height: 35px;
    margin: 0 0 0 10px;
}
.timeline-content-inner p span {
    color: #D12612;
}
.select2-search__field, .select2-results__option--highlighted, .select2-selection__choice {
    text-transform: lowercase;
}
.attention_alert {
    background-color: #ce4638;
    color: #fff;
    padding: 6px 24px;
    font-size: 14px;
}
.attention-body {
    padding: 15px 12px 5px;
}
.attention-body p {
    font-size: 14px;
    text-align: center;
}
.attention-body strong {
    color: #ce4638;
}
.attention_alert_close {
    color: #fff;
    opacity: 1;
    box-shadow: none;
    font-size: 17px;
    margin: 2px 10px 0 0;
}
.attention-doNotshow-main {
    text-align: center;
    padding: 0px 0 15px;
    margin: 0px;
}
.attention-doNotshow-main button {
    background-color: #c41301;
    box-shadow: none;
    margin: 0px;
    color: #fff;
}
.attention-doNotshow-main button:hover {
    color: #fff;
}

@media all and (max-width: 1020px) and (min-width: 768px) {
.border_radius {
    margin: 10px auto;
}
.reciver .libgcolor {
    min-height: 145px;
}
.conlist {
    text-align: justify;
}
}

@media all and (max-width: 767px) and (min-width: 320px) {
.border_radius {
    margin: 10px auto;
}
.conlist {
    text-align: justify;
}
.form-buttons {
    margin-top: 25px;
    padding-left: inherit;
}
.caption .dropdown-menu {
    right: 0px;
    min-width: 210px;
    text-align: center;
}
.pic-border {
    margin: 0 auto;
    float: none;
}
.new-caption .fa {
    display: none;
}
.caption .dropdown-menu>li>a {
    padding: 3px 10px !important;
}
.installation-steps {
    padding: 15px;
}
.installation-guide .fa {
    font-size: 60px;
    width: 120px;
    height: 120px;
    line-height: 120px;
}
.installation-guide .fa:after {
    width: 140px;
    height: 140px;
}
.installation-guide .installation-btn {
    padding: 12px 10px;
    min-width: 210px;
    font-size: 14px;
}
.installation-guide .android-icon {
    margin-bottom: 50px;
}
.guide-icon-w-img:nth-child(2), .guide-icon-w-img:nth-child(3),
.guide-icon-w-img:nth-child(4) {
    margin-top: 50px;
}
.installation-steps h2 {
    font-size: 22px;
    margin: 0px 0 10px;
}
.guide-box h3 {
    font-size: 20px;
}
.installation-step-android img {
    max-width: 100%;
}
}

@media all and (max-width: 419px) and (min-width: 320px) {
.border_radius {
    margin: 10px auto;
}
.conlist {
    text-align: justify;
}
.form-buttons {
    margin-top: 25px;
}
}

@media (min-width: 1100px) {
.nopadleft {
    padding-left: 0px;
}
.nopadright {
    padding-right: 0px;
}
.pull-right-sm {
    float: right;
}
.pull-left-sm {
    float: left;
}
.to-from-after {
    width: 127px;
}
.to-from-after-2 {
    float: right;
    width: 147px;
}
}

@media (min-width: 768px) {
.padding-r-sm-0 {
    padding-right: 0px;
}
.padding-l-sm-0 {
    padding-left: 0px;
}
.top-box-main {
    width: 20%;
}
.pull-right-sm {
    float: right;
}
}

@media (min-width: 1200px) {
.app-two-colom ul li .col-sm-3 {
    padding: 0 10px;
}
}

@media only screen and (min-width : 1380px) and (max-width : 1700px) {
.graph-colom {
    min-height: 374px;
    max-height: 374px;
}
#chart-area {
    width: 85% !important;
    height: 85% !important;
}
}

/*====== Social App Design =====*/
@media only screen and (min-width : 992px) and (max-width : 1300px) {
body .video {
    width: 23%;
    margin: 15px 4px;
}
.photos-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.settings-remote {
    width: 100%;
}
.data-export select {
    width: 70%;
}
.export-ok {
    width: 70% !important;
}
}

@media only screen and (min-width : 1100px) and (max-width : 1280px) {
/*==== Dashboard Css Set ====	*/
.dashboard-icons {
    padding: 0 2px;
}
.dashboard-icons h2 {
    padding: 0 5px;
    margin: 7px 0 0;
}
.dashboard-icons .col-sm-6.nopadding2 {
    padding: 0 3px !important;
    word-wrap: break-word;
}
.device-list .dashboard-icons .fa.fa-mobile {
    width: 15px;
}
.device-list .dashboard-icons .version1 {
    padding-left: 25px;
}
.device-list .dashboard-icons .key {
    padding-left: 17px;
}
.device-list .dashboard-icons .calender {
    padding-left: 26px;
}
}

@media only screen and (min-width : 320px) and (max-width : 1024px) {
.call-anaylsis {
    float: none;
    width: 100%;
    height: 36px;
}
.timing {
    position: absolute;
    top: 86px;
    width: inherit;
}
.main-week {
    float: left;
    width: 12%;
}
.main-week:first-child {
    margin-left: 45px;
}
.weekday {
    width: 90%;
    position: absolute;
    bottom: -6px;
    padding: 0px;
    word-break: break-all;
    text-align: center;
}
.sub-analysis {
    padding-bottom: 20px;
}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
.service-account-img {
    float: none !important;
    margin: 0 auto !important;
}
}

@media only screen and (min-width : 320px) and (max-width : 650px) {
.weekday {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 36px;
    left: 36%;
}
.main-week:nth-child(1):hover .call-anaylsis .tooltip:hover:after, .main-week:nth-child(1):active .call-anaylsis .tooltip:active:after, .main-week:nth-child(2):hover .call-anaylsis .tooltip:hover:after, .main-week:nth-child(2):active .call-anaylsis .tooltip:active:after, .main-week:nth-child(3):hover .call-anaylsis .tooltip:hover:after, .main-week:nth-child(3):active .call-anaylsis .tooltip:active:after {
    left: -653%;
    margin-left: 0px;
}
.main-week:nth-child(4):hover .call-anaylsis .tooltip:hover:after, .main-week:nth-child(4):active .call-anaylsis .tooltip:active:after {
    left: -93px;
    margin-left: 0px;
}
}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
body .screen-recording .video {
    width: 25%;
}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
body .screen-recording .video {
    width: 33.33333333%;
}
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
body .screen-recording .video {
    width: 100%;
}
body .screen-recording .nailthumb-container {
    text-align: center;
}
body .screen-recording .nailthumb-image {
    width: auto !important;
}
.screen-recording .loading-m {
    left: auto !important;
    right: auto !important;
}
.screen-recording .galler_checkbox {
    margin: 2px 30px 0;
    z-index: 999;
}
}