/* line 215, ../scss/materialadmin/_header.scss */
.header-nav-profile .dropdown .profile-info {
    font-family: "Latto", sans-serif;
    display: inline-block;
    vertical-align: middle;
    padding: 13px 20px 0 10px;
    line-height: 15px;
}
/*.header-nav-profile .dropdown .profile-info span {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 20px 0 16px;
  line-height: 15px;
}*/
.date-sent-sms li {
    font-family: 'Lato', sans-serif!important;
    font-weight: 300!important;
}
.date-sent-sms li span{
    font-size: 14px!important;
    font-weight: 300!important;
}
.header-nav-profile .dropdown .ink-reaction .fa:before {
    content: ""!important;
}
.input-group-field {
    display: table-cell;
    vertical-align: middle;
    border-radius:4px;
}
.input-group-field .form-control {
    border-radius: inherit !important;
    margin: 0px !important;
}
.input-group-field:not(:first-child):not(:last-child) {
    border-radius:0;
}
.input-group-field:not(:first-child):not(:last-child) .form-control {
    border-left-width: 0;
    border-right-width: 0;
}
.input-group-field:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.ac-filter-form {
    background-color: white!important;
    border-radius: 5px;
}
.ac-filter-form {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ac-filter-form > table{
    padding: 15px 0 10px 0;
}

.input-group-btn .btn {
    padding: 8px 12px;
}

.noty-custom {
    position: relative;
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    min-width: 250px;
    border-radius: 5px!important;
}

.noty-custom-div div:nth-child(2) {
    margin-top : 5px;
    background-color: #d9edf7!important;
    border-color: #bce8f1;
    color: #31708f;
}

.noty-custom-div div:nth-child(3) {
    background-color: #fcf8e3!important;
    border-color: #faebcc;
    color: #8a6d3b;
}

.noty-custom-div div:nth-child(4) {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.noty-custom-div div:nth-child(5) {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.noty-custom-div div:last-child {
    background-color: white!important;
    border-color: white;
    color: #262626;
    font-size: 12px;
}

.noty-custom-div {
    margin-bottom: 3px;
}

/*Changing Main Menu Font Awsome icons colors*/

/* line 36, ../scss/_settings.scss */
#main-menu li:first-child .gui-icon {
    color: #5f9eee;
}
/* line 42, ../scss/_settings.scss */
#main-menu li:nth-child(2) .gui-icon {
    color: #76c187;
}
/* line 48, ../scss/_settings.scss */
#main-menu li:nth-child(3) .gui-icon {
    color: #deb63b;
}
/* line 54, ../scss/_settings.scss */
#main-menu li:nth-child(4) .gui-icon {
    color: #9e7da6;
}
/* line 60, ../scss/_settings.scss */
#main-menu li:nth-child(5) .gui-icon {
    color: #ff4136;
}
/* line 66, ../scss/_settings.scss */
#main-menu li:nth-child(6) .gui-icon {
    color: #5f9eee;
}

#main-menu li:nth-child(7) .gui-icon { 
    color: #fc8b06;
}

#main-menu li:nth-child(8) .gui-icon {
    color: #c5ec27;
}

#main-menu li:nth-child(9) .gui-icon {
    color: #D82828;
}

#main-menu li:nth-child(10) .gui-icon {
    color: #36f5c6;
}

/* line 72, ../scss/_settings.scss */
#main-menu li:last-child .gui-icon {
    color: #ff851b;
}

.table-list-view .filter-sent-sms p button {

}

@media only screen and (min-width: 1200px) {
    #dashboard-blk .graph-blk .country-table table caption {
        text-align: center;
        color:black!important;
        background-color: #ffffff!important;
        opacity: 1!important; 
    }  
    .table-list-view .filter-sent-sms p {
        float: right;
        position: inherit; 
        top: 6px;
        margin-bottom: 0px;
        display: inline-block;
    }

    .table-list-view .filter-sent-sms p button{
        display: inline-block!important;
        width: 32%;
        padding: 9px 10px !important;
        margin: 0;
    }
}


