.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {background-color: #078edb !important;}
label {color: #686868 !important;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color:  #0188de!important;
    border-color:  #0188de!important;
}
.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    color: #f6f6f6;
    background-color: #1098ef;
}

.skin-blue .main-header li.user-header {
    background-color: #1098ef;
} 
.btn-flat {color:#fff !important;
    background-color: #0188de ;
    border-color: #0188de;transition:all 1s;padding: 6px 20px;
}

.btn-flat:hover,
.btn-flat:active,
.btn-flat.hover {
    background-color: #0188de;transition:all 1s;
}

.bg-freemn{
    background-color: #8bc34a !important;
}
.bell-icon{color:#2d9599;font-size: 12px;float:right;}
.bluebg{
    background-color: #4ca1fe !important;
}
.inbg{
    background-color: #d7d7d7 !important;
}
.grybg{
    background-color: #929292 !important;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px!important;
}
.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #3c828d!important;
    border-top: 2px solid #3c828d !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #2d9599;
    border-color: #2d9599;
}
.chat-t1{color:#2d9599;font-size: 11px;float:left;}
.chat-t2{color:#2d9599;font-size: 11px;float:right;}
.style-td{color:#2d9599;width:30%;border-top: 0px solid #f4f4f4!important;padding:5px!important;}
.style-td11{color:#2d9599;width:39%;border-top: 0px solid #f4f4f4!important;padding:5px!important;}
.style-td1{border-top: 0px solid #f4f4f4!important;padding:5px!important;padding:7px 16px 7px 10px!important;}
.box-header .box-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 1;
}
.box.box-warning {
    border-top-color: #2d9599;
}
.box.box-default {
    border-top-color: #2d9599;
}
.bg-light{background-color: #f5f5f5;}
.btn-border{border: 1px solid #ccc;width: 32px;height: 30px;margin-right: 4px;padding: 5px 7px;border-radius: 4px;background-color: #fff;
color: #0188de!important;}
.btn-border:hover{border: 1px solid #ccc;width: 32px;height: 30px;margin-right: 4px;padding: 5px 7px;border-radius: 4px;background-color:  #0188de;color: #fff!important;}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active{
    background-color: #3c828d!important;
    color: #fff!important;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #3c828d;
    color: #fff;
}
.shd {
    box-shadow: 0 4px 6px 0 rgba(174, 174, 174, 0.2), 0 6px 20px 0 rgba(210, 210, 210, 0.2);
    padding: 3%;
}
.nav-tabs > li.active > a, .nav-tabs > li.active{
    color: #555;
    cursor: default;
    background-color: #fff;
/*    border: 1px solid  #3c828d;*/
        border-top-color:  #3c828d;
        border-right-color:  #fff!important;
        border-bottom-color: #3c828d;
        border-left-color: #3c828d!important;
    border-bottom-color: #3c828d!important;
    border-radius:3px 3px 0px 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-top:2px solid  #3c828d;
    border-left: 0px solid  #3c828d;
    border-right: 0px solid  #3c828d;
    border-bottom: 2px solid #3c828d;
   
        border-top-color:  #3c828d;
        border-right-color:  #3c828d;
        border-bottom-color: #3c828d;
        border-left-color: #3c828d;
    border-bottom-color: transparent;
}
.nav-tabs-custom > .nav-tabs {
    margin: 0;
    border-bottom-color: #3c828d;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.size12{font-size: 12px;}
 .div-1{float: left;width: 33%;border-right: 1px solid #fff;text-align:center;}
    .div-2{float: left;width: 33%;border-right: 1px solid #fff;text-align:center;}
    .div-5{float: left;width: 50%;border-right: 1px solid #fff;text-align:center;}
    .div-6{float: left;width: 34%;border-right: 1px solid #fff;text-align:center;}
    .div-4{float: left;width: 34%;border-right: 1px solid #fff;text-align:center;}
    .div-3{text-align:center;width: 100%;}
    .small-box:hover {
    text-decoration: none;
    color: #000;
}
 .small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 61px;
    right: 6%;
    z-index: 0;
    font-size: 33px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box:hover .icon {font-size: 33px;}
.small-box1:hover .icon {font-size: 44px;}
.small-box1{height: 95px;}  
.small-box2:hover .icon-iso{font-size: 44px;}
.small-box2{height: 95px;}
.small-box3:hover .icon-android{font-size: 44px;}
.small-box3{height: 95px;}
.small-box4:hover .icon-completepro{font-size: 44px;}
.small-box4{height: 95px;}
.small-box5:hover .icon-completeinpro{font-size: 44px;}
.small-box5{height: 95px;}
.small-box6:hover .icon-todays{font-size: 44px;}
.small-box6{height: 95px;}
.small-box7:hover .icon-todayscom{font-size: 44px;}
.small-box7{height: 95px;}
.small-box8:hover .icon-todaysincom{font-size: 44px;}
.small-box8{height: 95px;}
 .small-box .icon-iso{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 61px;
    right: 36%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
 .small-box .icon-android{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 61px;
    right: 2%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-completepro{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 52%;;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-completeinpro{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 2%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-todays{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 67%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-todayscom{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 33%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-todaysincom{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 1%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.tab-pd-bt1{padding-bottom:8px!important;}
.table-mrg-0{margin-bottom:0px!important;}
.flt-right{float:right;}
.cancel-btn1{padding: 6px 10px;background-color:#ededed;color:#000;border:2px solid transparent;border-radius:2px;line-height: 1.42857143;}
.nav-tabs-custom > .nav-tabs > li > a {color: #818181; border-radius: 0;}
 .messages
            {
                padding: 10px; 
                height: 175px;
/*
                background-color: green;
                background-color: rgb(237, 239, 244);
                border-width: 1px;
                border-color: black;
                border-style: solid;
*/
            }

            .messages ul
            {
                padding: 0px;
                list-style-type: none;
            }

            .messages ul li
            {
                height: auto;
                margin-bottom: 10px;
                clear: both;
                padding-left: 10px;
                padding-right: 10px;
            }

            .messages ul li span
            {
                display: inline-block;
/*                max-width: 200px;*/
                background-color: white;
                padding: 5px;
                border-radius: 4px;
                position: relative;
                border-width: 1px;
                border-style: solid;
                border-color: #d1d1d1;
                color: #2d9599;
                font-size: 11px;
                margin-bottom:10px;
            }

            .messages ul li span.left
            {
                float: left;
            }

            .messages ul li span.left:after
            {
                content: "";
                display: inline-block;
                position: absolute;
                left: -8px;
                top: 7px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 9px solid white;
            }

            .messages ul li span.left:before
            {
                content: "";
                display: inline-block;
                position: absolute;
                left: -9px;
                top: 7px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 8px solid #d1d1d1;
            }

            .messages ul li span.right:after
            {
                content: "";
                display: inline-block;
                position: absolute;
                right: -8px;
                top: 6px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid #f0f0f0;
            }

            .messages ul li span.right:before
            {
                content: "";
                display: inline-block;
                position: absolute;
                right: -9px;
                top: 6px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid #d1d1d1;
            }

.box{min-height: 240px;border-top: 3px solid #0188de;}
.box11 {position: relative;border-radius: 4px;background: #f6f6f6;border: 1px solid #f2f2f2;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 20px 15px 40px;transition:0.6s all;}
.box11:hover {border: 1px solid #47bfc6;transition:0.6s all;}.box11 span{color: #aaa;font-size: 12px;font-weight: normal;}
.box11 span i{color:#47bfc6;}
.red1{color:#ffaeae !important;}
.box11:after{content: "\f071"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 70px; 
  color: rgba(249, 110, 110, 0.1);
  bottom: 1%;
  z-index: 1;
  right: 14px;
}
.box111:after{content: "\f087"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 80px;
  color: rgba(115, 200, 113, 0.2);
  right: 14px;
  top: -4% !important;
  z-index: 1;}


.box2 {position: relative;border-radius: 16px;background: #f9f9f9;border: 1px solid #f2f2f2;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 20px 15px 40px;transition:0.6s all;min-height: 200px;}
.box2:hover {border: 1px solid #47bfc6;transition:0.6s all;}
.box2:after{content: "\f003"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 220px;
  color: rgba(182, 182, 182, 0.1);
  top: -34%;
  z-index: 1;
  right: 14px;
}
.box2 span{color: #aaa;font-size: 12px;font-weight: normal;}
.box2 span i{color:#47bfc6;}  
.boxnotifications {position: relative;border-radius: 16px;background: #f9f9f9;border: 1px solid #f2f2f2;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 20px 15px 40px;transition:0.6s all;min-height: 200px;}
.boxnotifications:hover {border: 1px solid #47bfc6;transition:0.6s all;}
.boxnotifications:after{content: "\f0a2"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 180px;
  color: rgba(182, 182, 182, 0.1);
  top: -17%;
  z-index: 1;
  right: 14px;
}
.boxnotifications span{color: #aaa;font-size: 12px;font-weight: normal;}
.boxnotifications span i{color:#47bfc6;}  
.messages ul li span.right{float: right;background-color: #f0f0f0;color:#454545;}
.chat1{font-size:17px !important;color:#f0d01b;}
.chat2{color:#ccc;}
.chatw{max-width:60%;}
.enqw{max-width:85%;}
.date {color: #aaa; font-size: 9px; float: right;padding-top: 5px;}
.datei {color: #aaa !important;font-size: 10px;}
.logonlog1{color:#108d92;}
.clr1{clear:both:height:10px;}
.height10{height:10px;}
.height5{height:5px;}
.nodataheight{min-height:150px;}
.noneposition{position:inherit;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 20px !important;}
.searchinput{width: 260px;}
.broadcasr1{font-size:48px;color:#efefef;margin-bottom:20px;} 
 .style17 {
	border-top: 1px solid #ededed;
	text-align: center; width:60%;
}
.height30 {height: 30px;clear: both;}
.height20 {height: 20px;clear: both;}
.height10 {height: 10px;clear: both;}
.mains {font-size: 13px;color: #a1a1a1;}
.mainh {font-size: 14px;}
.icolor {color: #cccbcb;}
 .style17:after {
	content: 'OR';
	display: inline-block;
	position: relative;
	top: -10px;
	padding: 0 10px;
	background: #fff;
	color: #0fa1a8;
	font-size: 14px;font-weight:normal;
/*
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
*/
}
.style-td1{line-height: 14px;}
 /* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #efefef;
    border-radius: 3px;box-shadow: 0px 0px 3px 1px #dadada;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #009222;
    border-radius: 3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}
.font17{font-size:17px;}
.comings{font-size: 90px !important;color: #efefef;}
/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 3px;
    width: 8px;
    height: 15px;   
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leadselect{width:250px;margin:auto;margin-bottom: -30px;position:relative;z-index:1;}
.vtop{vertical-align:top;}
@media (min-width:992px){
.w60{width:60%;margin:auto;}
 .roleinput{width: 160px;}
 .paddl{padding-left:0px;padding-bottom:10px;}
 .paddr{padding-right:0px;padding-bottom:10px;}
.msgw{width: 520px;}
}
.linkg{color:#21a4f7;}
.linkg:hover{color:#555 !important;}
.icon1{font-size: 11px;color: #0188de;}