/* here you can put your own css to customize and override the theme */
body{ overflow-x:hidden;}
.page-header.navbar .page-logo{background: #fff !important; width: 342px !important;}
.page-header.navbar .menu-toggler{background: #eee url(../img/insignia.png) no-repeat 50% 50%; background-size: 45% 48%;width: 54px;height: 50px;opacity: 1 !important;-webkit-transition: background-size 0.5s;
transition: background-size 0.5s;}
.page-header.navbar .menu-toggler:hover{background-size: 60% 63%; -webkit-background-size: 60% 63%; -moz-background-size: 60% 63%; background-color:#fff; box-shadow: -1px -1px 6px rgba(123,123,123,1);}
.page-header.navbar .menu-toggler.sidebar-toggler{margin: 0px 0px 0 -10px !important;}
.page-header.navbar .page-logo .logo-default{ margin: 3px 0 0 !important; width:50px;}

/*.page-header.navbar .page-logo .logo-default{ margin: 3px 0 0 !important; width:82px;}*/
.page-header.navbar .page-logo{ padding-left: 10px;padding-right: 10px;}

/* here you can put your own css to customize and override the theme */
.page-header.navbar .page-logo{ background: #fff !important;}
.dataTables_scrollHeadInner .table{margin-bottom: 0px;}
.page-sidebar{ width: 170px;}
.page-content-wrapper .page-content{ margin-left: 170px;}
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu{ margin-left: 170px;}

/*.page-sidebar-menu li a i.fa{ text-shadow: 0px 9px 10px rgba(0,0,0,0.5);}*/
.form-group.form-md-line-input{ margin: 5px 0px 10px; padding-top: 10px;}
.select2-container--bootstrap .select2-selection{ border: none; border-bottom: 1px solid #c2cad8;}
.page-bar{ margin-bottom: 5px; background-color: transparent;}
.ui-accordion .ui-accordion-icons{ padding-left: 1em;}
.ui-accordion-header{ background-color: #eef1f5 !important; border-radius: 0px !important; border-color: #e9e9e9;}
.ui-widget-content{ border-color: #e9e9e9;}
#accordion h3 span{margin-right: 5px; color: #fb5f61;}
.page-container{height:calc(100% - 100px) !important; margin-top:50px !important;}
.page-content{height: 100%;}
.page-content-wrapper .page-content{ padding:20px 20px 10px !important; height: 100%;}
.no-border{ border-width: 0px !important;}
.form-md-line-input label.control-label{ top: 0;margin-bottom: 0; color: #888;}
.md-checkbox label{ font-size: 14px;}
.md-radio label{ font-size: 14px;}
.dataTables_wrapper .dataTables_filter { position: relative;}
#masters_grid_filter label input[type="search"]{ border:none; border-bottom:1px solid #93a1bb; box-shadow:unset; }
table.table-bordered.dataTable { position: relative; width:100% !important;}
.table thead{ background-color:#f3f4f6;}
table.dataTable tbody th, table.dataTable tbody td { padding: 8px 18px;}
.tabbable-custom > .nav-tabs{border-bottom:1px solid #ddd !important;}
.tabbable-custom > .nav-tabs > li > a{ padding: 10px 50px;}
.products.tabbable-custom > .nav-tabs > li > a{ padding: 10px 20px;}
.tabbable-custom > .nav-tabs > li.active{border-top-color:#36c6d3;}
.tabbable-custom > .nav-tabs.dashboardtabs > li.active{ margin-top:3px;}
.fileinput.fileinput-new, .fileinput.fileinput-exists{ border: 1px solid #ddd;}  
.fileinput-preview.thumbnail{cursor:pointer; width: 200px; height: 115px; border:none;}
.fileinput-preview.thumbnail#servicethumb, .fileinput-preview.thumbnail#ar_servicethumb{cursor:pointer; width: 200px; height: 189px; border:none;}
#addbannermetadatmaster .fileinput-preview.thumbnail{cursor:pointer; width: 200px; height: 225px; border:none;}
.btn.btn-primary i.fa.fa-chevron-up,.btn.btn-primary.collapsed i.fa.fa-chevron-down { display: inline-block;}
.btn.btn-primary.collapsed i.fa.fa-chevron-up,.btn.btn-primary i.fa.fa-chevron-down { display: none;}
.portlet.light > .portlet-title > .caption{color:#c80632 !important;}
.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i
{ color:#fefefe !important;}
.page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i
{color:#18cdc4 !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow, 
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge, 
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title
{color:#fff !important;font-size:14px;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.active > a > .title{color:#18cdc4 !important;}

.img-circle.role-1010000{ border: 2px solid #18cdc4 !important; box-shadow: 0px 0px 7px #18cdc4;}	        
.img-circle.role-1010001{ border: 2px solid #ff4444 !important; box-shadow: 0px 0px 7px #ff4444;}
.img-circle.role-1010002{ border: 2px solid #4CAF50 !important;box-shadow: 0px 0px 7px #4CAF50;}
.img-circle.role-1010003{ border: 2px solid #008bf9 !important; box-shadow: 0px 0px 7px #008bf9;}
.img-circle.role-1010004{ border: 2px solid #E87E04 !important; box-shadow: 0px 0px 7px #E87E04;}
.img-circle.role-1010006{ border: 2px solid rgba(255, 235, 59, 0.85) !important; box-shadow: 0px 0px 7px rgba(255, 235, 59, 0.85);}

.portlet > .portlet-title > .actions .btn-icon-only{ height: 25px !important; width: 25px !important; padding: 2px;}
.form-group.form-md-line-input .form-control ~ label{ color:#999 !important; font-weight:500;}
.table.table-bordered.dataTable{ top:0px}
#alarm_grid_wrapper #alarm_grid_length{display:block !important;float:right}
.dataTables_length{ display:none;}
div.dataTables_wrapper div.dataTables_filter{ float:left !important;top:0px; text-align:left !important;}
.dataTables_length select, .dataTables_filter input{ border:none; border-bottom:1px solid #c2cad8 !important;}
.dataTables_length select:focus, .dataTables_filter input:focus{outline: 0px;}
.table_filter{position: relative; bottom: -32px; z-index: 1;}
.table-data.table-container {position: relative;    top: -34px;}
.scroll-to-top{margin-bottom:30px;}
.scroll-to-top > i{ color: #18cdc4 !important;}
#filter {display:none;}
.mt-element-list .mt-list-container ul li.mt-list-item .list-item-content h5{margin:0px;}
.mt-element-list .list-simple.mt-list-container ul > .mt-list-item{padding:5px;}
.mt-element-list .list-simple.mt-list-container ul > .mt-list-item:first-child{padding-top:5px !important;}
.mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content{padding: 5px 30px 0 20px;}
.mt-element-list .list-simple.mt-list-container ul > .mt-list-item:last-child{border-bottom:1px solid #efecf1 !important; padding-bottom: 5px !important;}
.word-break{ word-break:break-all !important; white-space:normal !important; word-wrap:break-word;}
#messages_grid{  width:100% !important; }
#messages_grid_wrapper .dt-buttons a.dt-button{ border: 0px; font-size: 18px; margin-right: 0px; padding: 8px 8px!important;}    
#pricepoints_grid_wrapper .dt-buttons  a.dt-button{ border: 0px; font-size: 18px; margin-right: 0px; padding: 8px 8px!important;} 
#pricepoints_grid_wrapper .dt-buttons {margin-top:-100px !important;}
#assets_grid_wrapper .dt-buttons  a.dt-button{ border: 0px; font-size: 18px; margin-right: 0px; padding: 8px 8px!important;} 
#assets_grid_wrapper .dt-buttons {margin-top:-100px !important;}
#ussd_grid_service_wrapper .dt-buttons  a.dt-button{ border: 0px; font-size: 18px; margin-right: 0px; padding: 8px 8px!important;} 
#ussd_grid_service_wrapper .dt-buttons {margin-top:-100px !important;}
#ussd_grid_content_wrapper .dt-buttons  a.dt-button{ border: 0px; font-size: 18px; margin-right: 0px; padding: 8px 8px!important;} 
#ussd_grid_content_wrapper .dt-buttons {margin-top:-100px !important;}

#discounts_grid_wrapper .dt-buttons  a.dt-button{ border: 0px; font-size: 18px; margin-right: 0px; padding: 8px 8px!important;} 
#discounts_grid_wrapper .dt-buttons {margin-top:-100px !important;}
.portlet.light .dataTables_wrapper .dt-buttons { top: 48px; position: relative; margin-right: 40px;}
.tabbable-custom > .tab-content{ border-top-width:0px !important; }
.category-flow { display: inline-block;	overflow: hidden; border-radius: 5px; counter-reset: flag; }
.category-flow span { text-decoration: none; outline: none; display: block; float: left; font-size: 12px; line-height: 20px; 
 color: #666; padding: 0 10px 0 30px;
background: #ececec; position: relative;}
.category-flow span:first-child {padding-left: 10px; border-radius: 5px 0 0 5px;}
.category-flow span:first-child:before { left: 14px;}
.category-flow span:last-child { border-radius: 0 5px 5px 0; padding-right: 10px;}
.category-flow span:after {	content: ''; position: absolute; top: 5px; right: -8px; width: 11px; height: 11px;    
transform: scale(1) rotate(45deg); z-index: 1; background: #ececec; box-shadow: 0px -1px 0 0px #666, 1px -1px 0 0px #666; border-radius: 0 5px 0 50px;}
.category-flow span:last-child:after {content: none;}
.category-flow span:before {border-radius: 100%;width: 20px;height: 20px;line-height: 20px;margin: 8px 0;position: absolute;
 top: 0;left: 30px;background: #cdcdcd; font-weight: bold;}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {word-wrap:break-word}
.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i::before{content:"\e027" !important }
.page-bar .page-breadcrumb{ padding: 5px 20px !important; margin-top: -14px;}
.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span{font-size:14px !important;}
.profile-usertitle{margin: 0px !important; padding:20px 0px !important; margin-bottom: 6px !important; background-color: #fff;}
.page-loading {background-color:transparent !important; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; z-index:3;}

/*.page-loading i.fa{ color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.8); -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.8);
                    -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.8);}*/
                    
.page-loading i.fa{ color:#fff;}
.colCell{border: 1px dotted #999; height: 80px;}
.template:hover{text-decoration:none;}
.template img {width:100%; border:1px dashed #cdcdcd;}
.template img:hover {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.template.active{border:1px solid #333;}
.select2-container--bootstrap.select2-container--focus .select2-selection, 
.select2-container--bootstrap.select2-container--open .select2-selection, 
.select2-container--bootstrap .select2-selection
{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{border: 1px solid #ccc !important;
font-family: "Open Sans",sans-serif !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a { padding-left: 10px !important;}
.dashboard-stat.dashboard-stat-v2 .visual{ padding-top: 3px; margin-bottom: 10px;}
.dashboard-stat .details .number{ padding-top: 15px;}
.portlet.light.portlet-fit > .portlet-title{ padding:10px 20px 10px;}
.table thead tr th, .table td, .table th{font-size:12px;}

.portlet-sortable-empty{height:45px; margin: 0px;}
.portlet-sortable-placeholder{border: 1px dashed #808080; margin: 0 1em 1em 0; height: 1px;} 
.portlet.portlet-sortable.light{margin-bottom:5px;}
.portlet-title{margin-bottom:0px !important;}

.multiple-select{border: 1px solid #cdcdcd; padding: 10px;}
.multiple-select .md-checkbox-list .md-checkbox{margin-bottom: 0px; border-bottom: 1px solid #ececec; padding:5px;}
.multiple-select .md-checkbox-list .md-checkbox label{margin-bottom:0px !important;}
.multiple-select .md-checkbox-list .md-checkbox label > span.box{top:5px !important; left:5px !important;}
.multiple-select .md-checkbox-list .md-checkbox label > span.check{top:0px !important; left: 10px !important;}
.multiple-select .md-checkbox-list .md-checkbox:nth-child(2n){background-color:#fafafa;}
.datetimepicker, .daterange, .datepicker{cursor:pointer !important;}
.divmget{height:200px; padding: 6% 0% !important;}
.media-list .media a .media-object{width:auto;height:75px;}
#contentGallery #listView .media-list .media a .media-object{width:64px;height:64px;}
#contentPublish #listView .media-list .media a .media-object{width:64px;height:64px;}
.media:first-child{margin-top:15px !important;}
.media-actions{position:absolute; right:0px; padding:5px; top:0px; display:none;}
.media-actions a{display:block; padding:3px 5px;}
.media-actions a:hover {box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.config-actions {position:absolute; left:100px; top:0px}
.media-list .media:hover {box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.media-list .media:hover .media-body .media-actions{display:block;}	
.mt-element-overlay .mt-overlay-1:hover .media-actions{display:block; z-index:2}
.mt-element-card.mt-element-overlay .mt-card-item .mt-card-avatar:hover mt-overlay-1 .media-actions{display:block;}
.md-checkbox label > .box, .md-checkbox label>.check {z-index:inherit !important;}
.noDboard{background-color:#ffff00;min-height:150px;}
.noDboard img{margin:10% 20px;}
.chartIcons{ display: inline-block; background: url('../img/chart-icons.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } 
.chartIcons { background: url('../img/chart-icons.png') no-repeat top left; width: 50px; height: 70px;   -webkit-animation-fill-mode: both; 
                animation-fill-mode: both;} 
.chartIcons.chart-icon-1 { background-position: 0 0; -webkit-animation-duration: 1s; animation-duration: 1s; margin-top:10px} 
.chartIcons.chart-icon-2 { background-position: -65px 0; -webkit-animation-duration: 1s; animation-duration: 1s; margin-top:20px} 
.chartIcons.chart-icon-3 { background-position: -130px 0; -webkit-animation-duration: 1s; animation-duration: 1s;margin-top:20px} 
.chartIcons.chart-icon-4 { background-position: -195px 0; -webkit-animation-duration: 1s; animation-duration: 1s; margin-top:40px} 
.chartIcons.chart-icon-6 { background-position: -260px 0; -webkit-animation-duration: 1s; animation-duration: 1s; margin-top:50px} 
.chartIcons.chart-icon-5 { background-position: -325px 0; -webkit-animation-duration: 1s; animation-duration: 1s; margin-top:60px} 
.chartIcons.chart-icon-7 { background-position: -390px 0; -webkit-animation-duration: 1s; animation-duration: 1s; margin-top:70px} 
.multiselect.dropdown-toggle{display: inline-block; max-width: 100%; word-break: break-all !impotant; white-space: normal !important;}

/*-------------png icons defined---------------*/
.icon-profile{background:url(../img/profile.png) no-repeat; width:26px !important; height:26px;}
.icon-customer-care{background:url(../img/customer-care.png) no-repeat; width:26px !important; height:26px;}
.icon-charging-gateway{background:url(../img/charging-gateway.png) no-repeat; width:26px !important; height:26px;}
.icon-messaging-gateway{background:url(../img/messaging-gateway.png) no-repeat; width:26px !important; height:26px;}
.icon-supporting{background:url(../img/support.png) no-repeat; width:26px !important; height:26px;}
.icon-music{background:url(../img/m-music.png) no-repeat; width:24px !important; height:24px;}
.icon-corp-admin{background:url(../img/corp-admin.png) no-repeat; width:24px !important; height:24px;}

/*-------------Material Card Styles------------*/
.mt-card-item:focus{ border: 2px solid seagreen !important; box-shadow: 0px 0px 7px seagreen;}
.mt-overlay-selected{border: 2px solid seagreen !important; box-shadow: 0px 0px 7px seagreen; -webkit-box-shadow: 0px 0px 7px seagreen; -moz-box-shadow: 0px 0px 7px seagreen;}
.mt-element-card .mt-card-item{height:192px;}
.mt-element-overlay .mt-overlay-1{height:165px; float:none;border-bottom: 1px solid #e7ecf1}
.mt-element-overlay .mt-overlay-1 img{height: 100%;}
.mt-element-card .mt-card-item .mt-card-content h6{width:160px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;padding: 0px 5px;}
.modal-open .ui-datepicker{z-index: 10055 !important;}
.page-sidebar>ul>li>a:hover>ul { bottom:100%; border-bottom: 1px solid transparent}

/*-------------------Service Management Breadcrumbs-------------------*/

.servicemenu{ display: table; position: relative; font-family: Helvetica, sans-serif; font-size: 10px;  line-height: 1em; border-radius: 2px;  overflow: hidden; width: 100%;}
.servicemenu ul{ display: -webkit-flex; display: -ms-flexbox; display: table-row; list-style: none; margin: 0;  padding: 0; width: 100%; background-color: #fff;}
.servicemenu ul li{ margin: 0; background-color: #fff; transition: 0.3s; display: table-cell; }
.servicemenu ul li:first-child a{  margin-left: 0;}
.servicemenu ul li:last-child{ border-radius: 0 100px 100px 0;}    
.servicemenu ul li:last-child{ border-radius: 0px;}   
.servicemenu ul li:last-child a:before{ display: none;}
.servicemenu ul li:hover{background-color: #9EEB62;}
.servicemenu ul li:hover a{color: #000;}
.servicemenu ul li:hover a:before{background-color: #9EEB62;}
.servicemenu ul li.active{ background-color: #9EEB62; /*Green background*/ display: table-cell;}
.servicemenu ul li.active a { color: #000;}
.servicemenu ul li.active a:before{ background-color: #9EEB62;}
.servicemenu ul li a{position: relative;box-sizing: border-box; display: inline-block; min-height: 100%; font-family: sans-serif; font-weight: normal; padding: 10px 0 10px 30px; margin-left: 30px;
    color: #000; text-decoration: none; text-transform: uppercase; transition: 0.3s;}
.servicemenu ul li a:before{ content: ''; position: absolute; left: 100%; top: 0; width: 30px; height: 100%; background-color: #fff; border-radius: 0 0px 100px 0; box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.3s;}
.servicemenu ul li:last-child a:before{ content: ''; position: absolute; left: 100%; top: 0; width: 30px; height: 100%; background-color: #fff; border-radius: 0 0px 100px 0; box-shadow: 0px 0 0px rgba(0, 0, 0, 0.2);
    transition: 0.3s;}
.servicemenu ul li a i{ -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.service-portlet-body{ margin-top: 56px; }

/*.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:last-child:hover > .sub-menu, */
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.dropup {
    top: auto !important; bottom: 85% !important;}
.relative{position:relative;}
.md-checkbox label > span.inc{left: 0px;top: 0px;height: 30px;width: 30px;}
.md-checkbox label {cursor: unset;}
.form-group.form-md-line-input .datepickercp.form-control[readonly],.datetimepickernow, #dtstart, .datepickercampaign
#clagreementdate, #claaprovaldate, #claagrementfrom, #claagrementto, .datepicker, .datepickertarget,.timepicker, 
.datetimepicker,.datepickercampaign{cursor:default !important;}
#formctrl9{cursor:default !important;}
.dashboardtabs.nav > li > a {padding:5px 10px !important;}
.dashboardtabs.nav > li > a:hover {cursor:default;}
.editTab {border:none !important; height:30px !important; padding:5px 12px !important; box-shadow: 0px 0px 7px rgba(0,0,0,0.2) !important;}                                               
.form-group.form-md-line-input .form-control[disabled], .form-group.form-md-line-input .form-control  [readonly], fieldset[disabled] .form-group.form-md-line-input .form-control,
input[disabled='disabled']:hover,input[readonly='readonly']:hover,
select[disabled='disabled']:hover,select[readonly='readonly']:hover,
div[disabled='disabled']:hover,div[readonly='readonly']:hover,
textarea[disabled='disabled']:hover,textarea[readonly='readonly']:hover,
span[disabled='disabled']:hover,span[readonly='readonly']:hover,.select2-container--disabled:hover
{ cursor:default !important;}
.btn-sa {
    color: #fff;
    padding: 12px 33px;
    background: #3a74ba; /* Old browsers */
    background: -moz-linear-gradient(top,  #3a74ba 0%, #00aeef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3a74ba 0%,#00aeef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3a74ba 0%,#00aeef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12      +, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a74ba',                                    endColorstr='#00aeef',GradientType=0 ); /* IE6-9 */
    border:none;
}
.btn-sa.active {
    color: #fff;
    padding: 12px 33px;
    background: #00aeef; /* Old browsers */
    background: -moz-linear-gradient(top,  #00aeef 0%, #3a74ba 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00aeef 0%,#3a74ba 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00aeef 0%,#3a74ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#3a74ba',GradientType=0 ); /* IE6-9 */
    border:none;
}
   

/*--------------------PMS-------------------*/
.banner .fileinput-preview.thumbnail{ width:100%; height: 215px; }
table.dt-rowReorder-float{position:absolute !important;opacity:0.8;table-layout:fixed;outline:2px solid #888;outline-offset:-2px;z-index:2001}
tr.dt-rowReorder-moving{outline:2px solid #555;outline-offset:-2px}
body.dt-rowReorder-noOverflow{overflow-x:hidden}
table.dataTable td.reorder
{text-align:center;cursor:move}


    /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/*/ Carousel base class /*/
.carousel { height: 300px; margin-bottom: 10px;}
/*/ Since positioning the image, we need to help out the caption /*/
.carousel-caption {z-index: 10;}

/*/ Declare heights because of positioning of img element /*/
.carousel .item { height: 300px;background-color: #777;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 500px;}

/*------------Header Styles Customized-----------*/
.page-header.navbar .page-top{height:50px;}
.page-header.navbar .page-logo{height: 50px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img{ height:35px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown{height:50px;}
.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i{font-size:16px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username{font-size:12px;}
.navbar-nav > li > a{line-height:18px;}
.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler{padding: 14px 12px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 16px 12px;}
.bootstrap-switch{border-radius: 13px 13px 13px 13px !important;}
.bootstrap-switch-handle-on{border-radius: 10px 0px 0px 10px !important;}
.bootstrap-switch-handle-off{border-radius: 0px 10px 10px 0px !important;}
.nav.nav-tabs.tabs-left li a{background-color: #eee;margin-bottom: 2px !important;}
.nav.nav-tabs.tabs-left li a:hover{ background-color: #fff; }       
.nav.nav-tabs.tabs-left li.active a{background-color: #fff;}
.menustyle_left_tabs.nav.nav-tabs.tabs-left li a{color: #93a3b5;font-size: 16px;font-weight: 400;background-color:#fff;margin-bottom:0px !important; } 
.menustyle_left_tabs.nav.nav-tabs.tabs-left li a:hover{background-color: #fafcfd;color: #5b9bd1;border: 0px;} 
.menustyle_left_tabs.nav.nav-tabs.tabs-left li.active a{color: #5b9bd1;background-color: #f6f9fb;border-left: 2px solid #5b9bd1;margin-left: -2px; border-top-width: 0px;} 
.tabbable-custom > .nav-tabs > li.active{border-top-color: #2ab4c0;}
/*--------------------End of PMS-------------------*/


/*-------------------Common Css--------------------*/
.popover{max-width:700px;font-weight:normal; font-family: sans-serif;font-size: 13px;color: #333; background-color:#faeaa9; border-color:#f3cc31;}
.btn.popovers{padding:1px 7px;}
h4.blue{border-bottom: 1px solid #cadceb !important;color: #3598dc !important;font-size: 16px;padding-bottom: 10px;}
hr.blue{border-color: #3598dc !important;}
.top0{top: 0px !important;}
#plansection{padding-left: 64px;}
.bootstrap-switch{border-radius: 13px 13px 13px 13px !important;}
.bootstrap-switch-handle-on{border-radius: 10px 0px 0px 10px !important;}
.bootstrap-switch-handle-off{border-radius: 0px 10px 10px 0px !important;}
.borderbtm{border-bottom: 1px solid #cdcdcd;}
input::placeholder, select::placeholder, textarea::placeholder{color: rgba(0,0,0,0.1) !important;}
input:focus::placeholder, textarea:focus::placeholder {color:#fff !important;} 
.absleft{    padding-left: 0 !important;    margin-left: 0 !important;}
.absright{    padding-right: 0 !important;    margin-right: 0 !important;}
.absbtm{    padding-bottom: 0 !important;    margin-bottom: 0 !important;}
.abstop{    padding-top: 0 !important;    margin-top: 0 !important;}
.nopad{    padding: 0 !important;}
.nomar{    margin: 0 !important;}
.noheight{ height:auto;}
.nowidth{width:auto;}
.noborder{border:0px !important;}
.nowrap{white-space:nowrap}
.marleftright_0{margin-left:0px !important; margin-right:0px !important;}
.border1_light{border:1px solid #cdcdcd; padding:10px;}
.line-separator{border-bottom:1px solid #eee}
.padbottom_0{    padding-bottom: 0 !important;}
.padleft_0{    padding-left: 0 !important;}
.padright_0{    padding-right: 0 !important;}
.top_0{top:0px !important;}
.uppercase{    text-transform: uppercase;}
.marbtm_5{    margin-bottom: 5px !important;}
.marbtm_10{    margin-bottom: 10px !important;}
.marbtm_15{    margin-bottom: 15px !important;}
.marbtm_20{    margin-bottom: 20px !important;}
.marbtm_30{    margin-bottom: 30px !important;}
.marbtm_40{    margin-bottom: 40px !important;}
.marbtm_50{    margin-bottom: 50px !important;}
.marbtm_60{    margin-bottom: 60px !important;}
.martop_-3{    margin-top: -3px !important;}
.martop_-5{     margin-top:-5px !important;}
.martop_-10{     margin-top:-10spx !important;}
.martop_3{    margin-top: 3px !important;}
.martop_5{    margin-top: 5px !important;}
.martop_10{    margin-top: 10px !important;}
.martop_15{    margin-top: 15px !important;}
.martop_20{    margin-top: 20px !important;}
.martop_25{    margin-top: 25px !important;}
.martop_30{    margin-top: 30px !important;}
.martop_60{    margin-top: 60px !important;}
.martop_16_per{    margin-top:16% !important;}
.marver_auto{    margin: 30% auto !important;}
.martop_0{  margin-top:0px !important;}
.mar_0_auto{    margin:0px auto}
.martop_-30{    margin-top: -30px !important;}
.martop_-20{    margin-top: -20px !important;}
.martop_-10{    margin-top: -10px !important;}
.marright_2{    margin-right: 2px !important;}
.marright_3{    margin-right: 3px !important;}
.marright_5{    margin-right: 5px !important;}
.marright_10{    margin-right: 10px !important;}
.marright_15{    margin-right: 15px !important;}
.marright_20{    margin-right: 20px !important;}
.marright_30{    margin-right: 30px !important;}
.marright_40{    margin-right: 40px !important;}
.marright_45{    margin-right: 45px !important;}
.marright_50{    margin-right: 50px !important;}
.marleft_5{    margin-left: 5px !important;}
.marleft_10{    margin-left: 10px !important;}
.marleft_15{    margin-left: 15px !important;}
.marleft_20{    margin-left: 20px !important;}
.marleft_30{    margin-left: 30px !important;}
.text-center{    text-align: center !important;}
.padtop_0{      padding-top:0px !important;}
.padtop_5{    padding-top: 5px !important;}
.padtop_3{    padding-top: 3px !important;}
.padtop_10{    padding-top: 10px !important;}
.padtop_20{    padding-top: 20px !important;}
.padtop_30{    padding-top: 30px !important;}
.padtop_40{    padding-top:40px !important;}
.padright_5{    padding-right: 5px !important;}
.padright_10{    padding-right: 10px !important;}
.padright_15{    padding-right: 15px !important;}
.padright_20{    padding-right: 20px !important;}
.padright_25{    padding-right: 25px !important;}
.padright_40{    padding-right: 40px !important;}
.padright_65{    padding-right: 65px !important;}
.padleft_15{    padding-left: 15px !important;}
.padleft_5{    padding-left: 5px !important;}
.padleft_10{    padding-left: 10px !important;}
.padbottom_5{    padding-bottom: 5px !important;}
.padbottom_10{  padding-bottom:10px !important;}
.padbottom_15{    padding-bottom: 15px !important;}
.padbottom_20{    padding-bottom: 20px !important;}
.padbottom_30{    padding-bottom: 30px !important;}
.btm0 {bottom:0px !important;}
.hide{display:none;}
.show{display:block;}
.font-red{color:#c80632 !important; }
.font-red:hover, .font-red:focus{text-decoration:none; cursor:text;}
.font-green{color:#32c5d2 !important;}
.font-blue{color:#3598dc !important;}
.form-group.form-md-line-input .form-control{    max-width: 100%;}
.form-group.form-md-line-input .form-control ~ label{    font-size: 12px;    color: #c1c1c1;}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, 
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, 
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus, 
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label{color: #36c6d3;}
.form-group.form-md-line-input .form-control ~ label{top: -3px;}
.lineseperator{border-bottom: 1px solid #ccc; padding: 10px 0px;}
.select2-container--bootstrap .select2-results__group{font-size: 16px;color: #ccc; font-weight: 400;}
.select2-container--bootstrap .select2-results__option .select2-results__option{font-size: 12px;}
.modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{ padding-left:0px;}
.select2-container .select2-selection--multiple .select2-selection__rendered{padding-left:0px;}
.header-chkbox{ margin-bottom:20px;}
.header-chkbox label{ padding-left:20px; top: -3px;}
.header-chkbox span.headertxt{font-size: 21px;padding-right: 3px;}
.header-chkbox small{color: #afafaf;}
.dashboard-stat2{padding: 15px 11px 1px;}
.dashboard-stat2, .dashboard-stat2 .display{margin-bottom:5px !important;}
.mt-element-step{background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); width:100%;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.campaign.mt-element-step .step-line .mt-step-col{ /*min-width:11%;*/ padding:10px 0; flex-basis: calc(100%/7);}
.mt-element-step .step-line .mt-step-col{ /*min-width:11%;*/ padding:10px 0; flex-basis: calc(100%/9);}
.srvmgmt.mt-element-step .step-line .mt-step-col{ /*min-width:11%;*/ padding:10px 0; flex-basis: calc(100%/10);}
.mt-element-step .step-line .mt-step-col.done{ font-weight:normal;}
.mt-element-step .step-line .mt-step-col a:hover{ text-decoration:none;}
.mt-element-step .step-line .mt-step-title{ font-size:9px;}
.mt-element-step .step-line .mt-step-number{font-size:10px !important}
.mt-element-step .step-line .done .mt-step-number.green-bg{background-color:#4CAF50 !important; color:#ffffff !important;}
.mt-element-step .step-line .mt-step-col.done .mt-step-title{ font-size:9px; font-weight:normal; text-decoration:none;}
.mt-element-step .step-line .mt-step-number{height: 25px; width: 25px; font-size: 10px; padding: 4px; border-width: 2px;}
.mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before{top: -14px; height:1px;}
.mt-element-step .step-line .mt-step-col a:focus .mt-step-title, .mt-element-step .step-line .mt-step-col.done a:focus .mt-step-title,
.mt-element-step .step-line .mt-step-col a:visited .mt-step-title, .mt-element-step .step-line .mt-step-col.done a:visited .mt-step-title{text-decoration:none !important;}
.blink {  opacity: 0;  animation: blinking 1s linear infinite;}
@keyframes blinking {  from,  49.9% {    opacity: 0;  }  50%,  to {    opacity: 1;  }}
.service-portlet-head{position:fixed; z-index:6;padding-top:20px;top:50px;background-color: #eef1f5;}
.cpsection3 .tabbable-line>.nav-tabs,.cpsection6 .tabbable-line>.nav-tabs,.cpsection7 .tabbable-line>.nav-tabs,
.cpsection8 .tabbable-line>.nav-tabs{ border-bottom:1px solid #ccc;}
.cpsection3 .tabbable-line>.nav-tabs>li,.cpsection6 .tabbable-line>.nav-tabs>li{ width:25%; text-align:center}
.cpsection7 .tabbable-line>.nav-tabs>li,.cpsection8 .tabbable-line>.nav-tabs>li{ width:50%; text-align:center}
.serviceslide{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
td.details-control {background:url(../../../global/img/accordion-plusminus.png) center 12px no-repeat;cursor: pointer;}
tr.shown td.details-control {background:url(../../../global/img/accordion-plusminus.png) center -19px no-repeat;}
.form-group.form-md-line-input.form-md-floating-label .form-control~label{top: 20px;font-size: 14px;}
.form-md-line-input label.control-label{font-size: 12px;color: #888 !important;}
.bisdisc-cont{margin-bottom: 30px;}
.bisdisc-cont textarea{border: 1px solid #ccc;padding: 10px;background-color: #eaeaea;text-align: center;}
.tandc-cont{margin-bottom: 10px;height: 250px;overflow-y: auto;border: 1px solid #ccc;padding: 10px;}
.tandc-cont p{ font-size:12px;}
.tandc-cont div{margin-bottom:20px;}
.handpointer{ cursor:pointer;    color: #3598dc;}
.handpointer.transconfig {cursor:pointer; color:#3598dc; position:absolute; top:10px; right:10px;}
.table-style2 .col.colID{width:20px;}
.table-style2 .responsive-table {color: #000;overflow: hidden;width:100%;border-radius: 5px;background-color:#ffffff;border: 1px solid #e8e8e8;}
.table-style2 .responsive-table tr {border-bottom: 1px solid #dcdfe5;}
.table-style2 .responsive-table th{background-color:#ffffff;    border-bottom: 1px solid #cdcdcd;}
.table-style2 .responsive-table th,.responsive-table td {padding-left: 15px !important;}
.table-style2 .responsive-table tr:last-child {border-bottom: 0px;}
.bgOrg {background-color: #f3f4f6;color: #000;margin: 0;}
.table-style2 .tablerow {border: 1px solid #f5f5f5!important;border-top: 0px; padding:0px 10px; border-radius: 0px!important; 
 border-bottom-width:0px !important}
.table-style2 .tablerow:last-child {border-bottom-width: 1px !important;}
.table-style2 .tablerow:nth-child(2n+1){background-color: #f1f7ff;}	
.table-style2 .tablerow .panel{ background-color:transparent;}	
.table-style2 .tablerow .panel-body{padding:8px 4px; margin:0; font-size:12px;}
.table-style2.panel .panel-heading{ border-bottom: 2px solid #e7ecf1 !important; font-size: 12px; font-weight: 600;}	
.table-style2 .tablerow .collapse{margin: auto 10px;padding: 10px;border-top: 1px solid #ccc;}
.table-style2 .tablerow .collapse.rolesmgmt{margin: auto 0px;padding: 10px; background-color: #fafafa; border-top:none;}
.table-style2 .tablerow .collapse>.row{margin:0;}
.table-style2 .tablerow .collapse>.row .lineseperator{ margin:0px!important;    border-bottom: 0px solid #ccc;}
.table-style2a .bgOrg{background-color: transparent;color: #a0a0a0;font-weight: 600;margin: 0;padding-bottom: 0px;font-size: 13px;}
.table-style2a .fa-angle-down{font-size: 21px;margin: 3px 5px auto 20px;}
.rolesmgmt .panel-body .marbtm_5{margin-bottom: 20px!important;}
.comments-write{border:2px solid #dbdfe4;border-radius: 5px!important; overflow: hidden;    margin-bottom: 20px;}
.comments-write .comments-editor{border: 0px;width: 100%;height: 100px;}
.comment-btns a{float: right;height: 40px;padding: 10px 45px;background-color: #737f85!important;margin-left: 1px;
 color: #fff!important;border-color: #68757d!important; display:none;}
.comment-btns{ background-color:#f6f8f9;}
.comments-users{padding:10px 10px 20px 18px;border: 1px solid #ccc;border-radius: 5px!important;margin-bottom: 15px;}
.comment-user-cont{}
.comment-user-cont .username{display: block;margin-bottom: 0px;color: #cb123b;font-size: 16px;padding-top: 5px;}
.comment-user-cont .date{display: block;font-size: 11px;margin-bottom: 15px;color: #737f85;}
.comment-user-cont .comments{display: block;width: 100%;margin-bottom: 15px;font-size: 17px;font-family: serif;}
.attachment-cont{display:none;}
.attachment-cont .attachment-item{color: #cb123b;font-size: 12px;padding-right: 15px;border-right: 1px dashed #ccc;margin-right: 10px;}	
.attachment-cont .attachment-item:hover{ text-decoration:none;}
.attachment-cont .attachment-item:last-child{border-right:0px solid #ccc;}
.attachment-cont .attachment-item .fa{font-size: 18px;position: relative;top: 1px;padding-right: 0px;transform: rotate(40deg);}	
.divrow{height: 50px;}
.divrow .divlabel{color:#a5a4a4;display: block;margin-bottom: 0px;font-size: 12px;}
.top-right-image{position: fixed;top: 0;left: 0;z-index: 2;}
.btn-circle{/*box-shadow: 0px 2px 6px 0px #ccc!important;*/ padding-top: 8px;}
.btn-circle-small{height: 16px !important;width: 16px !important;border-radius: 50% !important;padding: 0px !important;
 box-shadow: 0px 2px 6px 0px #ccc !important;z-index: 1 !important; font-size:8px;}
.portlet.light{ position:relative;}
.dashboad-page{}
.dashboad-page .btn-circle{height: 27px!important;width: 27px!important;padding: 4px 6px 2px!important;box-shadow: none!important;}
.select2-container .select2-selection--single{ height:34px;padding-left: 0px; min-width:100%;}
.form-group > .select2,.form-body .select2{min-width:100%;}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{padding-left: 2px;}

/*Campaing page*/
.campain-filter{}
.campain-filter .filter{margin-right: 10px;;background-color: #fff;padding: 10px;}
.campain-filter .form-group.form-md-line-input{ margin-bottom:0px;}
.campain-filter .form-group.form-md-line-input .form-control,
.campain-filter .form-group.form-md-line-input .form-control:focus{ border-bottom:0px!important; box-shadow:none!important;}
.campain-filter .form-group.form-md-line-input .form-control:focus~label:after{ background:transparent;}
.campain-filter .filter-btn{padding-left: 0px;height: 64px;width: 12.5%;padding-right: 0px;}
.campain-filter .filter-btn a{width: 100%;height: 100%;padding-top: 22px;}
.campaign-table{}
.campaign-table table th:first-child{ width:18%;}
.campaign-table table th:nth-child(2){ width:15%;}
.campaign-table table th:nth-child(3){ width:15%;}
.campaign-table table th:nth-child(4){ width:12%;}
.campaign-table table th:last-child{ width:10%;}

/*Approve content page*/
.tablefilters .form-group.form-md-line-input .form-control ~ label{color:#000!important;}
.tablefilters .select2-container--bootstrap .select2-selection{ background-color:transparent;}
.tablefilters .select2-container .select2-selection--single{ height:34px;padding-left: 0px; min-width:100%;}
.select2-container{min-width:auto;}
.select2{width:100%!important;}
.tablefilters .form-group > .select2{min-width:100%;}
.emptytable{font-size: 12px!important;color: #7ba0bb; }
.roles-page{}
.roles-page .panel-heading > div {text-align:center;}
.roles-page .md-checkbox{ width:20px; margin:0 auto}
.margintop-table .dataTables_filter{ margin-top:-38px;float: left!important;}
.margintop-table .dataTables_filter input[type="text"]:focus{outline: none;border-bottom: 2px solid #36c6d3!important;}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i{font-size: 21px!important;}
.table .btn.btn-circle{width: 30px;height: 30px;padding: 5px;box-shadow: none!important;    margin-left: 8px;}
.table .btn.btn-circle.btn-text{width: auto !important;height: auto !important;padding: 5px 10px !important;}
.table td>i{margin-left: 8px;}
#divAttachements.mt-element-list .list-simple.mt-list-container ul > .mt-list-item,#divAttachements.mt-element-list 
.list-simple.mt-list-container ul > .mt-list-item:last-child{border-bottom: 0px solid #efecf1 !important;display: table;}
#divAttachements .mt-element-list .list-simple.mt-list-container{border-top: 1px solid;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border: 1px solid #ccc;border-right: 0px;margin: 0px!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{border-right:1px solid #ccc;border-left: 1px solid #ccc!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{border: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{color: #fff!important;background: #337ab7;border-color: #337ab7;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: rgba(51, 122, 183, 0.54);color: #fff!important;
 border-color: #cccccc;border-left: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: rgba(51, 122, 183, 0.54);border: 1px solid #bbb;
 border-right: 1px solid #90b7d8;border-left: 0px;}
.tablerow .panel-body > .text-left{font-size: 16px;}
#pricepoints_grid_wrapper table{border-collapse: collapse!important;width: 100%!important;}
.multipledate{}
.multipledate .hasDatepicker{width: 261px;float: left;}
.multipledate .multidate-textarea{float: right;width: calc(100% - 268px);height: 100%;min-height: 227px;padding: 10px;}
.ui-state-highlight .ui-state-default{ background:#4b8df8!important; color:#fff!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background-color:transparent; border:0px!important;}
.ui-state-hover, .ui-widget-content .ui-state-hover{background-color: #edf4ff;}
.ui-widget-header{ border:0px!important; background: none; border-bottom: 1px solid #e9e9e9!important;}
.ui-widget{ font-family:inherit!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ border:0px!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{ background-color:#0FF!important; background:rgba(75, 141, 248, 0.1)!important;}
#cpuploadecontent_grid.table>thead >tr>th:first-child,#cpuploadecontent_grid1.table>thead >tr>th:first-child{width: 514px!important;min-width: 514px!important;}
.prodlist .item{width:49%;float: left;padding: 5px 10px;margin: 2px;border: 1px solid #ccc;border-radius: 2px!important;}
.prodlist .item.pactive{border: 1px solid #36c6d3;background-color: #e9feff;}
.prodlist .item .left{ font-size: 12px; color: #828282; width: 30%; display: block; float: left;}
.prodlist .item .right{ color: #000; width: 70%; display: block; float: left;}
.spam-tags .select2-container{height: 50px;border: 1px solid #ccc;min-height: 120px;}
.box-inner-cont{display:table;width: 100%; padding: 0px 20px; border-bottom:1px solid #C6C6C6;}
.box-inner-cont .left{color: #A4A4A4;font-size: 13px; width: 100%; display: block;font-weight:bold;}
.box-inner-cont .right{font-size: 14px;color: #333;}
.box-inner-cont i{color: #666; font-size: 21px;}
.box-inner-cont a:hover i{color: #c6052d;}
.box-inner-cont .col-1{display:table-cell;padding: 0px 0px;width: 120px; height: 90px; vertical-align: middle;}
.box-inner-cont .col-1 img{width: 100%;height:40px;}
.box-inner-cont .col-2{display:table-cell; vertical-align: middle; padding: 0px 10px;width: 235px;}
.box-inner-cont .col-2 a{color: #666;font-size: 21px;    width: 200px;overflow: hidden;text-overflow: ellipsis;display: block;}
.box-inner-cont .col-3{width: 160px;}
.box-inner-cont .col-4{width: 200px;}
.box-inner-cont .col-5{width: 160px;}
.box-inner-cont .col-6{width:350px;}
.box-inner-cont .col-7{}
.box-inner-cont .col-7 a{text-decoration: none !important; cursor:pointer}
.box-inner-cont .col-7 a i{text-decoration: none !important;}
.box-inner-cont .col-7 .fa-check{display: inline; color: green; cursor: pointer;}
.box-inner-cont .col-7 .fa-ban{color: red; cursor: pointer;}
.box-inner-cont .col-3,.box-inner-cont .col-4,.box-inner-cont .col-5,.box-inner-cont .col-6,.box-inner-cont .col-7{display:table-cell; 
 vertical-align: middle; padding: 0px 10px; height:80px}
.box-inner-cont:hover{background-color: #F1F1F1;}
.box-inner-cont:last-child{ border-bottom:0px;}
.campaign-select .select2-selection{font-size:18px!important;line-height: 30px!important;height: auto!important;}
.note.note-info{position:relative; background-color:#e0ebf9}
.closeNote {  display: inline-block;  margin-top: 0px;  margin-right: 0px;  width: 9px;  height: 9px;  background-repeat: no-repeat !important; background-color: transparent;
 outline: none;  background-image: url("../img/remove-icon-small.png") !important; position:absolute; right:10px; top:10px; border:none; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5;}
.pdgt20 {padding-top:20px !important;}
.modal-dialog.modal-full{width: 94.5%; margin-left: 75px; margin-top: 50px;}
.cursor-pointer { cursor:pointer!important;}

/*--------------Media Queries starts from here--------------*/
@media (max-width:990px)
{
    .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content .service-portlet-head{width: calc(100% - 40px);}
    .page-sidebar-closed .page-content-wrapper .page-content .service-portlet-head{width: calc(100% - 40px);}
    .page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{position:fixed}
	.service-portlet-body{margin-top:173px;}
	.page-sidebar.navbar-collapse.in { width: 100%; margin-right: 20px; margin-top: 70px;margin-left:0px; }
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left:0px;}    
}
@media (min-width:991px)
{
    .page-sidebar-closed .page-content-wrapper .page-content .service-portlet-head{width: calc(100% - 94px);}
    .service-portlet-head{width: calc(100% - 210px);}
    .service-portlet-body{margin-top:85px;}
}
.img-circle { display: block;margin-right: 10px!important;border-radius: 50%; opacity: 1; -webkit-animation: scale(1); -moz-transform: scale(1); transform: scale(1)}
.img-circle { -webkit-animation: mdClickEffect .65s linear; -moz-animation: mdClickEffect .65s linear; animation: mdClickEffect .65s linear}

@-webkit-keyframes mdClickEffect {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5)
    }
    100% {
        opacity: 1!important;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes mdClickEffect {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5)
    }
    100% {
        opacity: 1!important;
        -moz-transform: scale(1)
    }
}

@keyframes mdClickEffect {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5)
    }
    100% {
        opacity: 1!important;
        transform: scale(1)
    }
} 

@-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
}
         
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
         
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

.text-left-strict {
    text-align:left !important;
}
.multiselect-container > li > a {
    padding: 4px !important;
}

.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{-webkit-animation:opac 10s;animation:opac 10s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 10s;animation:animatetop 10s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft;animation:animateleft 10s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 10s;animation:animateright 10s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 10s;animation:animatebottom 10s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 10s;animation:animatezoom 10s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}