@media only screen and (max-width: 767px) {
    /*COLORBOX WIDGET STYLES*/
    #colorbox {
        left:15%!important;
        width:90%!important;
        height:100%!important;
    }
    #colorbox #cboxWrapper{
        width:90%!important;
        height:100%!important;
    }
    #colorbox #cboxContent{
        width:90%!important;
        height:100%!important;
    }

    #colorbox #cboxLoadedContent{
        width:90%!important;
        height:100%!important;
    }
    #colorbox #cboxLoadedContent img{
        width:90%!important;
        height:100%!important;
    }
    /*ENDS*/
    #dashboard-blk .graph-blk .chats-blk {
        width:100%!important;
    }
    #dashboard-blk .graph-blk .country-table{
        float: none!important;
        width:100%!important;    
    }
    #dashboard-blk .graph-blk .country-table table caption {
        text-align: center;
        color:black!important;
        background-color: white!important;
    }   
    .com_sms.customize > div#base > div#content > .form-list-view > div.row > .right-side-panel {
        display:none!important;
    } 

    .com_sms.customize > div#base > div#content > .form-list-view h1.right-panel-hg {
        margin-top: 18px; 
    }

    .com_sms.bulk > div#base > div#content > .form-list-view > div.row > .right-side-panel {
        display:none!important;
    } 

    .com_sms.bulk > div#base > div#content > .form-list-view h1.right-panel-hg {
        margin-top: 18px; 
    }
    .date-sent-sms li span{
        font-size: 12px!important;
        font-weight: 300!important;
    }
    .btn {
        display: block !important;
        text-align: center;
        width: 90%;
        border:0px solid transparent!important;
    }

    .table-list-view .filter-sent-sms p button{
        display: block!important;
        width: 100%;
    }
}

.ac-load-more-remove > td {
    text-align: center;
}


/*Written for compatability with old theme**/

.ac-filter-form > table > tbody > tr > td:nth-child(1) {
    border-bottom:0px solid transparent!important;
}

.ac-filter-form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
    padding: 6px 12px;
    font-size: 12px!important;
    line-height: 1;
    color: #555555;
    text-align: left; 
    background-color: transparent; 
    border: 0px solid #cccccc; 
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700!important;
    color: #1591cd;
    padding-right: 12px;
}


.ac-filter-form > table > tbody > tr > td:nth-child(2) > div input[type="text"], 
.ac-filter-form > table > tbody > tr > td:nth-child(2) > div select ,
.ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span > button {
    padding-left: 10px;
    height: 35px;
    border-radius: 4px!important;
    box-shadow: none;
    border: 1px solid #d7d7d7;
}

.ac-filter-form > table > tbody > tr > td:nth-child(2) > div {
    float: left;
}
.ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span > button {
    border: none;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    -webkit-transition: background-color 2s;
    -moz-transition: background-color 2s;
    -o-transition: background-color 2s;
    transition: background-color 2s;
}

@media only screen and (min-width: 1200px) {
    .form-list-view {
        padding: 0;
        padding-left:21px!important;
        padding-right:10px!important
    }
    .form-list-view .right-side-panel .tab-content ul {
        border-top: 1px solid #565656;
        padding-top: 10px;
        margin-top: 14px;
        overflow: auto;
    }

    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div {
        margin-left: -70%;
    }
    .input-group-field:not(:first-child):not(:last-child) .form-control {
        border-left-width: 1px;
        border-right-width: 1px;
    }

    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > .input-group-field {
        float:left!important;
        padding-right: 10px!important;
    }

}

@media only screen and (max-width: 767px) {
    input[type="radio"], input[type="checkbox"] {
        display: inline-block!important;
        width:initial!important;
    }
    .header-nav .dropdown {
        padding: 0px!important;
    }
    .form-list-view .right-side-panel .tab-content ul {
        max-height: 170px!important;
        border-top: 1px solid #565656;
        padding-top: 10px;
        margin-top: 14px;
        overflow: auto;
    }
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div input[type="text"],
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > div > input[type="text"], 
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div select ,
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span > button,
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span > a {
        width: 100%;
        padding-left: 10px;
        height: 35px;
        border-radius: 4px!important;
        box-shadow: none;
        border: 1px solid #d7d7d7;
    }


    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div {
        display: block;
    }
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > div {
        display: inline;
    }

    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > input{
        margin-bottom: 5px;
    }

    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > div > input {
        margin-bottom: 5px!important;
        border-left-width: 1px;
        border-right-width: 1px;
    }
    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > div > select {
        margin-bottom: 5px!important;
        border-left-width: 1px;
        border-right-width: 1px;
    }
    .input-group-field:not(:first-child):not(:last-child) .form-control {
        border-left-width: 1px;
        border-right-width: 1px;
        margin-bottom: 5px;
    }

    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span > button {
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px;
    }

    .ac-filter-form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1;
        color: #555555;
        text-align: left; 
        border: 0px solid #cccccc; 
        border-radius: 4px;
        font-size: 12px;
        font-weight: 700;
        color: #1591cd;
        padding-right: 12px;
    }
    .info {
        width:100%!important;
    }

}

.ac-filter-form > table > tbody > tr > td:first-child h4 {
    margin-top: -43px;
}

.btn-primary {
    background-color: #1591cd;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #31ade9;
    color: #ffffff;
}

.btn-default {
    background-color: #d7d7d7;
    color: #000000;
}

.btn-default:hover {
    background-color: #afafaf;
    color: #000000;
}

