@import url('https://fonts.googleapis.com/css?family=Roboto:500');
/*roboto Condensedbbk*/
@font-face {font-family: 'Poppins-Bold'; src: url('../fonts/Poppins-Bold.WOFF') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');}
@font-face {font-family: 'Poppins-Medium'; src: url('../fonts/Poppins-Medium.WOFF') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');}
@font-face {font-family: 'Poppins-Light'; src: url('../fonts/Poppins-Light.WOFF') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');}
@font-face {font-family: 'Poppins-Regular'; src: url('../fonts/Poppins-Regular.WOFF') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');}
.Poppins-Bold{font-family: Poppins-Bold;}
.Poppins-Medium {font-family: Poppins-Medium;}
.Poppins-Light {font-family: Poppins-Light;}
.Poppins-Regular {font-family: Poppins-Regular;}

body {font-family: Poppins-Regular !important; font-size: 14px; background: #e9e9e9; color: #878787; font-style: normal; line-height: 1.5; }
a {color: #878787;}
a:focus {color: #0ebccd;}
    a:hover {
        color: #1559ed;
    }
a:link{text-decoration:none;}

.iconBtn {cursor: pointer; /*float:left; /*color: #fff;*/ /*background-color: #adb7be; border-color: #adb7be;*/ /*padding:5px;*/ color: #878787;}
.iconBtn:focus {color: #0ebccd;}
    .iconBtn:hover { /*background-color: #bec6cc; border-color: #bec6cc;*/
        color: #1559ed;
    }
.btnedit {cursor: pointer;}

a.input-group-addon btn-filter {color: #878787;}
a.input-group-addon btn-filter:focus {color: #878787;}
a.input-group-addon btn-filter:hover {color: #878787;}

.text-link {color: #4ABD91;}
text-link a {color: #0ebccd;}
text-link a:link {color: #0ebccd;}
text-link a:focus {color: #0ebccd;}
text-link:hover {color: #0ebccd;}
.text-primary {color: #5fbec0 !important;}

h1, h2 {font-family: Poppins-Bold !important;}
h3, h4 {font-family: Poppins-Medium !important;}
h5, h6 {font-family: Poppins-Light !important;}

button, html, input, select, textarea {font-family: Poppins-Regular !important; font-size: 14px;}
.btn {/*font-family: Poppins-Regular !important;*/font-family: Poppins-Light !important;}

.no-border {border: none !important;}
.no-border-radius {border-radius: 0px;}
.border-top {border-top: 1px dashed #888;}
.border-bottom {border-bottom: 1px dashed #888;}
.no-border-bottom {border: none !important;}
.border-top-s {border-top: 1px solid #888;}
.border-bottom-s {border-bottom: 1px solid #888;}

.border-primary {border:1px solid  #007bff !important;}
.border-secondary {border:1px solid  #6c757d !important;}
.border-success {border:1px solid  #28a745 !important;}
.border-info {border:1px solid  #17a2b8 !important;}
.border-warning {border:1px solid  #ffc107 !important;}
.border-danger {border:1px solid  #dc3545 !important;}
.border-light {border:1px solid  #f8f9fa !important;}
.border-dark {border:1px solid  #343a40 !important;}
.border-white {border:1px solid  #fff !important;}

i.fa {padding: 0px 2px;}
/*roboto Condensed*/
/*new stylesheet start here*/
.left-pad-0 {padding-left: 0px !important;}
.left-pad-5 {padding-left: 5px;}
.left-pad-10 {padding-left: 10px !important;}
.left-pad-15 {padding-left: 15px !important;}
.left-pad-align {padding-left: 1.25rem !important;}

.right-pad-0 {padding-right: 0px !important;}
.right-pad-5 {padding-right: 5px;}
.right-pad-10 {padding-right: 10px;}
.right-pad-15 {padding-right: 15px !important;}
.right-pad-45 {padding-right: 45px !important;}

.bottom-pad-0 {padding-bottom: 0px !important;}
.bottom-pad-5 {padding-bottom: 5px !important;}
.bottom-pad-10 {padding-bottom: 10px !important;}
.bottom-pad-15 {padding-bottom: 15px;}

.top-pad-0 {padding-top: 0px;}
.top-pad-5 {padding-top: 5px;}
.top-pad-10 {padding-top: 10px !important;}
.top-pad-15 {padding-top: 15px;}
.top-pad-30 {padding-top: 30px;}

.all-pad-0 {padding: 0px !important;}
.all-pad-2 {padding: 2px !important;}
.all-pad-3 {padding: 3px !important;}
.all-pad-5 {padding: 5px !important;}
.all-pad-10 {padding: 10px !important;}
.all-pad-15 {padding: 15px !important;}

.left-mar-0 {margin-left: 0px !important;}
.left-mar-5 {margin-left: 5px;}
.left-mar-10 {margin-left: 10px;}
.left-mar-15 {margin-left: 15px !important;}

.right-mar-0 {margin-right: 0px !important;}
.right-mar-5 {margin-right: 5px;}
.right-mar-10 {margin-right: 10px;}
.right-mar-15 {margin-right: 15px;}

.bottom-mar-0 {margin-bottom: 0px !important;}
.bottom-mar-5 {margin-bottom: 5px !important;}
.bottom-mar-10 { margin-bottom: 10px;}
.bottom-mar-15 {margin-bottom: 15px;}

.top-mar-2 {margin-top: -2px;}
.top-mar-0 {margin-top: 0px;}
.top-mar-5 {margin-top: 5px;}
.top-mar-10 {margin-top: 10px;}
.top-mar-15 {margin-top: 15px;}

.all-mar-0 {margin: 0px !important;}
.all-mar-5 {margin: 5px !important;}
.all-mar-10 {margin: 10px;}
.all-mar-15 {margin: 15px;}

.font-size-10 {font-size: 10px !important;}
.font-size-12 {font-size: 12px !important;}
.font-size-14 {font-size: 14px !important;}
.font-size-15 {font-size: 15px !important;}
.font-size-18 {font-size: 18px !important;}

.color-white {color: #fff !important;}
.text-bold {font-weight: bold;}
.text-medium {font-weight: 600;}
.text-medium-light {font-weight: 500;}
.text-regular {font-weight: normal !important;}
.text-white {color: #fff !important;}

.link-white {color: #fff !important;}
.link-white a {color: #fff !important;}
.link-white a:link {color: #fff !important;}
.link-white a:hover {color: #fff !important;}
.h-100 {height: 100% !important;}

.text-light-grey {color: #dedede !important;}
.text-light-grey2 {color: #f5f5f5 !important;}
.text-light-grey3 {color: #e9eaea !important;}
.text-light-grey4 {color: #ccc !important;}

.bg-bts-light-gray {background: #f5f5f5 !important;}
.bg-bts-light-gray2 {background: #e9eaea !important;}
.bg-bts-dark-gray {background: #ccc !important;}
.bg-transparent {background: none !important;}
.bg-white {background: #fff !important;}
.bg-light-gray {background: #f6f8fa !important;}

.all-border {border: 1px solid #d8e2e7 !important;}
.left-fl {float: left !important;}

.tabs-section-nav .nav-link-in {border-top: 0px !important; /*border-top: 4px solid transparent;*/ border-bottom: 4px solid transparent;}
.tabs-section-nav .nav-link.active .nav-link-in {
    border-top-color: transparent;
    border-bottom-color: #1559ed;
}
.tabs-section-nav .nav-item {background: #f5f5f5;}
.tabs-section-nav .nav-link.active {background: #f5f5f5 !important;}
.tabs-section-nav .nav-link {/*border-bottom: 0px;*/ border: transparent !important; color: #737373;}

.auto-header {
    height: 50px;
    padding: 5px 0px; /*background: #6fded0;*/
    border-bottom: transparent;
    z-index: 999;
    background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(21,89,237,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebccd', endColorstr='#4abd91',GradientType=1 ); /* ie6-9 */
}
.auto-header-width {width: auto !important;}

.site-header .dropdown a.dropdown-item {border-bottom: 1px solid #e5e5e5; padding-top: 5px; padding-bottom: 5px; /*margin-bottom: .5rem;*/ /*color:#373a3c !important;*/ color: #878787;}
.site-header .dropdown a:hover.dropdown-item {color: #262626;}
/*.site-header .dropdown a.dropdown-item .font-icon{color:#878787;}
.site-header .dropdown a:hover.dropdown-item .font-icon{color:#262626;}*/
.dropdown-item .font-icon {color: inherit !important;}
.site-header .dropdown a.dropdown-item:nth-last-child(1) {border-bottom: 1px solid transparent;}
.site-header .dropdown .dropdown-item {font-size: 14px !important;}

.data-mgt-top-bg {padding-top: 5px; padding-bottom: 5px; width: 100%; height: auto;}
.data-mgt-header {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}

.dropdown.dropdown-typical a.icon-link:after {color: #fff;}
.dropdown.dropdown-typical a.icon-link:link:after {color: #fff;}
.dropdown.dropdown-typical a.icon-link:active:after {color: #fff;}
.dropdown.dropdown-typical a.icon-link:hover:after {color: #fff;}
.dropdown.dropdown-typical a.icon-link:visited:after {color: #fff;}

.slimScrollBar {background: #d3dee6;}
/*.site-header .dropdown.dropdown-typical a{color:#fff !important;}*/

.l-login-logo {position: relative !important; width: 150px; height: auto;}
.d-initial {display: initial !important;}
.site-header .site-logo img {float: initial !important; height: auto; top: 0px !important;}
.user-bg {background: #fff; border-radius: 2px; padding: 0px 5px;}
.hamburger span:after, .hamburger span:before {background: #fff !important;}
.hamburger span {background: #fff !important;}
.hamburger:hover span, .hamburger:hover span:after, .hamburger:hover span:before {background: #fff !important;}
.dropdown-menu {margin-top: 10px !important;}

/*left navigation*/
/*.side-menu {padding-top: 5px !important;}*/
.side-menu-list li.opened {background-color: transparent !important;}
.side-menu-list .menu-icon {position: initial;}
.side-menu-list a, .side-menu-list li > span {border-left: solid 0px transparent; font-size:14px; font-weight:400;}
.sidebar-menu {margin: 0; padding: 0; list-style: none; margin-left: 5px;}
.sidebar-menu a {display: block; height: 38px; line-height: 36px; margin: 0; padding: 0 16px 0 7px; -webkit-text-shadow: none !important; text-shadow: none !important; font-size: 14px; font-weight:400; text-decoration: none;      color: #737373 !important; z-index: 123; font-family: Poppins-Regular;}
.sidebar-menu a:hover {color: #262626 !important;}
.sidebar-menu a:hover:before {display: block;}
.sidebar-menu a .menu-icon {display: inline-block; vertical-align: middle; min-width: 30px; text-align: center; font-size: 14px; font-weight: normal; font-style: normal; margin-top: -3px;}
.sidebar-menu a .menu-expand {display: inline-block; position: absolute; font-size: 13px; line-height: 10px; height: 10px; width: 10px; right: 12px; top: 15px; margin: 0; text-align: center; padding: 0; -webkit-text-shadow: none; text-shadow: none; color: #666; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-family: 'FontAwesome'; font-style: normal; font-weight: normal;}
.sidebar-menu a .menu-expand:before {content: "";}

.sidebar-menu li {display: block; padding: 0; margin: 0; border: 0; position: relative; }
    .sidebar-menu li:before {
        display: none;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -4px;
        width: 4px;
        max-width: 4px;
        overflow: hidden; /*background-color: #6fded0;*/
        background-color: #1559ed;
    }
.sidebar-menu li.open {background-color: #fff;}
.sidebar-menu li.open > a {color: #262626;}
.sidebar-menu li.open > a .menu-expand {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.sidebar-menu li.open > .submenu {display: block !important;}
.sidebar-menu li.active:not(.open):before {display: block;}
.sidebar-menu li.active > a {display: block; content: ""; color: #262626 !important; background-color: #f5f5f5;}
.sidebar-menu li:not(.open):hover:before {display: block; background-color: #fb6e52;}
.sidebar-menu > li > a {border-top: 1px solid #f3f3f3;}
.sidebar-menu > li > a:hover {border-color: #f3f3f3; background-color: #fbfbfb !important;}
.sidebar-menu > li:last-child > a {border-bottom: 1px solid #f3f3f3;}

.sidebar-menu > li > .submenu {background-color: #fbfbfb; -webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);}
.sidebar-menu > li > .submenu:before { content: ""; display: block; position: absolute; z-index: 1; left: 23px; top: 0; bottom: 19px; border-left: 1px solid #e2e2e2;}
.sidebar-menu > li > .submenu > li > a:before {content: ""; display: inline-block; position: absolute; width: 5px; height: 5px; left: 21px; top: 17px; background-color: #fff; border: 1px solid #e2e2e2; z-index: 2;}
.sidebar-menu > li > .submenu > li.active > a:before {background-color: #e2e2e2;}
.sidebar-menu > li > .submenu > li.active:first-child > a {-webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15); box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);}
.sidebar-menu > li > .submenu > li.active:last-child a { -webkit-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, .15); box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, .15);}
.sidebar-menu > li.open > a { background-color: #fff;}
.sidebar-menu .submenu {display: none; list-style: none; margin: 0; padding: 0; position: relative; background-color: #fbfbfb; border-top: 0; z-index: 123; }
.sidebar-menu .submenu li {margin-left: 0; position: relative;}

.sidebar-menu .submenu li.open:before {display: none;}
.sidebar-menu .submenu li.active > a { color: #262626; background-color: #f5f5f5;}
.sidebar-menu .submenu li.active > .submenu {display: block;}
.sidebar-menu .submenu > li > a {padding-left: 40px;}
.sidebar-menu .submenu > li.open > a {background-color: #fbfbfb;}
.sidebar-menu .submenu > li .submenu {border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.sidebar-menu .submenu > li .submenu > li > a {padding-left: 50px;}
.sidebar-menu .submenu > li .submenu > li .submenu > li > a {padding-left: 70px;}
/*new add*/
.sidebar-menu > li.with-sub span {height: 38px; line-height: 36px; margin: 0; padding: 0 16px 0 7px; }
.sidebar-menu > li.with-sub span:hover {color: #262626 !important;}
.sidebar-menu > li.with-sub span:hover:before {display: block;}
.sidebar-menu > li.with-sub span .menu-icon {display: inline-block; vertical-align: middle; min-width: 30px; text-align: center; font-size: 14px; font-weight: normal; font-style: normal; margin-top: -3px;}
.sidebar-menu li.with-sub span .open {background-color: #fff;}    
.sidebar-menu li.with-sub .open > span {color: #262626;}    
.sidebar-menu > li.with-sub span:hover {border-color: #f3f3f3; background-color: #fbfbfb !important;}
.sidebar-menu > li.with-sub:last-child > span {border-bottom: 1px solid #f3f3f3;}
.side-menu-list li.with-sub.opened > ul li a:hover {border-color: #f3f3f3; background-color: #fbfbfb !important;}

/*.sidebar-menu > li.open > .menu-text {display: none !important}
.sidebar-menu > li.open > .submenu {display: none !important}
.sidebar-menu > li:hover > a {color: #262626}
.sidebar-menu > li:hover > a > .menu-text {display: block}
.sidebar-menu > li:hover > .submenu {display: block !important}
.sidebar-menu > li > a {position: relative; z-index: 123;}
.sidebar-menu > li > a .menu-text {display: none; position: absolute; left: 42px; top: 0; width: 195px; height: 38px; line-height: 38px; background-color: #fff; z-index: 121; padding-left: 25px; -webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3); -moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3)}
.sidebar-menu > li > a .menu-expand { display: none;}
.sidebar-menu > li > a.menu-dropdown {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.sidebar-menu > li > a.menu-dropdown > .menu-text { border: 0; top: 0; left: 42px; width: 195px; border-bottom: 1px solid #f3f3f3; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.sidebar-menu > li > a:hover {background-color: #fff;}
.sidebar-menu > li > .submenu {background: #fbfbfb; position: absolute; z-index: 120; left: 42px; top: 0; width: 195px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-top: 38px; display: none; border-left: 1px solid #f3f3f3; -webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3); -moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3); box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3) }
.sidebar-menu > li > .submenu li > a { margin-left: 0; padding-left: 24px }
.sidebar-menu > li > .submenu li.open > .submenu {display: block; left: 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.sidebar-menu > li > .submenu li .submenu {display: none; list-style: none; margin: 0; padding: 0; position: relative;}

.sidebar-menu > li > .submenu li:hover {background-color: #fff;}
.sidebar-menu > li > .submenu li:hover:before {display: block; left: 0;}
.sidebar-menu > li > .submenu li.active:not(.open):before {left: 0;}
.sidebar-menu > li > .submenu:before {display: none;}
.sidebar-menu > li > .submenu > li > a {-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.sidebar-menu > li > .submenu > li > a:before {display: none;}*/
/*new add*/

.card-block-content {width: 100%; min-height: 250px !important; word-wrap: break-word;}
.card-header-content {width: 100%;}
.card-block-content img {max-width: 100% !important; height: auto !important; padding: .25rem; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: .25rem 0rem;}

ul.mail-btn-list {margin: 0px; padding: 0px; font-weight: normal !important; line-height: normal !important; /*margin-bottom:1rem;*/ float: left; width: 100%;}
ul.mail-btn-list li {margin: 0px 0px 5px 0px; padding: 0px 5px; display: inline-block; }
ul.mail-btn-list li:nth-child(1) {margin: 0px 0px 10px 0px !important;}

.tab-head-bg {/*background: #f6f8fa; border: 1px solid #d8e2e7;*/ background: #f5f5f5; border-bottom: 1px solid #ddd; border-top: transparent; }
.tab-head-w {width: auto;}
.mail-box-bg {width: 100% !important; /*min-height: 630px;*/ min-height:auto; max-height:100vh; overflow-y: auto; word-wrap: break-word;}
.mail-box-item {border-top: 1px solid #ddd !important;}

/*.subscribe-status .panel .panel-heading{background:red !important;}*/
/*.mail-box-item:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.05) !important;}
.mail-box-item:nth-of-type(even) {background-color: rgba(0, 0, 0, 0.01) !important;}*/
.selected-mail-box-item {/*background-color: #eaeaea !important;*/ background: rgba(0, 0, 0, 0.095) !important;}

/*.mail-box-item:first-child { border-top: none !important;}*/
.mail-box-item.selected, .mail-box-item:hover {background: #f5f5f5 !important;}
.mail-box-list {border-color: #ddd !important; background: #fff; padding: 10px;}
.mail-box-work-area-header {border-color: #ddd !important;}
.d-head {display: block;}
.mail-body-scroll {width: 100%; /*border-bottom: solid 1px #d8e2e7; border-left: solid 1px #d8e2e7;*/ border: 1px solid #ddd; padding: 0px; /*padding:0px 15px 15px 15px;*/ /*min-height: 450px;*/ min-height:auto; max-height:calc(100vh - 200px); overflow-y: auto; word-break: break-all;}
.mail-body-scroll img {max-width: 100% !important; height: auto !important; padding: .25rem; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: .25rem 0rem; }

.search-bg {position: absolute; min-width: 200px; max-width: 250px; top: 0; right: 16px; padding: 10px;}
.search-bg .num-left {float: left; width: auto;}
.search-bg .sear-right {float: left; width: auto;}

.mail-box-side {/*border: 1px solid #d8e2e7 !important;*/ border: 1px solid #d8e2e7 !important; margin: 0px 0px 5px 0px !important;}
.mail-box-item.selected-line:after, .mail-box-work-area-header:after {/*background: #00a8ff !important;*/ background: none !important;}
.mail-box-work-area {background: #fff; padding: 10px 10px 5px 10px; /*min-height:auto; max-height:100vh; overflow-y: auto;*/}
/*.mail-header-fix {position:fixed;}*/
hr {margin: 1em 0;}
.d-text-right {text-align: right;}
.lst-dt-tb {border-collapse: collapse !important;}

.dataTables_length, .dataTables_filter {display: block; margin-bottom: 6px;}
.dataTables_length label, .dataTables_filter label {color: #212121; font-weight: 300;}
.dataTables_length select {border: 1px solid rgba(197,214,222,.7);/*box-shadow: none; font-size: 1rem; color: #343434 !important;*/ padding-top: .225rem; padding-bottom: .225rem;}
.dataTables_filter input {border: 1px solid rgba(197,214,222,.7); /*box-shadow: none; font-size: 1rem; color: #343434 !important;*/ padding-top: .225rem; padding-bottom: .225rem;}
table.dataTable {width: 100% !important; max-width: 100% !important;}

.card-block .task-l-notification:nth-child(odd) {/*background: #fbfcfd !important;*/ background: rgba(0, 0, 0, 0.05) !important; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.card-block .task-l-notification:nth-child(even) {background: #fff !important;}

.task-l-notification {float: left; width: 100%; padding: .75rem 1.25rem; /*color: #6c7a86;*/ color: #737373;}
.task-notification-heading {font-size: 14px; font-weight: 500; color: #212121; word-break: break-all;}
.task-notification-desc {font-size: 12px; color: #878787; word-break: break-all;}
.task-notification-date {font-size: 13px; font-weight: 300; color: #212121; word-break: break-all;}
.task-notification-bg {width: 100%; /*min-height: 480px !important;*/ min-height:auto; max-height:100vh; overflow-y: auto;}
.right-task-bt {display: block !important; top: inherit !important;}
.tasks-list-content-text {padding: 10px; margin: 5px 0px;}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {line-height: inherit !important;}

.timeline-sent-btn {position: absolute; right: 0px; bottom: 0px;}
.timeline-sent-btn input {width: 100px;}
#timeline .activity-line-action img {display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.lead-lt-rt-btn-bg {width: 100px; margin: 50% auto;}
.alert .close {top: 8px !important; font-size: 20px;}

/*latest*/
.statistic-box .number{padding-top:25px !important; word-wrap:break-word;}
.statistic-box .caption{min-height:25px !important; word-wrap:break-word; font-weight:normal;}

textarea.theight {height: 33.5px; padding: .375rem .75rem;}
#timeZone.form-control{height:33.5px;}
#repeatPattern.form-control{height:33.5px;}
#templateContainer .card-block ul li {margin-left: 30px !important; list-style: disc;}
#templateContainer .card-block ol li {margin-left: 30px !important; list-style: decimal;}
.activity-card-block ul li {margin-left: 30px !important; list-style: disc;}
.activity-card-block ol li{margin-left: 30px !important; list-style: decimal;}
.modal-body-scroll ul li {margin-left: 30px !important; list-style: disc;}
.modal-body-scroll ol li{margin-left: 30px !important; list-style: decimal;}
ul.tag-editor li{margin-left: 0px !important;}
.tag-editor ul li{margin-left: 0px !important;}
.tag-editor ol li{margin-left: 0px !important;}
#signatureContent ul li{margin-left: 30px !important; list-style: disc;}
#signatureContent ol li{margin-left: 30px !important; list-style: decimal;}
.text-block ol li{margin-left: 30px !important; list-style: decimal;}
.text-block ul li{margin-left: 30px !important; list-style: disc; padding:inherit; position:inherit}
.card-block img {max-width: 100% !important; height: auto !important; padding: .25rem; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: .25rem 0rem;}
.frm-control-height{height:33.5px !important;}
.d-position{position:absolute !important;}
.top-pad-30-campaign {padding-top: 30px;}

.campaign-tabs-section{float:left; width:100%; margin-bottom:20px; margin-top:10px;}
.campaign-tabs-section .tabs-section-nav.tabs-section-nav-inline .nav {border: transparent; background:#f5f5f5 !important;}
.campaign-tabs-section .tabs-section-nav.tabs-section-nav-inline .nav-item {margin:0px 0px 0px 0px;}
.campaign-tabs-section .tabs-section-nav.tabs-section-nav-inline .nav-link {height:auto; padding:5px 10px;}
.campaign-tabs-section .tabs-section-nav.tabs-section-nav-inline .nav-link.active {border-bottom:2px solid #6b7a85 !important;}
.campaign-tabs-section .tab-content{border-color:#dedede !important;}

.campaign-set-bg{width:auto; margin-bottom:5px;}
.campaign-set-bg .cam-left{float:left; width: 6%; padding-top:10px;}
.campaign-set-bg .cam-center {width: 94%;}
.card-block-content div{margin-left: 0px !important; margin-right: 0px !important; width: 100% !important; /* font-family: inherit !important; */}
/*latest*/
.word-break-all{word-break:break-all !important;}

/*latest document tabs*/
ul.nav-tabs--left.nav{margin:0px; padding:0px; width:100%; border:none; height:50%;}
ul.nav-tabs--left li.nav-item{margin:0px 0px 0px 0px!important; padding:0px; width:100%; border-bottom:1px solid #dedede;}

ul.nav-tabs--left.nav-tabs .nav-link{margin:0px 0px 0px 0px; padding:10px 15px; border:none; border-radius:0px; background:rgba(0, 0, 0, 0) !important;}
ul.nav-tabs--left.nav-tabs .nav-link.active{background:#dedede !important;}
ul.document-heading{margin:0px 0px 10px 0px; padding:0px 0px 5px 0px;; width:100%;}
ul.document-heading i{width:25px;}
ul.document-heading li{font-family:Poppins-Light;}
ul.document-heading .doc-heading{font-family: Poppins-Medium}
/*latest document tabs*/

/*new stylesheet end here*/
/*button*/
.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-default:focus,
.btn-default.focus {color: #333 !important; background-color: #e6e6e6 !important; border-color: #8c8c8c !important;}
.btn-default:hover {color: #333 !important; background-color: #e6e6e6 !important; border-color: #adadad !important;}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {color: #333 !important; background-color: #e6e6e6 !important; border-color: #adadad !important;}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {color: #333 !important; background-color: #d4d4d4 !important; border-color: #8c8c8c !important;}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {background-image: none !important;}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus { background-color: #fff !important; border-color: #ccc !important;}

.btn-default .badge {color: #fff !important;  background-color: #333 !important;}
.btn-info {color: #fff; background-color: #11a3de !important; border-color: #11a3de !important;}
.btn-info.focus, .btn-info:focus, .btn-info:hover {color: #fff; background-color: #1199d0 !important; border-color: #1199d0 !important;}
.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {color: #fff; background-color: #1199d0 !important;  background-image: none; border-color: #1199d0 !important;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {color: #fff; background-color: #014682 !important; border-color: #01315a !important;}
.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info:disabled.focus, .btn-info:disabled:focus, .btn-info:disabled:hover {background-color: #11a3de !important; border-color: #11a3de !important;}
.btn-info-outline {color: #11a3de !important; background-color: transparent; background-image: none; border-color: #11a3de !important;}
.btn-info-outline.active, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline:focus, .btn-info-outline:hover, .open > .btn-info-outline.dropdown-toggle {color: #fff; background-color: #11a3de !important; border-color: #11a3de !important;}
.btn-info-outline.disabled.focus, .btn-info-outline.disabled:focus, .btn-info-outline.disabled:hover, .btn-info-outline:disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled:hover {border-color: #43a7fd !important;}

.btn-primary {
    background-color: #1559ed !important;
    border-color: #1559ed !important;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
    .btn-primary:hover {
        background-color: #1559ed !important;
        border-color: #1559ed !important;
    }
    .btn-primary:active {
        background-color: #1559ed !important;
        border-color: #1559ed !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
    }
    .btn-primary:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        background-color: #3c76f4 !important;
    }
.btn-primary.disabled {background-color: rgba(46, 216, 182, 0.5) !important; border-color: rgba(46, 216, 182, 0.5) !important;}
.btn-primary-outline {
    color: #1559ed !important;
    background-color: transparent;
    background-image: none;
    border-color: #5fbec0 !important;
}
.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover, .open > .btn-primary-outline.dropdown-toggle {color: #fff !important; background-color: #5fbec0 !important; border-color: #5fbec0 !important;}
.btn-primary-outline.disabled.focus, .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled:hover {border-color: #5fbec0 !important;}
.btn.active {
    background-color: #1559ed !important;
    border-color: #1559ed !important;
    color: #fff !important;
}
    .btn.active:hover {
        color: #fff !important;
        background-color: #1559ed !important;
        border-color: #1559ed !important;
    }
/*button*/

/*table link here*/
/*.table-link a {color: #343434;}*/
/*table link here*/

/*background color*/
.bg-c-dblue { /*background: linear-gradient(45deg, #2ed8b6, #59e0c5) !important;*/
    background: linear-gradient(135deg, #3c76f4, #1559ed) !important;
}
.bg-c-cyan {/*background: linear-gradient(45deg, #2ed8b6, #59e0c5) !important;*/ background: linear-gradient(135deg, #0ebccd, #4abd91) !important;}
.bg-c-blue {background: linear-gradient(45deg, #4099ff, #73b4ff);}
.bg-c-orange {/*background: linear-gradient(45deg, #FFB64D, #ffcb80);*/ background: linear-gradient(45deg, #ffad36, #ffcb80);}
.bg-c-pink {background: linear-gradient(45deg, #FF5370, #ff869a);}
/*background color*/

/*pagination*/
.pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination > li {display: inline;}
    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #1559ed;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
    }
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}

.pagination > li:last-child > a,
.pagination > li:last-child > span {border-bottom-right-radius: 4px;  border-top-right-radius: 4px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff; /*background-color: #337ab7;*/ /*border-color: #337ab7;*/
        cursor: default;
        border-color: #1559ed;
        /*background: -moz-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(74,189,145,1)), color-stop(100%, rgba(14,188,205,1)));  background: -webkit-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); background: -o-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%);  background: -ms-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); background: linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebccd', endColorstr='#4abd91',GradientType=1 );*/
        background: #0ebccd; /* Old browsers */
        background: -moz-linear-gradient(left, #1559ed 0%, #1559ed 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #1559ed 0%,#1559ed 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #1559ed 0%,#1559ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1559ed', endColorstr='#1559ed',GradientType=1 ); /* IE6-9 */
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #1559ed;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-bottom-left-radius: 6px; border-top-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px; font-size: 12px; line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
/*pagination*/
/*datalist tables pagination*/
/*datalist tables pagination*/

/*inline css here*/
#chartStatus svg {height: 400px;}
#chart_div svg {height: 255px;}
.highlighted {background: red;}
/*.modal.in .modal-dialog {position: absolute; left: 362px; top: 29px; }*/

/*.sweet-alert {background-color: #ffffff; padding-top: 0px !important; padding-left: opx !important; padding-right: 0px !important; padding-bottom: 0px !important; width: 250px !important; position: relative !important; left: 20px !important; height: 100p !important; padding: -86px !important; border-radius: 5px !important; text-align: center !important; position: fixed !important; left: 49% !important; top: 72% !important; margin-left: 396px !important; margin-bottom: 33px !important; margin-top: -200px !important; overflow: hidden !important; display: none; z-index: 8000 !important;}
.sweet-alert h2 {font-weight: 140px !important; position: relative !important; margin: 0.5rem 5px 0rem !important;}
h2 {font-size: 1.17rem !important;}
.sweet-alert .btn {min-width: 84px !important; -webkit-border-radius: 25rem !important; border-radius: 25rem !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: -12px 0rem 16px !important;}
.sweet-alert .lead {font-weight: 300 !important;  font-size: 15px !important; color: #343434 !important; margin-bottom: 20px !important;}
.btn-lg { padding: 6px 0px !important; font-size: 12px !important; line-height: 0.50 !important; border-radius: 6px !important; }*/

.sweet-alert .sa-icon {margin-top: 10px !important; margin-bottom: 10px !important;}
.sweet-alert h2 {margin-bottom: 15px !important; margin-top: 15px !important;}
.sweet-alert .lead {margin-bottom: 15px;}
.sweet-alert .btn {margin-bottom: 10px;}
.sweet-alert .sa-confirm-button-container .btn-group-lg > .btn, .btn-lg {padding: 8px !important;}

.filter_list {min-width: 120px !important; margin-top: 65px !important; position: absolute !important; z-index: 100 !important; background-color: white !important; border: 1px solid #c5d6de !important; border-radius: 2px; /*background-color: #adb7be; border-color: #adb7be;*/}
.filter_list ul {margin: 0 !important; padding: 0 !important; cursor: pointer !important; }
.filter_list li { padding: 5px; list-style: none; border-bottom: 1px solid #adb7be;}
.filter_list li:hover, .filter_list li.selected {cursor: pointer; background: #adb7be; color: #fdfdfd;}

ul.tag-editor {line-height: 35px; min-height: 35px; max-height: auto; /*margin: 3px;*/}
.ccbccspan {cursor: pointer; font-size: 14px;}

.note-editor note-frame panel panel-default {display: block;}
.note-editor .note-btn.btn {border: 1px solid #888888; background: #fff !important;}
.note-editor .note-btn.btn:hover {color: #6c7a86 !important;}
.note-editor .note-toolbar .note-btn-group.btn-group.open > .note-btn.btn {border: 1px solid #888888; color: #6c7a86 !important; }

div.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content {display: none;}
.element.style {display: block !important;}

.t-mail-block {float: left; width: 100%; margin-bottom: 5px; margin-top: 5px;}
.t-mail-lt {float: left; width: 10%;}
.t-mail-md {float: left; width: 70%;}
.t-mail-right {float: left; width: 20%;}
.t-mail-full {float: left; width: 100%;}
.t-mail-main {float: left; width: 90%;}

.campaignTblthead { padding-top: 9px !important; padding-bottom: 9px !important; text-align: left !important; color: #000 !important; background-color: #CCCCCC !important; }
table.tbl-campiagn thead th {font-size: 80% !important;  padding: 12px !important; }
table.tbl-campiagn tbody td {font-size: 80% !important;  padding: 7px 12px !important; height: 41px;}

#m-mail-view {display: none;}
.m-mail-view-btn {display: none;}
.border {border-color: #f00 !important;}
.bootstrap-table .table, .fixed-table-body .table, .table { font-size: inherit !important;}
#showtime { display: none;}

/*.glyphicon {cursor: pointer;}
#first {padding: -500px; margin-top: -54px;}
.MailTasktime {height: 39px;}
.check-2 {width: 17px; height: 18px; cursor: pointer; }*/
/*.input-group-addon {background-color: gainsboro !important;}
.input-group-addon:hover {background-color: gainsboro !important;}*/

.input-group.date .bootstrap-datetimepicker-widget + .input-group-addon, .input-group.date .input-group-addon:hover {color: rgba(108,122,134,.7);}
.ranges li.active, .ranges li:hover {
    background: #1559ed;
    color: #fff;
}
.lead-info section header {background-color: #f14848;}
.error {border-color: red !important;}

#foo {position: fixed; bottom: 0; left: 0; z-index: 1000 !important;}
.mail-editor .box-typical { border: 1px solid #3D9599 !important; /*margin-top: 14px; margin-left: 32px;*/}
.border {border-color: red;}
.container-narrow {margin: 0 auto; max-width: 700px;}
.container-narrow > hr {margin: 30px 0;}

#btn-container a {margin-top: 7px; min-width: 7px;}
#btn-dialpad a {margin-top: 7px; min-width: 7px;}
.user-card-row .tbl-cell.tbl-cell-photo img {position: relative; top: -3px;}

/*#MailAddress textarea {height: 32px; font-size: 16px; width: 100% !important; padding-bottom: 29px !important;}
#MailAddress .text-label {height: 28px; font-size: 16px;}
#MailAddress .text-tag {height: 25px;}*/

tr td.field {font-weight: bold; text-align: left;}
tr { text-align: left;}
#MailAddress .text-button {height: 25px;}
.lead-profile-section {}
#slideDown {display: none;}
#slidedownnote {/*display: none;*/ /*height: 130px; margin-bottom: 20px;*/}
/*.input-group-addon img{height: 24px; margin-right: -16px; margin-bottom: -6px;  vertical-align:text-bottom;}*/
#mailhide { display: none;}
#OpprtunitiToggle {display: none;}
/*.activity-line-item .activity-line-date {width: 62px !important;}*/
#toogleMailCC {display: none;}
#toogleMailBCC {display: none;}
#MailForm .card-header i.fa, #taskLeadPanel .card-header i.fa, #slidedownnote .card-header i.fa {color: #262626 !important;}
/*#MailForm {float: right;}*/

.tag-editor {/*WIDTH: 570PX; HEIGHT: auto;   list-style-type: none; padding: 1px; margin: 0; overflow: hidden; border: 1px solid #c5d6de; cursor: text; font-size: 1rem; color: #697782; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 6px; word-wrap: break-word;*/ /*overflow-y: scroll;*/ /*overflow-x: hidden;*/ padding: 0px;}
.tag-editor-tag {padding-bottom: 2px !important;}
.tag-editor-delete {padding: 2px 10px 4px 0 !important;}
/*inline css here*/

/*main css class change*/
.page-content { padding: 70px 0px 0px;/*padding: 49px 0px 0px;*/}
.page-content-right-pad {padding-right: 15px !important;}
.widget-activity, .widget-tasks {border-radius: 0px !important;}
.box-typical {border-radius: 0px !important;}

.widget-accordion {border-radius: 0px !important;}
.widget-accordion .panel-heading a {color: #262626 !important;/*font-weight:500;*/ }
.widget-accordion .panel-heading a .font-icon {color: #262626 !important;}
.widget-accordion .panel:first-child .panel-heading a {border-radius: 0px !important;}
.widget-accordion .panel:last-child .panel-heading a {border-radius: 0px !important;}
.panel-collapse.collapse.in {border-top: 1px solid #d8e2e7; padding-top: 10px;}
.widget-activity .widget-header, .widget-tasks .widget-header { color: #262626 !important; /*font-weight:500;*/}

.card {border-radius: 0px !important; border-color: #e2e2e2 !important;}
.card-default .card-header {background-color: #f4f4f4 !important; border-bottom-color: #e2e2e2 !important; word-break: break-all;}
.card-header {border-radius: 0px !important;  font-size: 16px !important;  line-height: 24px !important; text-transform: capitalize !important; font-weight: 400 !important; color: #212121 !important;}
.mail-box-header {border-color: #ddd !important;}
label {word-wrap: break-word;}

.form-label {color: #212121 !important; font-size: 14px !important; font-weight: 300 !important; text-transform: capitalize !important; margin-bottom: 5px !important; }
.form-label-line {display: inline;}
.form-label-n {font-size: 14px !important; font-weight: 300 !important;/*text-transform: capitalize !important;*/ margin-bottom: 5px !important;}
.form-lbl-pad { padding: 5px 0px;}

input, select, textarea, .tag-editor {border: 1px solid rgba(33, 33, 33, 0.12); border-radius: 0; color: #212121; font-size: 14px;}
.form-control, input, select, textarea, .tag-editor {border: 1px solid rgba(33, 33, 33, 0.12); border-radius: 0; color: #212121; font-size: 14px; }
.form-control:focus {border-color: rgba(33, 33, 33, 0.3);}
ul.tag-editor:focus {border-color: rgba(33, 33, 33, 0.3) !important;}
.input-group-addon { background: rgba(220, 220, 220, 0.85) !important; border-color: rgba(33, 33, 33, 0.1) !important; border-radius: 0px !important;}

.text-danger {color: #d9534f !important;}
.form-control {line-height: inherit;}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {border-radius: 0px;}
/*.btn {line-height: inherit;}*/

.mail-dt-tm {font-size: 12px; font-weight: 300; font-family: Poppins-Light; color: #f8b32d; word-break: break-all; }
.mail-from-address {font-size: 14px;  font-weight: 500; color: #212121; word-break: break-all;}
.mail-subject-title {font-size: 12px; color: #878787;}
.mail-details-title {font-size: 13px; font-weight: 300; color: #212121; word-break: break-all;}

.campaign-report-list {float: left; width: 100%;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0px; margin: 20px 0px;}
.campaign-report-list ul {padding: 0px; margin: 0px;}
.campaign-report-list ul li {display: inline-block; padding: 5px 10px; color: #878787;}
.campaign-report-list ul li a {/*color: #0ebccd;*/ color: #878787;}
.campaign-report-list ul li a:active {/*color: #0ebccd;*/color:#878787;}
.campaign-report-list ul li a:visited {/*color: #0ebccd;*/ color: #878787;}
.campaign-report-list ul li a:focus {color: #0ebccd;}
    .campaign-report-list ul li a:hover {
        color: #1559ed;
    }
.campaign-report-block {background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)); -webkit-box-shadow: 0 5px 10px #d2d2d2; -moz-box-shadow: 0 5px 10px #d2d2d2; box-shadow: 0 5px 10px #d2d2d2; border: 1px solid #b7e0df !important;}

.mail-left-pad-0 {padding-left: 0px !important;}

.lead-profile-day-block {width: 100px;}
.lead-profile-list {padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.lead-profile-list-m-id {font-size: 13px; font-weight: 500;  color: #878787;}
.lead-profile-list-subject {font-size: 14px !important; font-weight: 500 !important; color: #212121 !important; word-break: break-all;}
.lead-profile-list-campaign {font-size: 13px; font-weight: 300; color: #9e9e9e;}

.activity-line:before {/*width: 4px !important; background:#ddd !important; border-left: solid 1px #ddd;*/ width: auto !important; background: transparent !important; border-left: 2px solid #878787; height: 99% !important; top: 1px; left: 35px;}
.activity-circle {/*width: 50px !important; height: 50px !important; border-radius: 50% !important; background: #f7f7f9 !important; padding: 2px !important;*/ width: 100px !important; min-height: 71px !important; border-radius: 0% !important; /*background: #0EBCCD !important;*/ padding: 2% !important; border: 1px solid #0EBCCD; color: #fff !important; background: #0ebccd !important; background: -moz-linear-gradient(top, #0ebccd 1%, #5ebdb1 100%) !important; background: -webkit-linear-gradient(top, #0ebccd 1%,#5ebdb1 100%) !important; background: linear-gradient(to bottom, #0ebccd 1%,#5ebdb1 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebccd', endColorstr='#5ebdb1',GradientType=0 ) !important; }
.activity-circle i {margin-bottom: 5px;}
.activity-circle .small{ font-size: 75%; font-weight: 400; }
.activity-line {padding-left: 120px !important; margin-left: 0px !important;}
.activity-line-item .activity-line-date {/*top: 10px !important;*/ top: 0px !important; left: -120px; font-size: 14px;}
.activity-header-pad {padding: 5px 15px 5px 15px;}
.activity-card-block {width: 100%; min-height: 300px; height: auto; word-wrap: break-word;}
.activity-card-block img {max-width: 100% !important; height: auto !important; padding: .25rem; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: .25rem 0rem;}

.widget-activity .widget-tasks-item:nth-child(odd), .widget-tasks .widget-tasks-item:nth-child(odd) {background-color: rgba(0, 0, 0, 0.03) !important;}
.widget-tasks-item:nth-child(even) {border: 1px solid #d8e2e7; border-left: transparent; border-right: transparent;}
.widget-item-icon {top: 40% !important;}

.activity-line-bg-scroll {width: 100%;}
.mail-activity-scroll {width: 100%;}
.mail-activity-date {float: left; width: 100%; margin-bottom: 5px;}
.mail-activity-main-head {float: left; width: 100%;}
.mail-action .dropdown-menu {margin-top: 8px !important;}
.mail-action .arrow {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; position: absolute; top: -20%; right: 3%;}

.lead-profile-main-bg {width: 100%; /*background: red;*/}
.login-logo {width: 100%; margin: 2% auto 50px auto;}
.login-main-bg {float: left; display: block;  width: 100%; min-height: 100vh;}
.login-main-content {float: left; display: block; width: 100%; /*min-height: 100vh;*/ /*padding: 18% 8% 18% 8%;*/ padding: 24% 8%; margin-top: 9%;  margin-bottom: 9%; }
.login-content-bg {float: left; width: 100%;}

.alert-box {/*background: #fff; border: 1px solid #d8e2e7; -webkit-border-radius: 5px; border-radius: 5px;*/ text-align: center;  width: 100%;  max-width: 350px;   color: #919fa9;   position: absolute;  left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 1;}
.error-box {background: #fff; border: 1px solid #d8e2e7; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; width: 100%; max-width: 500px; color: #919fa9; padding: 2%; position: absolute;  left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.error-box .error-code {font-size: 9.375rem; font-weight: 600;}
.error-box .error-title {font-size: 2.25rem;   font-weight: 600;  margin: 0 0 1.5rem;}

.social-icon-bg {float: left;  width: 100%;  margin: 20px 0px 30px 0px;}
.or-line:after {background: red; width: 40%; top: 10px;}
.or-line {width: 100%; text-align: center; border-bottom: 1px solid rgba(33, 33, 33, 0.12); line-height: 0.1em; margin: 15px 0 20px;}
.or-line span {background: #fff; padding: 0 10px; }

.page-password-bg {min-width: 30%; margin: 0px 35%; background: #fff; float: left;}
.login-ltr-bg {display: block; background-attachment: fixed; background-position: top top; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; position: relative; min-height: 100vh; background: -moz-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(74,189,145,1)), color-stop(100%, rgba(14,188,205,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); /* ie10+ */ background: linear-gradient(45deg, rgba(74,189,145,1) 0%, rgba(14,188,205,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebccd', endColorstr='#4abd91',GradientType=1 ); /* ie6-9 */}
.login-left-bg {
    background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(21,89,237,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(21,89,237,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ebccd', endColorstr='#4abd91',GradientType=1 ); /* ie6-9 */
}
.login-left-bg-content {/*float: left; display: block; width: 100%; padding: 10%;*/ position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); color: #fff;}
.mail-btn-right {text-align: right !important;}

.modal-body-scroll {max-height: calc(100vh - 150px); overflow-y: auto; word-wrap: break-word;}
.modal-body-scroll img {max-width: 100% !important; height: auto !important; padding: .25rem; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: .25rem 0rem; }
.text-break {word-break: break-all;}
.lead-action-btn-fix {width: 80px; text-align: center;  margin: 0 auto;}
.show-visibility {visibility: visible !important;}
/*task tab*/
.task .tabs-section-nav {border: 1px solid transparent;}
.task .tabs-section-nav .nav-item {/*border-top-left-radius: 10px; border-top-right-radius: 10px;*/ background: transparent;}
.task .tabs-section-nav .nav-link.active {/*border-top-left-radius: 10px; border-top-right-radius: 10px;*/ background: #fbfcfd !important;}
.task .tabs-section-nav .nav-link-in {line-height: initial; /*padding: 10px 10px 6px 10px;*/ padding: 10px 2px 6px 2px;}
.task .tabs-section-nav .nav-link {/*font-size: 16px;*/font-weight: 400; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: 1px solid #d8e2e7 !important; border-right: 1px solid #d8e2e7; border-bottom: 1px solid transparent; border-left: 1px solid #d8e2e7 !important; background: #f5f5f5;}
.task .tab-right-border {border-right: 1px solid #d8e2e7 !important;}
.task-action-btn {float: left;}
/*task tab*/

/* Intimeline */
.autopitch-timeline {width: 100%; padding: 10px;}

/*.timeline {position: relative; margin: 0 0 30px 0; padding: 0; list-style: none;}
.timeline:before { content: ''; position: absolute;  top: 0; bottom: 0;  width: 1px; background: #f9f9f9; left: 32px; margin: 0;  border-radius: 2px;}
.timeline > li > .timeline-item:before { content: ''; position: absolute; top: 15px; bottom: 0; width: 5.5%; height: 2px;  background: #d2d6de; left: -5.6%;   margin: 0;}
.timeline > li {position: relative; margin-right: 0px; margin-bottom: 15px;}
.timeline > li:before,
.timeline > li:after {content: " "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-item {-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; margin-top: 0; background: #fff;  color: #444;  margin-left: 60px; margin-right: 15px;  padding: 0;  position: relative; border: 1px solid #d8e2e7;}
.timeline > li > .timeline-item > .time {color: #999; float: right; padding: 10px;}
.timeline > li > .timeline-item > .timeline-header {margin: 0;  border-bottom: 1px solid #d8e2e7;  padding: 10px; line-height: 1.1;}
.timeline > li > .timeline-item > .timeline-header > .timeline-heading {font-size: 14px; font-weight: 300; color: #212121; word-break: break-all;}
.timeline > li > .timeline-item > .timeline-header > .timeline-desc {font-size: 14px; font-weight: 300; color: #878787;  word-break: break-all;}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {padding: 10px;}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {width: 30px; height: 30px; font-size: 15px; line-height: 30px; position: absolute; color: #666; background: #d2d6de; border-radius: 50%; text-align: center; left: 18px; top: 0; z-index:1;}
.timeline > .time-label > span {font-weight: 600;  padding: 5px; display: inline-block;  background-color: #fff; border-radius: 4px;}
.timeline-inverse > li > .timeline-item {background: #f0f0f0; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none;}
.timeline-inverse > li > .timeline-item > .timeline-header { border-bottom-color: #ddd; }*/

.timeline {width: 100%; padding: 0px; margin-bottom: 10px; }
.timeline .list-item {width: 100%; padding: 0px 0px 10px 0px; border-bottom: 2px solid #dedede; margin-bottom: 15px;}
.timeline .list-item:nth-last-child(1) {border-bottom: 2px solid transparent;}
.timeline .list-item .heading {color: #212121; font-size: 14px; font-weight: 500; word-break: break-all; }
.timeline .media-desc {float: left; width: 100%; font-size: 13px; color: #878787; word-break: break-all;}
.timeline .media-desc ul {float: left; width: 100%;  margin: 5px 0px 0px 0px; padding: 0px;}
.timeline .media-desc ul li {display: inline-block;  padding: 5px 10px;  color: #878787;}
.timeline .media-desc ul li:nth-child(1) {padding-left: 0px;}
.timeline .media-desc ul li i {margin-right: 3px;}

ul.action-list {display: inline-block; margin: 0px 0px 10px 0px; padding: 0px;}
ul.action-list li {display: inline;  margin: 0 3px;  padding: 0px;  font-size: 12px; }
ul.action-list i.fa {padding: 0px 3px;}

.password-confirm-bg {margin: 5% auto; padding: 5% 0px; text-align: center;}
.d-hide {display: none;}
.d-show {display: block;}
#leadinfo{cursor:pointer;}

ul.upload-result {padding: 0px; margin: 0 auto; width: 100%;}
ul.upload-result li {display: inline-block; padding-right: 20px; font-size: 80%; color: #212121; list-style: none; }
ul.upload-result li:nth-last-child(1) {padding-right: 0px; /*color:#d9534f;*/ }
ul.upload-result li:before {border-color: transparent;}
.checkbox-control {width: 100%; padding: .480rem .75rem; line-height: 1.5;}
.btn-lbl {display: inline-block; padding: .375rem 1rem; text-align: center;  vertical-align: middle;}
/*main css class change balram*/

/* calendar Css here*/
.fc-header td {white-space: pre-wrap !important; padding: 15px 10px !important; vertical-align: middle !important; text-transform: capitalize !important;}
.fc-header .fc-button {margin-bottom: 0px !important; vertical-align: middle !important; border-radius: 0px !important;}
.fc-header-title {margin-top: inherit !important; vertical-align: middle !important;}
.fc-agenda .fc-agenda-axis {text-transform: capitalize;}
.fc-text-arrow {font-size: 14px !important;}
.fc-header-title h2 {font-weight: normal !important; font-family: Poppins-Medium !important; font-size: 16px !important;  margin-bottom: 0px !important;}
thead tr.fc-first {background: rgba(0, 0, 0, 0.05) !important;}
.fc-agenda-slots td div { height: 40px !important;}
.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {font-weight: normal !important;}
.fc-header-left, .fc-header-center, .fc-header-right {float: left !important; width: 33.333333% !important;}
.fc-grid .fc-day-number {color: #212121;}
.fc-state-highlight > div > div.fc-day-number {background-color: #6b7a85 !important;}
.fc-week .fc-day > div .fc-day-number {font-size: 12px !important; padding: 5px 8px !important;}
.fc-border-separate tr.fc-last th { font-size: 14px !important;}
.fc-header-right .fc-button { margin-right: 1px !important;}
.fc-state-default {border: 1px solid;}
.fc-state-default {border-color: #6b7a85 !important; color: #6b7a85 !important; font-weight: normal !important; text-shadow: none !important;}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {color: #333333; background-color: rgba(0, 0, 0, 0.05) !important;}
.fc-state-hover {color: #6b7a85 !important; background: transparent !important;}
.fc-state-down,
.fc-state-active {background-color: #6b7a85 !important; color: #FFFFFF !important;}
.fc-state-disabled {background-color: #FFE3E3; filter: alpha(opacity=65); border: 1px solid #FFE3E3; color: #ff3b30;}

textarea.form-control.calendar-textarea { resize: vertical !important;}
.fc-toolbar.fc-header-toolbar { margin-bottom: 0px !important;}
.fc-toolbar { padding: 15px;}
.fc-toolbar h1, .fc-toolbar h2, .fc-toolbar h3, .fc-toolbar h4, .fc-toolbar h5, .fc-toolbar h6 {font-size: 20px; top: 0px; padding: 0px;}
th.fc-day-header.fc-widget-header {border-bottom-width: 1px; border-color: #cdcdcd; font-size: 14px; font-weight: 300; line-height: 25px; background: #f7f7f7; text-transform: capitalize;}

.fc-state-default.fc-corner-left { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;}
.fc-state-default.fc-corner-right {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.fc button .fc-icon {margin: 0px !important; line-height: 0px !important; top: 0px !important;}
.fc-widget-content {text-transform: capitalize;}
.fc-toolbar .fc-left .fc-button-group > * {margin: 0 0 0 2px !important;}
.fc-toolbar .fc-button-group > button {height: 1.8em;  padding: 0 0.5em; text-transform: capitalize;}
.fc button {height: 1.8em !important; padding: 0 0.5em !important; text-transform: capitalize !important;}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number:hover {text-decoration: none !important;}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {min-width: 19px; padding: 6px; text-align: center;}
.fc-event {border-radius: 0px !important;}
.fc-event, .fc-event:hover {color: #fff !important;}
.fc-event, .fc-event-dot { background: #0ebccd !important;}
.fc-event { border: 1px solid #0ebccd !important;}

.cal-mdl-right-pad {padding-right: 0px;}
.cal-mdl-left-pad {padding-left: 0px;}
.d-inline {display: inline-block;  margin-right: 15px;}
.modal-recurring {max-width: 500px !important;}
.modal-page-bg {background: rgba(0,0,0,0.5);}
/* calendar Css here*/
/*ajax loader*/
.ajax_loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0);
}
.ajax_loader span {position: absolute; left: 45%; top: 50%; }
.ajax_loader i { position: absolute; left: 50%; top: 50%; }

.loader {height: 20px; width: 250px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.loader--dot {animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: black; position: absolute; border: 2px solid white;}
    .loader--dot:first-child { /*background-color: #8cc759;*/
        background-color: #94b0eb;
        animation-delay: 0.5s;
    }
    .loader--dot:nth-child(2) { /*background-color: #8c6daf;*/
        background-color: #799deb;
        animation-delay: 0.4s;
    }
    .loader--dot:nth-child(3) { /*background-color: #ef5d74;*/
        background-color: #648eeb;
        animation-delay: 0.3s;
    }
    .loader--dot:nth-child(4) { /*background-color: #f9a74b;*/
        background-color: #497cea;
        animation-delay: 0.2s;
    }
    .loader--dot:nth-child(5) { /*background-color: #60beeb;*/
        background-color: #2c69ec;
        animation-delay: 0.1s;
    }
    .loader--dot:nth-child(6) { /*background-color: #fbef5a;*/
        background-color: #1559ed;
        animation-delay: 0s;
    }
.loader--text { position: absolute; top: 200%;  left: 0; right: 0;  width: 4rem;  margin: auto;}
.loader--text:after { content: "Loading";  font-weight: bold; animation-name: loading-text; animation-duration: 3s;  animation-iteration-count: infinite;}

@keyframes loader {
    15% {transform: translateX(0);}
    45% {transform: translateX(230px);}
    65% {transform: translateX(230px);}
    95% {transform: translateX(0);}
}

@keyframes loading-text {
    0% {content: "Loading";}
    25% {content: "Loading.";}
    50% {content: "Loading..";}
    75% {content: "Loading...";}
}
/*ajax loader*/
/*table here*/
.t-width-12 {min-width: 1350px !important;}

table#marketoutreachStatusTable thead th {border-right: 1px solid #ddd !important;}
table#marketoutreachStatusTable thead th:nth-last-child(1) {border-right: 1px solid transparent !important;}
table#marketoutreachStatusTable tbody td {border-right: 1px solid #ddd !important;}
table#marketoutreachStatusTable tbody td:nth-last-child(1) {border-right: 1px solid transparent !important;}

table.dataTable tbody th, table.dataTable tbody td {text-align: left !important;}
table.dataTable {border-collapse: collapse !important;}
.table {width: 100%; max-width: 100%; /*margin-bottom: 1rem;*/}
.table th,
.table td {padding: 16px; /*padding: 0.75rem;*/  vertical-align: middle; border-top: 1px solid #dedede; }
.table th {color: #212121;  font-size: 14px !important;   font-weight: 500 !important;  text-transform: capitalize !important; background: #fff !important; vertical-align: middle;}

.table td {color: #878787;   font-size: 14px !important;  font-weight: 300 !important;  vertical-align: middle;}
.table thead th {/*vertical-align: bottom;*/ border-bottom: 2px solid #dedede; vertical-align: middle;}
.table thead th {color: #212121 !important;  font-size: 14px !important; font-weight: 500 !important; text-transform: capitalize !important; background: #fff !important; vertical-align: middle;}

.table tbody td {color: #878787 !important;  font-size: 14px !important;  font-weight: 300 !important; vertical-align: middle;}
.table tbody + tbody {border-top: 2px solid #dedede;}
.table .table { background-color: #fff;}

.table-sm th,
.table-sm td {padding: 0.3rem;}
.table-bordered {border: 1px solid #dedede !important;}

.table-bordered th,
.table-bordered td {border: 1px solid #dedede !important;}
.table-bordered thead th,
.table-bordered thead td {border-bottom-width: 2px;}

.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.05) !important;}
.table-striped tbody tr:nth-of-type(even) {background-color: #fff !important;}

.table-hover tbody tr:hover {background-color: rgba(0, 0, 0, 0.075) !important;}

.table-active,
.table-active > th,
.table-active > td {background-color: rgba(0, 0, 0, 0.075) !important;}
.table-hover .table-active:hover {background-color: rgba(0, 0, 0, 0.075) !important;}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {background-color: rgba(0, 0, 0, 0.075) !important;}

.table-success,
.table-success > th,
.table-success > td {background-color: #dff0d8 !important;}

.table-hover .table-success:hover {background-color: #d0e9c6 !important;}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {background-color: #d0e9c6 !important;}

.table-info,
.table-info > th,
.table-info > td {background-color: #d9edf7 !important;}

.table-hover .table-info:hover {background-color: #c4e3f3 !important;}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {background-color: #c4e3f3 !important;}

.table-warning,
.table-warning > th,
.table-warning > td {background-color: #fcf8e3 !important;}
.table-hover .table-warning:hover {background-color: #faf2cc !important;}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {background-color: #faf2cc !important;}

.table-danger,
.table-danger > th,
.table-danger > td {background-color: #f2dede !important;}

.table-hover .table-danger:hover {background-color: #ebcccc !important;}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {background-color: #ebcccc;}
.thead-inverse th {color: #fff; background-color: #292b2c;}
.thead-default th {color: #464a4c; background-color: #eceeef;}
.table-inverse {color: #fff; background-color: #292b2c;}

.table-inverse th,
.table-inverse td,
.table-inverse thead th { border-color: #fff;}
.table-inverse.table-bordered {border: 0;}
.table-responsive {display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar;}
.table-responsive.table-bordered {border: 0;}

/*table header fixed*/
.table-th-fix tbody {display: block; height: 225px; overflow: auto;}
.table-th-fix thead, .table-th-fix tbody tr { display: table; width: 100%; table-layout: fixed; }
.table-th-fix thead {/*width: calc( 100% - 1em )*/ width: calc( 100% - 0.3em );}
/* width */
.table-th-fix ::-webkit-scrollbar {width: 5px;}
.table-th-fix ::-moz-scrollbar {width: 5px;}
/* Track */
.table-th-fix ::-webkit-scrollbar-track {background: #f1f1f1;}
.table-th-fix ::-moz-scrollbar-track {background: #f1f1f1;}
/* Handle */
.table-th-fix ::-webkit-scrollbar-thumb {background: #888;}
.table-th-fix ::-moz-scrollbar-thumb {background: #888;}
/* Handle on hover */
.table-th-fix ::-webkit-scrollbar-thumb:hover { background: #555;}
.table-th-fix ::-moz-scrollbar-thumb:hover {background: #555;}
/*table header fixed*/
.table.teble-data-center thead th {/*text-align: center;*/ color: #878787 !important;}
.table.teble-data-center thead th .form-label {/*text-align: center;*/  color: #878787 !important; }
.table.teble-data-center tbody td {text-align: center;}
/*tables here*/

/*tooltip css*/
.tooltip {position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start;  text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal;  word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0);  opacity: 0; line-break: auto;}
.tooltip.in {filter: alpha(opacity=90);  opacity: .9; }
.tooltip.top {padding: 5px 0; margin-top: -12px;}
.tooltip.right {padding: 0 5px; margin-left: 3px;}
.tooltip.bottom {padding: 5px 0; margin-top: 3px;}
.tooltip.left {padding: 0 5px; margin-left: -6px;}
.tooltip-inner {max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}

.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.top-left .tooltip-arrow {right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.top-right .tooltip-arrow {bottom: 0; left: 5px;  margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000;}
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000;}
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip.bottom-left .tooltip-arrow {top: 0; right: 5px;  margin-top: -5px; border-width: 0 5px 5px;  border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow {top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px;  border-bottom-color: #000;}
/*tooltip css*/

/*social media*/
.switch, .switch * {-webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.switch label {cursor: pointer;}
.switch label input[type=checkbox] { /* opacity:0; */ width: 0;  height: 0; }
.switch label input[type=checkbox]:checked + .lever {background-color: #84c7c1;}
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {left: 18px;}
.switch label input[type=checkbox]:checked + .lever:after {background-color: #26a69a;}
.switch label .lever {content: ""; display: inline-block; position: relative;  width: 36px;  height: 14px; background-color: rgba(0,0,0,0.38); border-radius: 15px; margin-right: 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle;  margin: 0 16px;}

.switch label .lever:before, .switch label .lever:after {content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0; top: -3px; -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;}
.switch label .lever:before {background-color: rgba(38,166,154,0.15);}
.switch label .lever:after {background-color: #F1F1F1; -webkit-box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {-webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(38,166,154,0.15); }
input[type=checkbox]:not(:disabled) ~ .lever:active:before, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {-webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(0,0,0,0.08);}

.switch input[type=checkbox][disabled] + .lever {cursor: default; background-color: rgba(0,0,0,0.12);}
.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {background-color: #949494;}


.btn-social {position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.btn-social > :first-child {position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0,0,0,0.2);}
.btn-social.btn-lg {padding-left: 61px;}
.btn-social.btn-lg > :first-child {line-height: 45px;  width: 45px; font-size: 1.8em;}
.btn-social.btn-sm {padding-left: 38px;}
.btn-social.btn-sm > :first-child {line-height: 28px; width: 28px;  font-size: 1.4em;}
.btn-social.btn-xs {padding-left: 30px;}
.btn-social.btn-xs > :first-child {line-height: 20px; width: 20px; font-size: 1.2em;}

.btn-social-icon {position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0;}
.btn-social-icon > :first-child {position: absolute; left: 0;  top: 0;  bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0,0,0,0.2);}
.btn-social-icon.btn-lg {padding-left: 61px;}
.btn-social-icon.btn-lg > :first-child {line-height: 45px; width: 45px; font-size: 1.8em;}

.btn-social-icon.btn-sm {padding-left: 38px;}
.btn-social-icon.btn-sm > :first-child {line-height: 28px; width: 28px; font-size: 1.4em;}
.btn-social-icon.btn-xs {padding-left: 30px;}
.btn-social-icon.btn-xs > :first-child {line-height: 20px;  width: 20px; font-size: 1.2em;}
.btn-social-icon > :first-child {border: none; text-align: center; width: 100% !important;}

.btn-social-icon.btn-lg { height: 45px;  width: 45px; padding-left: 0; padding-right: 0; }
.btn-social-icon.btn-sm { height: 30px;  width: 30px; padding-left: 0; padding-right: 0; }
.btn-social-icon.btn-xs { height: 22px;  width: 22px; padding-left: 0; padding-right: 0; }

.btn-adn {color: #fff; background-color: #d87a68; border-color: rgba(0,0,0,0.2);}
.btn-adn:focus, .btn-adn.focus {color: #fff;  background-color: #ce563f;  border-color: rgba(0,0,0,0.2);}
.btn-adn:hover {color: #fff; background-color: #ce563f; border-color: rgba(0,0,0,0.2);}
.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {color: #fff; background-color: #ce563f; border-color: rgba(0,0,0,0.2);}
.btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus {color: #fff; background-color: #b94630; border-color: rgba(0,0,0,0.2);}
.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {background-image: none;}
.btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus {background-color: #d87a68; border-color: rgba(0,0,0,0.2);}
.btn-adn .badge {color: #d87a68; background-color: #fff;}

.btn-bitbucket {color: #fff; background-color: #205081; border-color: rgba(0,0,0,0.2);}
.btn-bitbucket:focus, .btn-bitbucket.focus {color: #fff; background-color: #163758; border-color: rgba(0,0,0,0.2);}
.btn-bitbucket:hover {color: #fff; background-color: #163758;  border-color: rgba(0,0,0,0.2);}
.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {color: #fff; background-color: #163758; border-color: rgba(0,0,0,0.2);}
.btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus {color: #fff; background-color: #0f253c; border-color: rgba(0,0,0,0.2);}
.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {background-image: none;}
.btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus {background-color: #205081; border-color: rgba(0,0,0,0.2);}
.btn-bitbucket .badge {color: #205081; background-color: #fff;}

.btn-dropbox {color: #fff; background-color: #1087dd; border-color: rgba(0,0,0,0.2);}
.btn-dropbox:focus, .btn-dropbox.focus {color: #fff;  background-color: #0d6aad; border-color: rgba(0,0,0,0.2);}
.btn-dropbox:hover {color: #fff; background-color: #0d6aad; border-color: rgba(0,0,0,0.2);}
.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {color: #fff; background-color: #0d6aad; border-color: rgba(0,0,0,0.2);}
.btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus {color: #fff; background-color: #0a568c; border-color: rgba(0,0,0,0.2);}
.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {background-image: none;}
.btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus {background-color: #1087dd; border-color: rgba(0,0,0,0.2); }
.btn-dropbox .badge {color: #1087dd; background-color: #fff;}

.btn-facebook {color: #fff; background-color: #3b5998; border-color: rgba(0,0,0,0.2);}
.btn-facebook:focus, .btn-facebook.focus {color: #fff; background-color: #2d4373; border-color: rgba(0,0,0,0.2);}
.btn-facebook:hover {color: #fff; background-color: #2d4373; border-color: rgba(0,0,0,0.2);}
.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {color: #fff; background-color: #2d4373; border-color: rgba(0,0,0,0.2);}
.btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {color: #fff; background-color: #23345a; border-color: rgba(0,0,0,0.2);}
.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none;}
.btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus {background-color: #3b5998; border-color: rgba(0,0,0,0.2); }
.btn-facebook .badge {color: #3b5998; background-color: #fff;}

.btn-flickr {color: #fff; background-color: #ff0084; border-color: rgba(0,0,0,0.2);}
.btn-flickr:focus, .btn-flickr.focus {color: #fff; background-color: #cc006a; border-color: rgba(0,0,0,0.2); }
.btn-flickr:hover {color: #fff; background-color: #cc006a; border-color: rgba(0,0,0,0.2); }
.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {color: #fff; background-color: #cc006a; border-color: rgba(0,0,0,0.2);}
.btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus {color: #fff; background-color: #a80057; border-color: rgba(0,0,0,0.2);}
.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {background-image: none;}
.btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus {background-color: #ff0084; border-color: rgba(0,0,0,0.2);}
.btn-flickr .badge {color: #ff0084; background-color: #fff;}

.btn-foursquare {color: #fff; background-color: #f94877; border-color: rgba(0,0,0,0.2);}
.btn-foursquare:focus, .btn-foursquare.focus {color: #fff; background-color: #f71752; border-color: rgba(0,0,0,0.2);}
.btn-foursquare:hover {color: #fff; background-color: #f71752; border-color: rgba(0,0,0,0.2); }
.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {color: #fff; background-color: #f71752; border-color: rgba(0,0,0,0.2); }
.btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus {color: #fff; background-color: #e30742; border-color: rgba(0,0,0,0.2);}
.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {background-image: none;}
.btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus {background-color: #f94877; border-color: rgba(0,0,0,0.2); }
.btn-foursquare .badge {color: #f94877; background-color: #fff;}

.btn-github {color: #fff; background-color: #444; border-color: rgba(0,0,0,0.2); }
.btn-github:focus, .btn-github.focus {color: #fff; background-color: #2b2b2b;  border-color: rgba(0,0,0,0.2);}
.btn-github:hover {color: #fff;  background-color: #2b2b2b; border-color: rgba(0,0,0,0.2); }
.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {color: #fff; background-color: #2b2b2b;  border-color: rgba(0,0,0,0.2);}
.btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus {color: #fff; background-color: #191919; border-color: rgba(0,0,0,0.2);}
.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {background-image: none;}
.btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus {background-color: #444; border-color: rgba(0,0,0,0.2); }
.btn-github .badge {color: #444; background-color: #fff;}

.btn-google {color: #fff; background-color: #dd4b39; border-color: rgba(0,0,0,0.2);}
.btn-google:focus, .btn-google.focus {color: #fff; background-color: #c23321; border-color: rgba(0,0,0,0.2); }
.btn-google:hover {color: #fff; background-color: #c23321; border-color: rgba(0,0,0,0.2);}
.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {color: #fff; background-color: #c23321; border-color: rgba(0,0,0,0.2); }
.btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {color: #fff;  background-color: #a32b1c; border-color: rgba(0,0,0,0.2);}
.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {background-image: none;}
.btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus {background-color: #dd4b39;  border-color: rgba(0,0,0,0.2);}
.btn-google .badge {color: #dd4b39; background-color: #fff;}

.btn-instagram {color: #fff; background-color: #3f729b; border-color: rgba(0,0,0,0.2); }
.btn-instagram:focus, .btn-instagram.focus {color: #fff; background-color: #305777;  border-color: rgba(0,0,0,0.2);}
.btn-instagram:hover {color: #fff;  background-color: #305777; border-color: rgba(0,0,0,0.2); }
.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {color: #fff; background-color: #305777;  border-color: rgba(0,0,0,0.2); }
.btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus {color: #fff; background-color: #26455d;   border-color: rgba(0,0,0,0.2); }
.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {background-image: none;}
.btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus {background-color: #3f729b; border-color: rgba(0,0,0,0.2); }
.btn-instagram .badge {color: #3f729b; background-color: #fff;}

.btn-linkedin {color: #fff; background-color: #007bb6; border-color: rgba(0,0,0,0.2); }
.btn-linkedin:focus, .btn-linkedin.focus {color: #fff;  background-color: #005983;  border-color: rgba(0,0,0,0.2); }
.btn-linkedin:hover {color: #fff; background-color: #005983;  border-color: rgba(0,0,0,0.2);}
.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {color: #fff; background-color: #005983;  border-color: rgba(0,0,0,0.2);}
.btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus {color: #fff; background-color: #00405f;  border-color: rgba(0,0,0,0.2);}
.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {     background-image: none; }
.btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus {background-color: #007bb6; border-color: rgba(0,0,0,0.2);}
.btn-linkedin .badge {color: #007bb6;  background-color: #fff;}

.btn-microsoft {color: #fff; background-color: #2672ec; border-color: rgba(0,0,0,0.2); }
.btn-microsoft:focus, .btn-microsoft.focus {color: #fff; background-color: #125acd;  border-color: rgba(0,0,0,0.2); }
.btn-microsoft:hover {color: #fff; background-color: #125acd;  border-color: rgba(0,0,0,0.2); }
.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {color: #fff;  background-color: #125acd; border-color: rgba(0,0,0,0.2);}
.btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus {color: #fff; background-color: #0f4bac; border-color: rgba(0,0,0,0.2);}
.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {background-image: none; }
.btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus {background-color: #2672ec;  border-color: rgba(0,0,0,0.2);}
.btn-microsoft .badge {color: #2672ec; background-color: #fff; }

.btn-odnoklassniki {color: #fff; background-color: #f4731c; border-color: rgba(0,0,0,0.2); }
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {color: #fff; background-color: #d35b0a;    border-color: rgba(0,0,0,0.2); }
.btn-odnoklassniki:hover {color: #fff;  background-color: #d35b0a;  border-color: rgba(0,0,0,0.2);}
.btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {color: #fff; background-color: #d35b0a; border-color: rgba(0,0,0,0.2);}
.btn-odnoklassniki:active:hover, .btn-odnoklassniki.active:hover, .open > .dropdown-toggle.btn-odnoklassniki:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki.active:focus, .open > .dropdown-toggle.btn-odnoklassniki:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active.focus, .open > .dropdown-toggle.btn-odnoklassniki.focus {color: #fff;  background-color: #b14c09; border-color: rgba(0,0,0,0.2);}
.btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {background-image: none;}
.btn-odnoklassniki.disabled:hover, .btn-odnoklassniki[disabled]:hover, fieldset[disabled] .btn-odnoklassniki:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki[disabled]:focus, fieldset[disabled] .btn-odnoklassniki:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled].focus, fieldset[disabled] .btn-odnoklassniki.focus {background-color: #f4731c; border-color: rgba(0,0,0,0.2);}
.btn-odnoklassniki .badge {color: #f4731c;  background-color: #fff;}

.btn-openid {color: #fff; background-color: #f7931e; border-color: rgba(0,0,0,0.2); }
.btn-openid:focus, .btn-openid.focus {color: #fff; background-color: #da7908; border-color: rgba(0,0,0,0.2);}
.btn-openid:hover {color: #fff; background-color: #da7908; border-color: rgba(0,0,0,0.2); }
.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {color: #fff; background-color: #da7908; border-color: rgba(0,0,0,0.2);}
.btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus {color: #fff;  background-color: #b86607; border-color: rgba(0,0,0,0.2);}
.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {background-image: none;}
.btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus {background-color: #f7931e; border-color: rgba(0,0,0,0.2);}
.btn-openid .badge {color: #f7931e; background-color: #fff;}

.btn-pinterest {color: #fff; background-color: #cb2027; border-color: rgba(0,0,0,0.2); }
.btn-pinterest:focus, .btn-pinterest.focus {color: #fff;  background-color: #9f191f; border-color: rgba(0,0,0,0.2);}
.btn-pinterest:hover {color: #fff;  background-color: #9f191f;   border-color: rgba(0,0,0,0.2);}
.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {color: #fff;  background-color: #9f191f;   border-color: rgba(0,0,0,0.2); }
.btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus {color: #fff;  background-color: #801419; border-color: rgba(0,0,0,0.2);}
.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {background-image: none;}
.btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus {background-color: #cb2027; border-color: rgba(0,0,0,0.2);}
.btn-pinterest .badge {color: #cb2027; background-color: #fff;}

.btn-reddit {color: #000; background-color: #eff7ff; border-color: rgba(0,0,0,0.2);}
.btn-reddit:focus, .btn-reddit.focus {color: #000;  background-color: #bcddff;  border-color: rgba(0,0,0,0.2); }
.btn-reddit:hover {color: #000;  background-color: #bcddff;  border-color: rgba(0,0,0,0.2);}
.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {color: #000;  background-color: #bcddff;  border-color: rgba(0,0,0,0.2);}
.btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus {color: #000;  background-color: #98ccff; border-color: rgba(0,0,0,0.2);}
.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {background-image: none;}
.btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus {background-color: #eff7ff; border-color: rgba(0,0,0,0.2); }
.btn-reddit .badge {color: #eff7ff;  background-color: #000;}

.btn-soundcloud {color: #fff; background-color: #f50; border-color: rgba(0,0,0,0.2); }
.btn-soundcloud:focus, .btn-soundcloud.focus {color: #fff; background-color: #c40;  border-color: rgba(0,0,0,0.2); }
.btn-soundcloud:hover {color: #fff;   background-color: #c40; border-color: rgba(0,0,0,0.2); }
.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {color: #fff;  background-color: #c40;  border-color: rgba(0,0,0,0.2); }
.btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus {color: #fff;  background-color: #a83800;   border-color: rgba(0,0,0,0.2); }
.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {background-image: none; }
.btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus {background-color: #f50; border-color: rgba(0,0,0,0.2);}
.btn-soundcloud .badge {color: #f50;  background-color: #fff; }

.btn-tumblr {color: #fff; background-color: #2c4762; border-color: rgba(0,0,0,0.2); }
.btn-tumblr:focus, .btn-tumblr.focus {color: #fff;  background-color: #1c2d3f; border-color: rgba(0,0,0,0.2);}
.btn-tumblr:hover {color: #fff; background-color: #1c2d3f; border-color: rgba(0,0,0,0.2);}
.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {color: #fff; background-color: #1c2d3f; border-color: rgba(0,0,0,0.2); }
.btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus {color: #fff;  background-color: #111c26;  border-color: rgba(0,0,0,0.2);}
.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {background-image: none; }
.btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus {background-color: #2c4762; border-color: rgba(0,0,0,0.2);}
.btn-tumblr .badge {color: #2c4762; background-color: #fff;}

.btn-twitter {color: #fff; background-color: #55acee; border-color: rgba(0,0,0,0.2); }
.btn-twitter:focus, .btn-twitter.focus {color: #fff;  background-color: #2795e9;  border-color: rgba(0,0,0,0.2); }
.btn-twitter:hover {color: #fff;   background-color: #2795e9;  border-color: rgba(0,0,0,0.2);}
.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {color: #fff;  background-color: #2795e9; border-color: rgba(0,0,0,0.2);}
.btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus {color: #fff;  background-color: #1583d7; border-color: rgba(0,0,0,0.2); }
.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {background-image: none; }
.btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus {background-color: #55acee; border-color: rgba(0,0,0,0.2); }
.btn-twitter .badge {color: #55acee;  background-color: #fff;}

.btn-vimeo {color: #fff; background-color: #1ab7ea; border-color: rgba(0,0,0,0.2);}
.btn-vimeo:focus, .btn-vimeo.focus {color: #fff; background-color: #1295bf; border-color: rgba(0,0,0,0.2);}
.btn-vimeo:hover {color: #fff; background-color: #1295bf;  border-color: rgba(0,0,0,0.2);}
.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {color: #fff;  background-color: #1295bf;  border-color: rgba(0,0,0,0.2);}
.btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus {color: #fff; background-color: #0f7b9f; border-color: rgba(0,0,0,0.2); }
.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {background-image: none;}
.btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus {background-color: #1ab7ea; border-color: rgba(0,0,0,0.2);}
.btn-vimeo .badge {color: #1ab7ea;  background-color: #fff;}

.btn-vk {color: #fff; background-color: #587ea3; border-color: rgba(0,0,0,0.2);}
.btn-vk:focus, .btn-vk.focus {color: #fff; background-color: #466482; border-color: rgba(0,0,0,0.2);}
.btn-vk:hover {color: #fff; background-color: #466482; border-color: rgba(0,0,0,0.2);}
.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {color: #fff; background-color: #466482; border-color: rgba(0,0,0,0.2);}
.btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus {color: #fff; background-color: #3a526b; border-color: rgba(0,0,0,0.2);}
.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {background-image: none;}
.btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus {background-color: #587ea3; border-color: rgba(0,0,0,0.2);}
.btn-vk .badge {color: #587ea3; background-color: #fff;}

.btn-yahoo {color: #fff; background-color: #720e9e; border-color: rgba(0,0,0,0.2);}
.btn-yahoo:focus, .btn-yahoo.focus {color: #fff; background-color: #500a6f; border-color: rgba(0,0,0,0.2);}
.btn-yahoo:hover {color: #fff; background-color: #500a6f; border-color: rgba(0,0,0,0.2);}
.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {color: #fff; background-color: #500a6f; border-color: rgba(0,0,0,0.2);}
.btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus {color: #fff; background-color: #39074e;  border-color: rgba(0,0,0,0.2);}
.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {background-image: none;}
.btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus {background-color: #720e9e; border-color: rgba(0,0,0,0.2);}
.btn-yahoo .badge {color: #720e9e; background-color: #fff;}
/*social media*/




/*1stnov new css for activity*/
.activity-line{padding-left:0px !important;}
.activity-line-item-user{padding:0px 20px 0px 80px !important; /*old here padding:0px 45px 0px 80px !important;*/}
.activity-line-item-left{position: absolute; left: 0; background:#5fbec0; width:70px; height:100%;}
.activity-line-item-left .display-type{width:100%; height:100%; padding:20% 0px; text-align:center; color:#fff;}
.activity-line-item-right {position: absolute; right: 0; background: #5fbec0; width: 35px; height: 100%;}
.activity-line-item-right .bt-toggle{width:100%; height:100%; padding:100% 0px; text-align:center;}
.activity-line-item-right .bt-toggle a{color:#fff;}

.activity-body{padding:2% 0;}
.activity-body .lead-activity{padding-bottom:3px; margin-bottom:10px; border-bottom:1px solid #d8e2e7;}
.activity-body .lead-activity ul{width:100%; margin:0px; padding:0px;}
.activity-body .lead-activity ul li{display:inline-block; margin-right:10px; color:#212121; font-size:12px;}
.activity-body .lead-activity ul li:nth-child(1){font-size:18px;}
.activity-body .lead-activity ul li:nth-last-child(-n+2){color:#f0ad4e; float:right; font-size:80%; margin-right:0px; margin-left:2px;}
/*.activity-body .lead-activity ul li:nth-last-child(-n+2){float:right}*/
.activity-body .main-activity{margin-top: 0px; padding-left:35px;}
.activity-body .main-activity .bt-toggle{position:absolute; left:80px;}

/*forms module*/
#formJsonView1{
    width:100%;
    height:300px;
    padding:20px;
    border:1px solid rgba(33, 33, 33, 0.12);
    overflow-y:scroll;
    word-wrap:break-word;
    color:#555555;
}

#formJsonView1::selection {
        background: #a8d1ff; /* WebKit/Blink Browsers */
    }
#formJsonView1::-moz-selection {
        background: #a8d1ff; /* Gecko Browsers */
    }

/*span.google-icon {
    background-image: url(../img/g-logo.svg);
    background-color: #fff;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 45px;
    border-radius: 1px;
    margin-right: 16px
}

span.google-text-dark {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    font-family: roboto, sans-serif;
    padding-right: 8px
}*/
.google-auth.google-light {
    display: block;
    width: 100%;
    border-radius: 1px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    background: #fff;
    border: #fff solid 1px;
    box-shadow: 1px 1px 5px 0 #b7b7b7;
    text-align: left;
}

span.google-icon {
    background-image: url(../img/g-logo.svg);
    background-color: #fff!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    display: inline-block!important;
    vertical-align: middle!important;
    width: 40px!important;
    height: 45px!important;
    border-radius: 1px!important;
   /*margin-right: 16px!important*/
}

span.google-text-light {
    display: inline-block!important;
    vertical-align: middle!important;
    font-size: 14px!important;
    font-weight: 500!important;
    text-transform: capitalize!important;
    color: #000!important;
    font-family: roboto, sans-serif!important;
    padding-right: 8px!important
}
.btn-height-1{height:47px;}
.line-height-1{line-height:45px !important;}


#filePreviewContainer{
    width:100%;
    height:auto;
    border:1px solid #878787;
    margin-bottom:15px;
    padding:10px;
}

#filePreviewContainer iframe{
    width:100%;
    height:auto;
    min-height:500px;
    padding:0px;
    border:1px solid transparent;
}






/*1stnov new css for activity end*/
@media (min-width:320px) and (max-width: 991px) {
    .d-text-right {text-align: left;}
    .page-content-right-pad {padding-right: 0px !important;}
}

@media (min-width:320px) and (max-width: 543px) {
.m-bottom-mar-3 {margin-bottom: 3px;}
.auto-header {height: auto; padding: 10px 0px;}
.site-header .site-header-content {width: 100% !important;  margin: 0 auto;}
.site-header .hamburger {float: right;}
.site-header .site-header-content .site-header-content-in {margin-left: 0px;}
.page-content {padding-top: 100px !important;}

.side-menu .jspPane {padding-top: 120px !important;}
 /*.side-menu {padding-top: 120px !important;}*/
.btn-full {min-width: 100%;}
.task .tabs-section-nav .nav-item {width: 100%;}
.task .tabs-section-nav .nav-item {margin-bottom: 3px;}
.task .tabs-section-nav .nav-item:nth-last-child(1) {margin-bottom: 0px;}
.cal-mdl-right-pad {padding-right: 15px;}
.cal-mdl-left-pad {padding-left: 15px;}
.cal-mdl-bottom-mar-15 {margin-bottom: 15px;}

.fc-toolbar .fc-right, .fc-toolbar .fc-left, .fc-toolbar .fc-center { margin: 1% auto }
.form-label-block{display:block !important;}

}

@media (min-width:544px) and (max-width: 767px) {
.task .tabs-section-nav .nav-item {width: 50%;}
.task .tabs-section-nav .nav-item {margin-bottom: 3px;}
.task .tabs-section-nav .nav-item:nth-last-child(1) {margin-bottom: 0px;}
.task .tabs-section-nav .nav-item:nth-last-child(2) {margin-bottom: 0px;}
}

@media (min-width:768px) and (max-width: 991px) {
.task .tabs-section-nav .nav-item {width: 50%;}
.task .tabs-section-nav .nav-item {margin-bottom: 3px;}
.task .tabs-section-nav .nav-item:nth-last-child(1) {margin-bottom: 0px;}
.task .tabs-section-nav .nav-item:nth-last-child(2) {margin-bottom: 0px;}

}

@media (min-width:992px) and (max-width: 1199px) {
.task .tabs-section-nav .nav-item { width: 50%;}
.task .tabs-section-nav .nav-item {margin-bottom: 3px;}
.task .tabs-section-nav .nav-item:nth-last-child(1) {margin-bottom: 0px;}
.task .tabs-section-nav .nav-item:nth-last-child(2) {margin-bottom: 0px;}

}

@media (min-width:1200px) and (max-width: 1500px) {
.task .tabs-section-nav .nav-item {width: 25%;}
}

@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {float: none; text-align: left !important;}
}


@media (min-width:320px) and (max-width:767px) {
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {text-align: left !important;}
ul.mail-btn-list {float: left !important;}
.m-form-group {margin-bottom: 1rem;}
.site-header .site-logo img {width: auto;}

.m-left-pad-0 {padding-left: 0px !important; }
.m-left-pad-5 {padding-left: 5px;}
.m-left-pad-10 {padding-left: 10px !important;}
.m-left-pad-15 {padding-left: 15px !important;}

.m-right-pad-0 {padding-right: 0px !important;}
.m-right-pad-5 {padding-right: 5px;}
.m-right-pad-10 {padding-right: 10px;}
.m-right-pad-15 {padding-right: 15px !important;}

.m-bottom-pad-0 {padding-bottom: 0px !important;}
.m-bottom-pad-5 {padding-bottom: 5px !important;}
.m-bottom-pad-10 {padding-bottom: 10px;}
.m-bottom-pad-15 {padding-bottom: 15px;}

.m-top-pad-0 {padding-top: 0px;}
.m-top-pad-5 {padding-top: 5px;}
.m-top-pad-10 {padding-top: 10px !important;}
.m-top-pad-15 {padding-top: 15px;}

.m-all-pad-0 {padding: 0px !important;}
.m-all-pad-5 {padding: 5px !important;}
.m-all-pad-10 {padding: 10px !important;}
.m-all-pad-15 {padding: 15px;}

.m-left-mar-0 { margin-left: 0px !important;}
.m-left-mar-5 {margin-left: 5px;}
.m-left-mar-10 {margin-left: 10px;}
.m-left-mar-15 {margin-left: 15px !important;}

.m-right-mar-0 {margin-right: 0px !important;}
.m-right-mar-5 {margin-right: 5px;}
.m-right-mar-10 {margin-right: 10px;}
.m-right-mar-15 {margin-right: 15px;}

.m-bottom-mar-0 {margin-bottom: 0px !important;}
.m-bottom-mar-5 {margin-bottom: 5px !important;}
.m-bottom-mar-10 {margin-bottom: 10px;}
.m-bottom-mar-15 {margin-bottom: 15px;}

.m-top-mar-0 {margin-top: 0px;}
.m-top-mar-5 {margin-top: 5px;}
.m-top-mar-10 {margin-top: 10px;}
.m-top-mar-15 {margin-top: 15px;}

.m-all-mar-0 {margin: 0px !important;}
.m-all-mar-5 {margin: 5px !important;}
.m-all-mar-10 {margin: 10px;}
.m-all-mar-15 {margin: 15px;}

.lead-lt-rt-btn-bg {width: 100px; margin: 5% auto;}

/*mail css*/
 #m-mail-view {display: block; position: absolute; background: #d8d8d8; border: 1px solid #d8e2e7; width: 98%; margin: 0px 3%; padding: 10px; top: 60px;}
 .m-mail-view-btn {display: block; padding: 10px; text-align: right;}
.m-lbl-hide {display: none !important;}
.mail-left-pad-0 {padding-left: 10px !important;}
.mail-body-scroll {border: 1px solid #fff !important;}
.mail-btn-right {text-align: left !important;}
.mail-box-bg {width: 100% !important; min-height: 1000px; overflow-y: scroll;}
/*mail css*/

.login-main-content {padding: 10% 8% 20% 8%;}
.social-icon-bg {margin: 20px 0px 30px 0px;}
.login-ltr-hide {display: none !important;}
.fc-header-left, .fc-header-center, .fc-header-right {float: left !important; width: 100% !important; text-align: center !important;}
.fc-header td {padding: 5px !important;}
}

@media (min-width:320px) and (max-width:1199px) {
    .leadp-bottom-mar-5{margin-bottom:5px;}
}