.btn-success {
    background-color: #76c187;
    color: #ffffff;
}

.btn-success:hover {
    background-color: #499c5c;
    color: #ffffff;
}

.btn-error {
    background-color: #ff4136;
    color: #ffffff;
}

.btn-error:hover {
    background-color: #c82319;
    color: #ffffff;
}

.btn {
    -webkit-transition: background-color 2s;
    -moz-transition: background-color 2s;
    -o-transition: background-color 2s;
    transition: background-color 2s;
}
.ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span > a{
    background-color: transparent;
    color: #000000;
    border:0px solid transparent!important;
}

.ac-filter-form > table > tbody > tr > td:nth-child(2) > div > span >a:hover {
    background-color: transparent;
    color: #000000;
    border:0px solid transparent!important;
}

tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 0px solid #dddddd!important;
    border-bottom: 1px  solid #dddddd!important;
}

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

.ac-filter-form > table > tbody > tr > td:nth-child(2) > div > .input-group-addon {
    text-transform: uppercase;
}

.account-section {
    padding: 0;
    padding-left:4px!important;
    padding-right:10px!important;
    background: #E5E5E5!important;
}

.menubar-scroll-panel > ul.gui-controls > li > a.new-feature {
    background: url(/public/new.gif) no-repeat top!important;
}

a .new-feature {
    background: url(/public/new.gif) no-repeat top!important;
}

.menubar-scroll-panel > ul.gui-controls > li > a.new-feature:hover {
    background: #2f2f2f url(/public/new.gif) no-repeat top!important;
} 

.menubar-scroll-panel > ul.gui-controls > li > a.new-feature > div:hover {
    background: none!important;
}
.analytics > #base > #content > .row >div:nth-child(2) {
    margin-left: -9%!important;
}

.analytics > #base > #content > .row > .title {
    display: none!important;
}

textarea {
    min-width: 200px;
}

/* api_version styles */

.com_content > #base > #content > .wrapper > .bodyContent {
    margin-left: 5px!important;
    margin-top: 53px!important;
}
.com_content > #base > #content > .wrapper > .bodyContent > h2 {
    text-align: left!important;
    margin-top:-33px!important;
    margin-bottom:0px!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.1!important;
    color: black!important;
}

.com_content > #base > #content > .wrapper > .bodyContent > div.subheadings {
    margin-top:0px!important;
    font-size:13px!important;
    font-weight:400!important;
    padding-bottom: 16px!important;
    color: black!important;
    text-align: left!important;
    font-family: "Lato", sans-serif;
}

.com_content > #base > #content > .wrapper > .bodyContent > :nth-child(4) {
    margin-top: -12px;
    background-color: white;
    padding: 20px;
    position: relative;
}

.com_content > #base > #content > .wrapper > .bodyContent > :nth-child(3) {
    position: relative;
    float:right;
    width:25%;
}

.com_content > #base > #content > .wrapper > .bodyContent > :nth-child(3) > .nav_box {
    margin-left: 24px;
    width: 20%;
    height:100%!important;
    position: fixed;
    top:65px;
    padding:25px 0px;
    border-radius:0px!important;
}
.com_content > #base > #content > .wrapper > .bodyContent > :nth-child(3) > .nav_box > .subheadings {
    color: #069!important;
}

.com_content > #base > #content > .wrapper > .bodyContent > :nth-child(3) > .nav_box > .menu_width >.subheadings {
    color: #069!important;
    margin:0px;
    font-family: "Latto", sans-serif!important;
}
.com_content > #base > #content > .wrapper > .bodyContent > :nth-child(3) > .nav_box > .menu_width {
    height: 100%!important;
}

body .subheadings {
    font-family: "Latto", sans-serif!important;
    font-size: 18px!important;
}
table thead tr th span{
    font-weight: 700!important;
    color: #000000;
    font-size: 12px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

table thead tr th {
    font-weight: 700!important;
    color: #000000;
    font-size: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

span {
    font-size: 13px!important;
    font-weight : 400!important;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 19px!important;
    top: 45%!important;
}

/*importnumbers in groups component style rules*/
table.import {
    border:0px solid transparent!important;
}

table.import  td {
    max-width: inherit!important;
}

table.import  td > div > form > div > table {
    border:0px solid transparent!important;
}

table.import  td > div > form > div > table tbody tr td{
    border:0px solid transparent!important;
    padding: 3px!important;
    background-color: white;
}

.content-box{
    height: 250px;
    border: 1px #C7C5C5 solid;
    border-radius: 5px;
    box-shadow: 4px #666;
    margin-left: 8px;
    width: 400px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 5px;
}
.tab{
    height: 40px;
    background-color: #F1F1F1;
    padding: 10px;
    color: #000;
    margin-top: 4px;
}

.tabs .active{
    background-color: #C7C5C5;
}

/*end of groups component style rules*/

.row-actions > a:first-child {
    color: black;
}

.row-actions a:nth-child(2) {
    color: #76c187;
}

.row-actions a:nth-child(3) {
    color: #1591cd;
}

.row-actions a:nth-child(4) {
    color: #ff851b;
}
.row-actions a:nth-child(5) {
    color: #E48B6E;
}

/* hide  split schedule first time */
.hide-me {
    display: none;
}


/*My Acount Manager Details table design*/

.info {
    min-width:325px!important;
    min-height:200px!important;
    padding:5px!important;
    border: 0px solid transparent!important;
    background-color: white!important;
    box-shadow: 3px 3px 5px #888888;
}
.info > tbody > tr {
    background-color: white!important;
}
.info > tbody > tr td{
    border:none!important;
    padding:10px!important;
}

/*End of  Manager Details table design*/


.shorturl-top {
    margin-bottom: 20px!important;
}
.ui-tbl1 > tbody > tr > td > strong{
    margin-left:20px!important;
}

ul.list-group {
    min-width: 175px!important;
}

/* alerts font awsome icons color defination rules */

.alert-section  .alert-row  .daily-sms-alert .fa.fa-calendar {
    color:#9e7da6;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-sort-alpha-asc {
    color:#E48B6E;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-flash {
    color:#DEDE03;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-database {
    color:#969595;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-fax {
    color:#ff4136;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-file {
    color:#B27661;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-inr {
    color:#EF96CF;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-usd {
    color:#EF96CF;
}

.alert-section  .alert-row  .daily-sms-alert .fa.fa-eur {
    color:#EF96CF;
}

/* End of alerts font awsome icons color defination rules */

.header-nav-profile > li > ul > li:last-child > a > i{
    margin-right: 5px!important;
}

/* For Plugins */
.sms-plugins {
    padding: 0!important;
}



/* Analytics Component Design rules starts...*/

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form {
    margin-top: 54px;
    margin-bottom: 20px;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table{
    padding: 15px 0 10px 0;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555555;
    text-align: left; 
    background-color: transparent; 
    border: 0px solid #cccccc; 
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #1591cd;
    padding-right: 12px;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div input[type="text"],
.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div select ,
.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
    padding-left: 10px;
    height: 35px;
    border-radius: 4px!important;
    box-shadow: none;
    border: 1px solid #d7d7d7;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
    float: left;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
    border: none;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    -webkit-transition: background-color 2s;
    -moz-transition: background-color 2s;
    -o-transition: background-color 2s;
    transition: background-color 2s;
}
@media only screen and (min-width: 1200px) {
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
        margin-left: -70%;
    }

    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > .input-group-field {
        float:left!important;
        padding-right: 10px!important;
    }
    .panel-body > .table.ac-cond > tbody > tr:first-child {
        display: none!important;
    }  
}


@media only screen and (max-width: 767px) {
    /*flows component add condition table design*/

    .panel-body .tablesaw-stack tbody td .tablesaw-cell-label {
        width:50%!important;
    }

    /*End of flows component add condition table design*/
    .btn {
        margin:10px 0!important;
    }
    .btn.btn-icon-toggle.menubar-toggle {
        margin: 0px !important;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div input[type="text"],
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div > input[type="text"],
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div select ,
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button,
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > a {
        width: 100%;
        padding-left: 10px;
        height: 35px;
        border-radius: 4px!important;
        box-shadow: none;
        border: 1px solid #d7d7d7;
    }

    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
        display: block;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div {
        display: inline;
    }  
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > input{
        margin-bottom: 5px;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div > input{
        margin-bottom: 5px!important;
        border-left-width: 1px;
        border-right-width: 1px;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1;
        color: #555555;
        text-align: left; 
        border: 0px solid #cccccc; 
        border-radius: 4px;
        font-size: 12px;
        font-weight: 700;
        color: #1591cd;
        padding-right: 12px;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > div.ac-ajax-content > table > tbody > tr:last-child {
        background-color: #f9f9f9!important;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:last-child {
        background-color: #f9f9f9!important;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > div.ac-ajax-content > table > tbody > tr:first-child > td:first-child >  div {
        background-color:white!important;
        height:0px!important;
        min-height: 340px!important;
    }
    .analytics > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:first-child > td:first-child >  div {
        background-color:white!important;
        height:0px!important;
        min-height: 340px!important;
    }
    .analytics > div#base > div#content {
        padding: 0px!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    .com_sms > div#base > div#content {
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    .com_sms > div#base > div#content > .form-list-view {
        padding: 0px!important;
    }
    .com_flows > div#base > div#content {
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    .com_flows > div#base > div#content > .form-list-view {
        padding: 0px!important;
    }
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:first-child h4 {
    margin-top: -43px;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > a{
    background-color: transparent;
    color: #000000;
    border:0px solid transparent!important;
}
.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span >a:hover {
    background-color: transparent;
    color: #000000;
    border:0px solid transparent!important;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form {
    background-color: white!important;
    border-radius: 5px;
}
.analytics > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > .input-group-addon {
    text-transform: uppercase;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) > div > div.ac-ajax-content > table > tbody > tr:first-child > td:first-child >  div {
    height:0px!important;
    min-height: 340px!important;
}
.analytics > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:first-child > td:first-child >  div {
    height:0px!important;
    min-height: 340px!important;
}

.analytics > div#base > div#content > div.row > div:nth-child(3) {  
    width:100%!important;
}
.analytics > div#base > div#content > div.row {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

/* End of Analytics Design */

.ac-ajax-total {
    font-size: 18px!important;
}

.row-actions {
    padding-left:8px!important;
}

/* My Account Manager details table design starts...*/
.account-section  .row  .col-md-4  ul {
    background-color: #ffffff!important;
    box-shadow: 0 1px 2px #7a7a7a!important;
    font-weight: 700!important;
    border-radius: 4px!important;
    padding: 0px!important;
}

.account-section .row .col-md-4 ul li:nth-child(odd) {
    background-color: #f2f2f2;
}

.account-section .row .col-md-4 ul li {
    margin-bottom: 0px!important;
    border-bottom: 1px solid #d7d7d7 !important;
    padding: 10px 0 10px 10px;
}
.account-section .row .col-md-4 ul li span {
    width: 35%;
    display: inline-block;
}
/* End of My Account Manager details table design*/

body input[type="submit"], body input[type="button"] {
    font-size: 13px!important;
    font-weight: 400!important;
    border: none!important;
    padding: 8px 20px!important;
    border-radius: 3px!important;
    line-height: 16px!important;
    -webkit-transition: background-color 2s!important;
    -moz-transition: background-color 2s!important;
    -o-transition: background-color 2s!important;
    transition: background-color 2s!important;
}

table:not(.table-striped) tr:nth-child(even) {
    background-color: #ffffff !important;
}

/* for Txtly */
@media (max-width: 767px) {
    div select {
        max-width: 100%!important;
    }

    .input-group-btn .btn-success {
        margin-top: 6px!important;
    }

    textarea {
        min-width: 15px!important;
        max-width: 90%!important;
    }
    div.qtip-content  input[type="text"],input[type="email"],input[type="password"],input[type="file"] {    
        //max-width: 90%!important;
    }
    div.qtip-content select {
        max-width: 90%!important;
    }   
    .com_sms > div#base > div#content > .form-list-view > .row > div:first-child > form > ul textarea {
        max-width:100%!important;
    }
    li > .btn  {
        width: 90%!important;
    } 
    .com_sms > div#base > div#content > .form-list-view > .row > div:first-child > form > ul li > div > .btn  {
        width: 100%!important;
    }
    .com_flows > div#base > div#content > .form-list-view > .row > div:first-child > form > ul li > div > .btn  {
        width: 100%!important;
    }
}

/*For progress bar*/
#nprogress .bar {
    background: white;
}

@-moz-document url-prefix() { 
    a .new-feature {
        margin-top: -18px!important;
    }
}

.scheduled.status-1 td:first-child{border-left:3px solid #42EB21 !important;}
.scheduled.status-2 td:first-child{border-left:3px solid #EB2138 !important;}
.scheduled.status-0 td:first-child{border-left:3px solid #FFFB19 !important;}

.com_txtly.analytics > div#base > div#content > div.row > h2.title {
    font-size: 22px!important;
    margin-left: 7%!important;
}

.com_txtly.analytics > div#base > div#content > div.row > div:nth-child(3) > div.row > div.shorturl-middle > table > tbody > tr:first-child td {
    padding:20px 10px!important;
    background-color: #ffffff!important;
}

.com_txtly.analytics > div#base > div#content > div.row > div:nth-child(3) > div.row > div.shorturl-middle > table {
    margin-bottom: 10px!important;
} 

/*com_sms right side panel text box border color changes */
.checkbox-styled:not(ie8) input:enabled ~ span:before {
    border-color: #e5e6e6!important;
}

.checkbox-styled:not(ie8) input:disabled ~ span:before {
    border-color: #959595!important;
}
/*End of com_sms right side panel text box border color changes */

.chats-blk {
    padding: 20px 10px;
    background-color: #ffffff;
}
/* line 676, ../scss/_common.scss */
.chats-blk .chart-options {
    margin-bottom: 20px;
}
/* line 678, ../scss/_common.scss */
.chats-blk .chart-options span {
    padding-left: 14px;
    color: #333;
    font-weight: 300;
    font-size: 12px;
}
/* line 684, ../scss/_common.scss */
.chats-blk .chart-options ul {
    float: right!important;
}
/* line 686, ../scss/_common.scss */
.chats-blk .chart-options ul li {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 700;
    border-right: 1px solid #6a8bb3;
    padding-right: 10px !important;
    color: #e6ebee;
    cursor: pointer;
    line-height: 12px;
}
/* line 696, ../scss/_common.scss */
.chats-blk .chart-options ul li:last-child {
    border-right: none;
}
/* line 699, ../scss/_common.scss */
.chats-blk .chart-options ul li.active {
    color: #6a8bb3;
}
.shorturl-top > .latest-checkins >.chats-blk .chart-options span {
    font-weight: bold!important;
}

/*For table plugin issue*/
.tablesaw-cell-content > .tablesaw-cell-label {
    display: none!important;
}

.tablesaw-stack > tbody > tr.ac-load-more-remove > td  b.tablesaw-cell-label {
    display: none!important;
} 

.ui-import-file{
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    position: absolute;
    left: -3000px;
    z-index: 20;
    cursor: pointer;
}

.headerbar-right  ul.nav.navbar-nav.navbar-left {
    display: none!important;
}

/* pagination row stle rules */
@media only screen and (max-width: 767px) {
    .ui-load-more-results {
        margin: 0 -4%!important;
    }
    .pagination {
        margin: 0!important;
        margin-left: -30%!important;
        margin-right: -40%!important;
    }
    .pagination li a{
        padding:7px!important;
    }
}

@media only screen and (max-width: 350px) {
    .ui-load-more-results {
        margin: 0 -4%!important;
    }
    .pagination {
        margin: 0!important;
        margin-left: -50%!important;
        margin-right: -72%!important;
    }
    .pagination li a{
        padding:7px!important;
    }
}

.tablesaw-stack > tbody > tr td {
    word-wrap:break-word!important;
} 

/*@media only screen {
  .account-section  .col-md-4  h3{
  margin-top: 72px!important;
  font-size: 14px!important;
}
}*/

/* for manager details in account/index.tpl  */
.manager-card .fa-skype {
    color: deepskyblue;
}
.manager-card .fa-mobile {
    color: orange;
}
.manager-card .fa-envelope-o {
    color: green;
}

/* for sms/send highlighting dynamic chars like count od chars and sms */
.ac-numbers-count{
    color: black!important;
}

.ac-sms-count, .ac-sms-credits {
    color: black!important;
}
.sms-cnt {
    color: #959595!important;
}

/* highlightinh hindi text */
.highlight{color: #fff; background-color: red;}

/* for dashboard */
.login-time p{
    font-size:12px!important;
}

/* for SI mailer analytics */
.com_email.analytics > div#base > div#content > div.row > div:nth-child(3) > div.row > div.shorturl-middle > table > tbody > tr:first-child td {
    padding:20px 10px!important;
    background-color: #ffffff!important;
}

.com_email.analytics > div#base > div#content > div.row > div:nth-child(3) > div.row > div.shorturl-middle > table {
    margin-bottom: 10px!important;
} 

/*Email Analytics Style Rules*/

@media only screen and (min-width: 1200px) {
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
        margin-left: -70%;
    }

    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > .input-group-field {
        float:left!important;
        padding-right: 10px!important;
    }
}

@media only screen and (max-width: 767px) {
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div input[type="text"],
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div > input[type="text"],
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div select ,
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button,
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > a {
        width: 100%;
        padding-left: 10px;
        height: 35px;
        border-radius: 4px!important;
        box-shadow: none;
        border: 1px solid #d7d7d7;
    }

    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
        display: block;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div {
        display: inline;
    }  
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > input{
        margin-bottom: 5px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div > input{
        margin-bottom: 5px!important;
        border-left-width: 1px;
        border-right-width: 1px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1;
        color: #555555;
        text-align: left; 
        border: 0px solid #cccccc; 
        border-radius: 4px;
        font-size: 12px;
        font-weight: 700;
        color: #1591cd;
        padding-right: 12px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:last-child {
        background-color: #f9f9f9!important;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:last-child {
        background-color: #f9f9f9!important;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:first-child > td:first-child >  div {
        background-color:white!important;
        height:0px!important;
        min-height: 340px!important;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:first-child > td:first-child >  div {
        background-color:white!important;
        height:0px!important;
        min-height: 340px!important;
    }
    .com_email > div#base > div#content {
        padding: 0px!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form {
    margin-top: 54px;
    margin-bottom: 20px;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table{
    padding: 15px 0 10px 0;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555555;
    text-align: left; 
    background-color: transparent; 
    border: 0px solid #cccccc; 
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #1591cd;
    padding-right: 12px;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div input[type="text"],
.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div select ,
.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
    padding-left: 10px;
    height: 35px;
    border-radius: 4px!important;
    box-shadow: none;
    border: 1px solid #d7d7d7;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
    float: left;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
    border: none;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    -webkit-transition: background-color 2s;
    -moz-transition: background-color 2s;
    -o-transition: background-color 2s;
    transition: background-color 2s;
}
@media only screen and (min-width: 1200px) {
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
        margin-left: -70%;
    }

    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > .input-group-field {
        float:left!important;
        padding-right: 10px!important;
    } 
}


@media only screen and (max-width: 767px) {
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div input[type="text"],
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div > input[type="text"],
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div select ,
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button,
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > a {
        width: 100%;
        padding-left: 10px;
        height: 35px;
        border-radius: 4px!important;
        box-shadow: none;
        border: 1px solid #d7d7d7;
    }

    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div {
        display: block;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div {
        display: inline;
    }  
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > input{
        margin-bottom: 5px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > div > input{
        margin-bottom: 5px!important;
        border-left-width: 1px;
        border-right-width: 1px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > button {
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div >.input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1;
        color: #555555;
        text-align: left; 
        border: 0px solid #cccccc; 
        border-radius: 4px;
        font-size: 12px;
        font-weight: 700;
        color: #1591cd;
        padding-right: 12px;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > div.ac-ajax-content > table > tbody > tr:last-child {
        background-color: #f9f9f9!important;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:last-child {
        background-color: #f9f9f9!important;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > div.ac-ajax-content > table > tbody > tr:first-child > td:first-child >  div {
        background-color:white!important;
        height:0px!important;
        min-height: 340px!important;
    }
    .com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:first-child > td:first-child >  div {
        background-color:white!important;
        height:0px!important;
        min-height: 340px!important;
    }
    .com_email > div#base > div#content {
        padding: 0px!important;
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:first-child h4 {
    margin-top: -43px;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span > a{
    background-color: transparent;
    color: #000000;
    border:0px solid transparent!important;
}
.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > span >a:hover {
    background-color: transparent;
    color: #000000;
    border:0px solid transparent!important;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form {
    background-color: white!important;
    border-radius: 5px;
}
.com_email > div#base > div#content > div.row > div:nth-child(3) > div > form > table > tbody > tr > td:nth-child(2) > div > .input-group-addon {
    text-transform: uppercase;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) > div > div.ac-ajax-content > table > tbody > tr:first-child > td:first-child >  div {
    height:0px!important;
    min-height: 340px!important;
}
.com_email > div#base > div#content > div.row > div:nth-child(3) > div > table > tbody > tr:first-child > td:first-child >  div {
    height:0px!important;
    min-height: 340px!important;
}

.com_email > div#base > div#content > div.row > div:nth-child(3) {  
    width:100%!important;
}
.com_email > div#base > div#content > div.row {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.com_email  h2.title{
    display: none!important;
}
/*End of Email Analytics Style Rules*/
body .date-sent-sms li:nth-child(2){
    border-right:1px solid #ffffff;
    margin-right:10px;
    padding-right:18px;
    line-height:12px;
}

/* for email campaign theme */
.thumbs-email{height:38px; width:38px; margin-right:5px;}

.heads1{font-size:18px; font-weight:bold; margin-top:20px; color:#1591cd}

.heads2{font-size:14px; margin-top:20px; color:#1591cd; text-align:right;}

ul.details{list-style:none; float:left!important; padding-top:15px;}

ul.details li{line-height:28px;}

ul.details li a{padding:4px 8px 4px 8px;} 

ul.details li a:hover{background-color:#d3dff3; padding:4px 8px 4px 8px; border-radius:5px;}

ul.grey{background-color:#f7f7f9;}

ul.white{background-color:#edffff;}

li.down{background-color:#e1e1e1; padding:13px;}

.com_email.campaigns li > form {
    margin-right: 0px!important;
    padding: 0px!important
}

.com_email.campaigns .fa-search {
    left: 85%!important;
    cursor: pointer!important;
}

.com_email.campaigns iframe{
    background-color: white;
    width: 320px;
    height: 308px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    margin-top: -25%;
}

/* for required fields to show asterisk symbol */
textarea:required, input:required,.must {
    background-image: url(../img/red_asterisk.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 8px;
    /*  background-size: 1.4%;
    */}

.alert-section .alert-row .daily-sms-alert .fa.fa-calculator {
    color: #0099CC;
}

.alert-section .alert-row .daily-sms-alert .fa.fa-line-chart {
    color: #483D8B;
}

.ui-autocomplete {
    z-index: 99999!important;
}

.static-popover { display: block !important; color: black!important; }

.popover.bottom {
    margin-top: 32px;
    margin-left: -79px;
    width: 192px;
}
.popover-title {
    text-transform: none;
    padding: 10px!important;
    background-color:beige;
}

.popover.bottom .arrow:after {
    border-bottom-color: beige;
}

@media only screen and (max-width: 767px) {
    .popover.bottom { left: -88px!important;}
    .popover.bottom > .arrow{
        margin-left: 67px!important;color: yellow!important;
    }
}

.hlr-error-status td:first-child{border-left:3px solid #FF0000 !important;}


.vertical-line {
    border-right: solid thin rgba(0,0,0,0.3);
}



.noty_bar {
    position: fixed;
    display: none;
    z-index: 9999999;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

.noty_bar.noty_layout_topCenter {
    top: 20px
}

.noty_bar .noty_message {
    padding: 8px 34px 8px 14px;
    font-weight: bold;
    width: auto;
    text-align: center
}

.noty_bar .noty_message .noty_close {
    position: absolute;
    right: 0px;
    /*background-image: url(../img/icons/cancel-icon.png);*/
    width: 25px;
    background-size: 14px;
    background-repeat: no-repeat;
    height: 25px;
    top: 65%;
    margin-top: -10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer
}

.noty_bar.noty_theme_default {
    padding-left: 30px;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 24px 24px;
    background-position: 5px center;
    min-width: 400px
}

.noty_bar.noty_success {
    background-color: #859c31;
    border-color: #74892b;
    /*background-image: url(../img/icons/icon4.png)*/
}

.noty_bar.noty_information {
    background-color: #3a9df5;
    border-color: #3a9df5;
    /*background-image: url(../img/icons/icon1.png)*/
}

.noty_bar.noty_warning {
    background-color: #c1500c;
    border-color: #c1500c;
    /*background-image: url(../img/icons/icon3.png)*/
}

.noty_bar.noty_info {
    background-color: #2792E6;
    border-color: #2792E6;
    /*background-image: url(../img/icons/icon1.png)*/
}

.noty_bar.noty_alert {
    background-color: #c1500c;
    border-color: #c1500c;
    /*background-image: url(../img/icons/icon3.png)*/
}

.noty_bar.noty_error {
    background-color: #c1500c;
    border-color: #c1500c;
    /*background-image: url(../img/icons/icon2.png)*/
}

.error {background-color:#FFFE36;font-size:11px;border:1px solid #E1E16D;padding:4px 10px;color:#000;display:none;-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; 
        -moz-box-shadow:0 0 6px #ddd;box-shadow:0 0 6px #ddd;-webkit-box-shadow:0 0 6px #ddd; cursor:pointer; z-index:99999}
.error p{margin:0;}
.error em {border: 10px solid;border-color: #FFFE36 transparent transparent;bottom: -17px;display: block;height: 0;left: 10px;position: absolute;width: 0;}



.apps-drop-down {
    margin: 10px!important;
}

/** apps list in menu header */
.ac-apps-list-div {
    width: 300px;
    float: left;
    border: #e5e6e6 1px solid;
    padding-top: 15px;
}
.ac-apps-wid {
    width: 34%;
}
.ac-apps-list {
    float: left;
    text-align: center;
    padding: 2%;
    border-radius: 4px!important;
}

.ac-apps-list-p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-top: 2%;
    margin-top: 5%;
    color: black!important;
    text-transform: capitalize;
}

.ac-apps-list-bottom {
    width: 100%;
    float: left;
    background-color: #f2f2f2;
    height: 15px;
}

/* its included for daterange design */
.daterangepicker.opensright .ranges {
    float : left;
    margin : 4px;
}

.daterangepicker.opensright .calendar {
    float : left!important;
}

/*for aligning primary and secondary*/
.row.vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

ul.list-group.export-data {
    min-width: 80px!important;
    margin-left: -10px;
}
.daterangepicker.dropdown-menu {
    z-index: 17000!important;
    left: 550px;
}
/*highlighting active page*/
.pagination > .current > a {
    color :#434a54;
    background: #428bca;
}


/*
toggle design
*/

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.text-green{
    color:#05AD08
}
.text-blue{
    color:#01579B !important
}
.text-red{
    color:#EC0707
}
.text-orange{
    color:#F57C00
}
.text-yellow{
    color:#FFD600
}
.text-pink{
    color:#E91E63
}
.text-white{
    color:#fff
}
.text-gray{
    color:#BDBDBD
}
.icon-legend{
    background-color: white!important;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top:15px; 
    padding-bottom:15px; 
}
body{    
    background: url("ilift_bglogo.png") left top;
     //background-repeat: repeat-x;
}