.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

    vertical-align: middle;
}

.main-footer {
    padding: 5px 15px;
}
.text-dark {
    color: #444;
}
.callout-gray {
    background-color: #EEE;
    border-left: 5px solid #DDD;
}
.callout-gray a {
    color: #333;

}
.callout-gray a:hover {
    color: #444;

}


@media (min-width: 767px) {
    .modal-dialog {
        width: 800px;
    }
}

.notopborder {border-top: 0px!important;}

.whitetext {color: #FFF;}

.dt-margin{
margin-left:0px !important;
margin-right:0px !important;
}

.todo-list {
    min-height: 40px;
}


.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; }

.timeline-item {
    background-color: #fff!important;
    border: 1px solid #f1f1f1!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.timeline-image {

    left: 16px;
    position: absolute;
    top: 0;
}

.chart-legend ul {
    list-style-type: none;
}

.chart-legend li span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top:4px;
    margin-right: 5px;
    border-radius:50%;
}

.dTsearch {
    position:relative;
    right:-160px;
    top:1px;
}


.fullboby-bg {
  background: url(../assets/bg2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullboby-bg a {
    color: #FFF;
}

.fullboby-bg .login-logo {
    color: #FFF;
}

.roles h4 {
    padding-top: 12px;
    padding-bottom: 0px;
    margin-bottom: 0px;

}

.dt-buttons {
    margin-left: -15px;
}

.dt-buttons .btn-default {
    background-color: #FFF;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 0px;
}

.fileinput{
    padding-top: 5px;
    padding-bottom: 5px;
}

.datepicker {
    z-index:9999 !important;
}

td .btn-group {
  display: flex;
}

h3.box-title {
    text-align: center!important;
}

.box-header {
   margin-left: auto;
   margin-right: auto;
}

button.btn.btn-primary.btn-block.btn-flat  {
        border-radius: 25px;
        font-size:12px;
}

p.text-right { font-size: 12px!important; }

.lead, p { font-size: 1.5rem!important; }


.box {
    border-top:none;
    border-radius:25px;
}

.main-header .navbar-brand {
    color: #fff;
}

span.text {
           overflow: hidden;
           width: 250px;
           display: inline-block;
           text-overflow: ellipsis;
           white-space: nowrap;
          }

          button#expandAllFormats {
           margin: 0 auto;
           display: block;
           background-color: #3c8dbc;
           border-color: #367fa9;
           color: #fff;
           text-transform: uppercase;
         }

         .tools { float: right; margin-top: -15px; }

         .list-group-item>.badge {
             float:none;
         }

         a#hover-test:hover { color:#fff!important;}
         a#hover-test:visited { color:#fff!important;}
         a#hover-test:focus { color:#fff!important;}

         span.total {
             float: right;
             background-color: #0073b7 !important;
             box-shadow: inset 1px 1px 3px #999;
             text-align:center;
             font-weight:bold;
             width:40px;
         }

         span.text-width {
          display: block;
          width: 200px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
         }

         .todo-list>li .label {font-size:11px;}

         .btn-group-dd {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-top: -10px;
         }

         span.client-listing {
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
             margin-right: 20px;
             margin-top: -3px;
             float:left;
         }

         span.last-updated {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin-right: 9px;
            float: left;
            font-size: 15px;
            width: 90px;
            margin-top:-3px;
         }

         .todo-list>li .tools-top {
            float: right;
            margin-top: -18px;
            width:280px;
         }

          span.client-listing-top {
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
             margin-right: 20px;
             margin-top: -3px;
             float:left;
         }

         .btn-group-top { margin-top: -3px; }

         span.last-updated-top {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin-right: 9px;
            float: left;
            font-size: 15px;
            width: 90px;
            margin-top:-3px;
         }


         @media only screen and (max-width: 1450px) {
             span.text-width { width:165px; }
         }

         @media only screen and (max-width: 1320px) {
             span.text-width { width:165px; }
             .btn-group-dd { margin-top: -10px; }
         }

         @media only screen and (max-width: 650px) {
           .list-group-item {height:70px;}
           .tools { float:left; margin-top:12px;}
         }

          @media only screen and (max-width: 550px) {
             .list-group-item {height:95px;}
             .btn-group-dd {
                margin-top: 23px;
                margin-left: 0px;
                display:block;
             }

             li.top-height { height: 65px; }

             .tools-top {
                margin-left: -11px;
                float: left!important;
                margin-top: 8px!important;
             }
         }

         @media only screen and (max-width: 360px) {
           li.top-height { height: 80px; }

           .btn-group-top {
            margin-top: 5px;
            float:left;
            margin-left:11px;
           }

           span.client-listing { margin-right:2px;}

           span.last-updated { margin-right:0px; }
         }
.box-footer {
  border-radius: 25px;
}

a.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px!important;
    text-transform: none!important;
    line-height: 20px;
}



.content-wrapper, .right-side {
   /*background-color: #fff; */
}

i.fas.fa-sign-in-alt {
    font-size: 18px;
}

ul.nav.navbar-nav {
    font-size: 15px;
}

h2.title.iq-tw-4 {
    font-size: 36px;
    line-height: 50px;
    text-transform: capitalize;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	font-size: 15px!important;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover {
   background: #4ec4f3!important;
   color:#fff!important;
}

.overview-block-ptb {
    padding-top: 10px!important;
}

.nav-pills .nav-link {
  color:#000!important;
  box-shadow:none!important;
}

section.iq-blog.overview-block-ptb.bg-w2 {
    background-color: #fff!important;
    margin-top:17px;
}

.iq-feature4 i {
    font-size: 30px!important;
}

.card-body {
  /*  margin-left: auto!important;
    margin-right: auto!important;         */
}

.bg-sect1 {
    background-color: #f45f51!important;
}

.bg-sect3,.bg-sect3a {
    background-color: #f8d246;
}

.bg-sect2,.bg-sect2a {
    background-color: #0000e6;
}

.bg-sect5,.bg-sect5a {
    background-color: #36bcf1;
}

.bg-sect4,.bg-sect4a {
    background-color: #008000;
}


.caret {
        display: contents!important;
}


.iq-ptb-40 {
    padding: 20px 0!important;
}

a.btn-right.text-green-check {
    float: left;
    font-size: 16px;
    margin-top: -3px;
    width: 20px;
    color: #38c172!important;
}

span#top-border-main {
    border-radius: 28.25px;
    font-size: 80%;
    /* font-size: 12px; */
    padding: .25rem 4.75rem!important;
    display: block;
    margin-bottom: -20px;
}

span#bottom-border-main {
    border-radius: 16.25px;
    font-size: 80%;
   /*  padding: .35rem 3.35rem!important; */
    display: block;
    text-align: center;
    padding: .20rem;
}

a.btn-right.text-red {
    width: 10px;
    font-size: 15px;
    float: right;
    margin-top: 7px;
    /* margin-top: 5px; */
}

a.btn-right.text-blue-edit {
    color: #3490dc!important;
    float: right;
    font-size: 15px;
    margin-top: 7px;
    width: 35px;
}

input#taskCompleted {
	width: 12px;
    height: 12px;
}

span.task-name {
    font-size: 17px;
}


.iq-entry-content {
	display: -webkit-box;
	max-width: 270px;
	height: 92.2px;
	/*-webkit-line-clamp: 3;*/
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.iq-blog-entry.white-bg {
    margin-bottom: 10px;
}

.box-link {
    color: #000;
}

.iq-faq-content {
    margin-left: 5px;
}

.fa.fa-eye {
    color: #666;
    font-size: 15px;
}

.small-title, .title {
    color: #222222;
}

.btn.btn-primary.btn-sm.btn-flat {
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    font-weight:300;
    background-color: #4ea7f3;
    padding: .35rem 1.375rem!important;
}

h5.iq-tw-4 {
    font-size: 20px;
}

.document-item {
    border: 1px solid #ececec;
    border-bottom: 0;
    margin-bottom: 30px;
    background: #ffff;
    box-shadow: 0 8px 15px rgba(0,0,0,.05);

}

.document-tags {
    border: 1px solid #ececec;
    border-bottom: 0;
    margin-bottom: 30px;
    background: #ffff;
    box-shadow: 0 8px 15px rgba(0,0,0,.05);
    /* display: none; */
}

.document-tags .row {
    margin: 0;
    background: #f7f9fc;
    border-bottom: 1px solid #ececec;
    margin-bottom: -90px;
}


.document-item .row>div {
    padding-top: 12px;
    padding-bottom: 12px;
    border-right: 1px solid #ececec;
    font-size: 12px;
    color: #5d5d5d;
}

a.tag-link {

    color: #2c3e50;
}

a.tag-link:hover {
   color: #4ec4f3;
}


ul#tag {
    list-style-type: none;
    box-shadow: 0 8px 15px rgba(0,0,0,.05);
    font-size: 14px;
    width: max-content;
    margin-left: -30px;

}

ul#tag li {
     display: inline;
}

#tag li + li:before {
    content: ", ";
}



ul#tags {
    list-style-type: none;
    margin-top: -20px;
}

ul#tags li {
     display: inline;
}



#tags li + li:before {
    content: ", ";
}

.document-item .row {
    margin: 0;
    background: #f7f9fc;
    border-bottom: 1px solid #ececec;
}


.document-item .row>div {
    padding-top: 16px;
    padding-bottom: 16px;
    border-right: 1px solid #ececec;
    font-size: 16px;
    color: #5d5d5d;
    border-bottom: 1px solid #ececec;
}

span.doc-info {
    font-size: 16px;
}

.col-lg-3.col-sm-12.cursor.bg-sect1 {  margin-bottom: 1px; }
.col-lg-3.col-sm-12.cursor.bg-sect2 {  margin-bottom: 1px; }
.col-lg-3.col-sm-12.cursor.bg-sect2a {  margin-bottom: 1px; flex: 0 0 25%!important; }
.col-lg-3.col-sm-12.cursor.bg-sect3 {  margin-bottom: 1px; }
.col-lg-3.col-sm-12.cursor.bg-sect3a {  margin-bottom: 1px; flex: 0 0 25%!important; }
.col-lg-3.col-sm-12.cursor.bg-sect4 {  margin-bottom: 1px; }
.col-lg-3.col-sm-12.cursor.bg-sect4a {  margin-bottom: 1px; flex: 0 0 25%!important; }
.col-lg-3.col-sm-12.cursor.bg-sect5 {  margin-bottom: 1px; }
.col-lg-3.col-sm-12.cursor.bg-sect5a {  margin-bottom: 1px; flex: 0 0 25%!important; }


html[xmlns*=""]:root .col-lg-3.col-sm-12.cursor.bg-sect2a  { flex: 0 0 24.9%!important; display:none;}

h4.iq-font-green.iq-tw-4.iq-mt-20.iq-mb-10.iq-font-white {
    margin-bottom: -25px!important;
}

.datepicker table tr td, .datepicker table tr th {
	font-size: 1.3rem!important;
}

.text-link {
    width: 1048px;
}

.panel-group {
	width:900px;
}


p.text-right-temp {
	float: right;
	line-height: 25px;
    margin-right: 0px;
    margin-right: -1000px;
    margin-top: -60px
}

p.text-right-temp2 {
    /*font-size: 11px!important;*/
    text-align: right;
    margin-right: -125px;
    margin-top: -59px;
    line-height: 29px;
    width: 190px;
    float: right;
}

p.text-right-temp3 {
    float: right;
    width: 250px;
    font-size: 11px!important;
    margin-top: -38px;
    text-align: right;
    margin-top: -54px;
    margin-right: -140px;
    line-height: 29px;
    /* text-align: right; */
    /* margin-right: 20px; */
    /* margin-top: -35px; */
}

span#top-border-all {
    border-radius: 22.25px;
    padding: .05rem 1.375rem!important;
    display: inline-block;
    font-size: 65%;
    display: block;
    text-align: center;
    margin-bottom: -26px;
}

span#top-border-bottom {
    border-radius: 19.25px;
    padding: .05rem 0.05rem!important;
    /* display: inline-table; */
    font-height: 10px;
    /* font-size: 10px; */

    font-size: 65%!important;
    display: block;
    text-align: center;
    /* padding: .20rem; */
}

.badge {
    text-transform: capitalize!important;
    font-size: 1.3rem!important;
}

.fade.in {
    opacity: 1!important;
    background: rgba(185, 189, 186, 0.1)!important;
}


.row-new {
	display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    background-color: #fff;
    margin-left:0px;
    width:340px;
    height: 250px;
}

.iq-sidebar-widget {
    margin-top: 15px;
}

.badge {
	padding: .35rem 1.375rem!important;
	border-radius: 1.375rem!important;
}

@media only screen and (max-width: 1190px) {
	.row-new {
		width: 282px;
	}

  	.box.box-primary {
       width: 282px;
    }

     p.text-right-temp2 {
       text-align: left;
        margin-left: 2px;
        margin-top: 10px;
        float: left;
    }

    p.text-right-temp3 {
		    margin-right: -110px;
		    margin-top: -63px;

	}

	p.text-right-temp {
		    margin-right: -827px;
	}
}

@media only screen and (max-width: 950px) {

p.text-right-temp {
		   margin-left: 10px;
    	   float: left;
    	   margin-top: 10px;
	}




	.row-new {
		width: 480px;
	}

	.box.box-primary {
       width: 480px;
    }

    p.text-right-temp3 {
		    text-align: left;
		margin-top: 4px;
		margin-left: 0px;
    	float: left;
	}



    p.text-right-temp2 {
       text-align: left;
        margin-left: 2px;
        margin-top: 10px;
        float: left;
    }
}

@media only screen and (max-width: 750px) {
	p.text-right-temp3 {
		text-align: left;
		margin-top: 4px;
		margin-left: 0px;
    	float: left;
	}

	span.ticket-number {
		display: inherit;
	}

	span.iq-ml-10.ticket-calendar {
      display: block;
      float: left;
      margin-left: 2px;
    }

    span.iq-ml-10.ticket-status {
       display: flex;
       margin-top: 23px;
       margin-left: -105px;
       float: left;
    }
}

@media only screen and (max-width: 750px) {


	p.iq-mall-0 {
		word-break: break-all;
    	width: 290px;
    	white-space: normal;
	}
}



@media only screen and (max-width: 450px) {
	.row-new {
		width: 389px;
	}

	.box.box-primary {
       width: 389px;
    }

    p.text-right-temp {
        text-align: left;
        margin-left: 10px;
        margin-top: 0px;
    }

    p.text-right-temp2 {
       text-align: left;
        margin-left: 2px;
        margin-top: -5px;
    }

    p.text-right-temp3 {
		text-align: left;
		margin-top: 5px;
		margin-left: 5px;
	}

}

.clients {
    float: right;
    margin-right: 15px;
    font-size: 15px;
}

ul.iq-entry-meta {
    list-style: none;
}

ul.iq-entry-meta li {
    display: inline-block;
}

.nav-pills .nav-link {
   background-color: #f8f9fa!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc!important;
    border-color: #367fa9!important;
    padding: 1px 10px!important;
    color: #fff!important;
}

a.anchor-links {  color: #fff; }
a.anchor-links:hover {  color: #000; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	 color: #fff!important;
}

.user-avatar {
    height: 120px;
    width: 120px;
}

@media (min-width: 992px) {
	.col-lg-3 {
		flex: 0 0 20%!important;
	}

	html[xmlns*=""]:root .col-lg-3.col-sm-12.cursor.bg-sect2a  { flex: 0 0 24.9%!important; }
}

.faq-article {
    height: fit-content!important;
    margin-top: 20px;
    margin-bottom: 80px;
    font-size: 20px;
}

h6.mt-0 {
    font-size: 19px;
    margin-left: 10px;
}

.iq-sidebar-widget ul li a span {
    padding: 5px 10px 5px 0;
    display: block;
    font-size: 16px;
}

.iq-sidebar-widget .iq-widget-menu i {
    padding-top: 4px;
    position: absolute;
    right: 18px;
}

a.iq-mt-10 {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #2c3e50;
    margin-left: 15px;
}

.iq-sidebar-widget .iq-widget-search input {
	width: 300px;
	font-size: 15px;
    margin-left: 15px;
    padding-right: 40px;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #2c3e50;
    height: 50px;
    border: 2px solid #f2f2f2;
    background: #ffffff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

h5.iq-tw-4.small-title.iq-font-dark {
    margin-left: 15px;
}

span#drop-down-text {
    float: left;
    white-space: normal;
    width: 610px;
    text-align: left;
}

span#drop-down-text-side {
    float: left;
    white-space: normal;
    text-align: left;
}




iframe.youtube-faq {
   display: block;
    width: 400px;
    height: 250px;
    margin: 0 auto;
    background-color: #777;
    margin-bottom: 10px;
    margin-top: 10px;
}


.iq-sidebar-widget .iq-widget-search {
    position: relative;
    height: 75px;
}

.iq-sidebar-widget .iq-widget-search i {
    position: absolute;
    right: 30px;
    color: var(--main-color);
    cursor: pointer;
    padding: 16px 12px;
    font-size: 18px;
}

.content-header>.breadcrumb {
   float: none;
   position: unset;
}


span#drop-down-text-main {
    float: left;
    white-space: normal;
    width: 950px;
    text-align: left;
}

@media only screen and (max-width: 1100px) {


	span#drop-down-text-main {
		width: 550px;
	}

	span#drop-down-text {
		width: 500px;
	}
}

@media only screen and (max-width: 950px) {
	.iq-sidebar-widget .iq-widget-search input {
		width: 620px;
	}

	span#drop-down-text-main {
		width: 550px;
	}
}

@media only screen and (max-width: 850px) {
	span#drop-down-text-main { width: 335px; }
	span#drop-down-text { width: 350px; }
}

@media only screen and (max-width: 750px) {
	.iq-sidebar-widget .iq-widget-search input {
		width: 440px;
	}

	span#drop-down-text-main,span#drop-down-text { width: 330px; }


}

@media only screen and (max-width: 650px) {
	span#drop-down-text-main,span#drop-down-text {  width: 245px; }
}

@media only screen and (max-width: 450px) {
	.iq-sidebar-widget .iq-widget-search input {
		width: 350px;
	}
}

@media only screen and (max-width: 350px) {
	.iq-sidebar-widget .iq-widget-search input {
		width: 250px;
	}
}

.collapse.in {
    display: block!important;
}

.btn:focus {
	    outline: none!important;
}

.accordion {
  margin: 50px auto;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

.accordion .card-header {
  /*border-bottom-color: #36bcf1; *.
    /* background: transparent; */
    /*background: #fafafa;
    border-top: 5px solid #36bcf1; */
}

.accordion .fa-stack {
  font-size: 18px;
}

.accordion .btn {
  width: 100%;
  font-weight: bold;
  color: #004987;
  padding: 0;
}

.breadcrumb>li {
	font-size:15px!important;
}


.accordion .btn-link:hover,
.accordion .btn-link:focus {
  text-decoration: none;
}

.accordion .card,
.accordion .card:last-child .card-header {
  border: none;
}

.accordion .card-body {
	background-color: #fafafa;
}

button.btn.btn-link {
	font-size: 15px;
	color:#000;
}

iframe.youtube {
    display: block;
    width: 400px;
    height: 250px;
    margin: 0 auto;
    background-color: #777;
    margin-bottom: 10px;
    margin-top: 10px;
}

.main-color {
    color: #4ec4f3!important;
}

:root {
    --main-color: #4ea7f3;
}

.tag-new{
	margin:0;
	padding:0;
	position: initial;
	left: 10px;
	bottom:9px;
	list-style:none;
	width: 750px;
	margin-top: -66px;
}

.tag-new li, .tag-new a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size: 13px;
	margin-top: 8px;
}

.tag-new a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#4ea7f3;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}

.tag-new a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #4ea7f3 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;
	}

.tag-new a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}

.tag-new a:hover{background:#555;}

.tag-new a:hover:before{border-color:transparent #555 transparent transparent;}

.tag-main{
	margin:0;
	padding:0;
	position: initial;
	left: 10px;
	bottom:9px;
	list-style:none;
	width: 1000px;
	margin-top: -35px;
}

.tag-main li, .tag-main a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size: 13px;
	margin-top:9px;
}

.tag-main a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#4ea7f3;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}

.tag-main a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #4ea7f3 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;
	}

.tag-main a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}

.tag-main a:hover{background:#555;}

.tag-main a:hover:before{border-color:transparent #555 transparent transparent;}


.tag-faq{
    margin:0;
    padding:0;
    position:absolute;
    left: 10px;
    bottom:9px;
    list-style:none;
    width: max-content;
}

.tag-faq li, .tag-faq a{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px;
}

.tag-faq a{
    margin-left:20px;
    padding:0 10px 0 12px;
    background:#4ea7f3;
    color:#fff;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
    }

.tag-faq a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #4ea7f3 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;
    }

.tag-faq a:after{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff;
    -moz-box-shadow:-1px -1px 2px #004977;
    -webkit-box-shadow:-1px -1px 2px #004977;
    box-shadow:-1px -1px 2px #004977;
    }

.tag-faq a:hover{background:#555;}

.tag-faq a:hover:before{border-color:transparent #555 transparent transparent;}

  button.btn.btn-link::before {
      content: '';
      width: 14px;
      height: 2px;
      background: #333;
      position: absolute;
      top: calc(50% - 1px);
      right: 1rem;
      display: block;
      transition: all 0.3s;
   }

   button.btn.btn-link::after {
      content: '';
      width: 2px;
      height: 14px;
      background: #333;
      position: absolute;
      top: calc(50% - 7px);
      right: calc(1rem + 6px);
      display: block;
      transition: all 0.3s;
    }

     button.btn.btn-link[aria-expanded='false']::before {
       transform: rotate(180deg);
     }

      button.btn.btn-link[aria-expanded='true']::after {
        transform: rotate(88deg);
     }


      button.btn.btn-link[aria-expanded='true']::before {
        transform: rotate(180deg);
      }


button.btn.btn-link-in {
	font-size: 15px;
	color:#000;
	background: #fafafa;
}

.accordion .btn-link-in:hover,
.accordion .btn-link-in:focus {
  text-decoration: none;
}

button.btn.btn-link-in::before {
      content: '';
      width: 14px;
      height: 2px;
      background: #333;
      position: absolute;
      top: calc(50% - 1px);
      right: 1rem;
      display: block;
      transition: all 0.3s;
}

button.btn.btn-link-in::after {
      content: '';
      width: 2px;
      height: 15px;
      background: #333;
      position: absolute;
      top: calc(50% - 7px);
      right: calc(1rem + 6.5px);
      display: inline-block;
      transition: all 0.3s;
}

button.btn.btn-link-in[aria-expanded='false']::before {  transform: rotate(180deg);  }
button.btn.btn-link-in[aria-expanded='true']::after { transform: rotate(88deg);   }
button.btn.btn-link-in[aria-expanded='true']::before {  transform: rotate(180deg);    }


 button.btn.btn-link-side {
	font-size: 14px;
	color:#000;
	background: #fafafa;
}

.accordion .btn-link-side:hover,
.accordion .btn-link-side:focus {
  text-decoration: none;
  transform: none!important;
  box-shadow: none!important;
}

button.btn.btn-link-side::before {
      content: '';
      width: 14px;
      height: 2px;
      background: #333;
      position: absolute;
      top: calc(50% - 1px);
      right: 2rem;
      display: block;
      transition: all 0.3s;
   }

   button.btn.btn-link-side::after {
      content: '';
      width: 2px;
      height: 14px;
      background: #333;
      position: absolute;
      top: calc(50% - 7px);
      right: calc(2rem + 6px);
      display: block;
      transition: all 0.3s;
    }

     button.btn.btn-link-side[aria-expanded='false']::before {
       transform: rotate(180deg);
     }

     button.btn.btn-link-side[aria-expanded='true']::after {
        transform: rotate(88deg);
     }

      button.btn.btn-link-side[aria-expanded='true']::before {
        transform: rotate(180deg);
      }

   .iq-entry-image.clearfix {
       margin-top: 10px;
    }



@media (min-width: 992px) {
  .col-lg-4 {
   /* flex: 0 0 28.333333%!important; */
    max-width: 33.3333333333%;
  }
}


.col-lg-4.col-md-12.temp {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    margin-left: 30px;
    margin-right: 20px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;

}




@media only screen and (max-width: 1190px) {
	.col-lg-4.col-md-12.temp {
		margin-left: 25px;
	}
}

@media only screen and (max-width: 950px) {
	.col-lg-4.col-md-12.temp {
		margin-left: 0px;
	}
}

@media only screen and (max-width: 750px) {
	.col-lg-4.col-md-12.temp {
		margin-right: 0px;
	}
}

ul.articles-faq-list,
ul.articles-main-list,
ul.articles-main-faq-list,
ul.documents-main-list,
ul.faqs-main-list {
    margin: 0;
    /* padding: 0; */
    /* position: initial; */
    /* left: 10px; */
    /* bottom: 9px; */
    list-style: none;
    margin-left: -22px;
}


ul.articles-faq-list li, ul.articles-faq-list a,
ul.articles-main-list li, ul.articles-main-list a,
ul.articles-main-faq-list li, ul.articles-main-faq-list a,
ul.documents-main-list li, ul.documents-main-list a,
ul.faqs-main-list li, ul.faqs-main-list a{
	height: 30px;
	line-height:24px;
	position:relative;
	font-size: 13px;
    margin-top: 9px;
}


ul.articles-faq-list a,
ul.articles-main-list a,
ul.articles-main-faq-list a,
ul.documents-main-list a,
ul.faqs-main-list a{
	margin-left:10px;
	margin-right:10px;
    padding: 6px 15px 5px 35px;
	background:#008000;
	color:#fff;
	text-decoration:none;
	border-radius: 6px;
}

ul.documents-main-list a { background:#4ea7f3; }
ul.articles-main-faq-list a,ul.articles-main-list a { background:#f8d246; }

ul.articles-faq-list a:after,
ul.articles-main-faq-list a:after,
ul.articles-main-list a:after,
ul.documents-main-list a:after,
ul.faqs-main-list a:after{
	content: "\f059";
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	font-size: 12px;
	left:0;
	margin-left:17px;
	float:left

}

ul.documents-main-list a:after {
	content: "\f15b";
    font-family: 'Font Awesome\ 5 Free';
}

ul.articles-main-list a:after,
ul.articles-main-faq-list a:after {
	content: "\f1ea";
    font-family: 'Font Awesome\ 5 Free';
}

ul.faqs-main-list a:hover{background:#d4d4d4; color:#008000; font-weight:bold;}
ul.documents-main-list a:hover {background:#555;color:#4ea7f3;}
ul.articles-main-list a:hover,ul.articles-main-faq-list a:hover{background:#555;color:#f8d246;}
ul.faqs-main-list a:hover:before{border-color:transparent #d4d4d4 transparent transparent;}

span.linked-articles {
	margin-left: 28px;
    font-size: 15px;
    font-weight: bold;
}

@media only screen and (max-width: 1190px) {


		.tag-new {
			width: 585px;
			position: initial;
			margin-top: -65px;
		}

		.tag-new li, .tag-new a{
			margin-top: 7px;
		}

		.tag-main{
			width: 620px;
        }
}

@media only screen and (max-width: 950px) {
		.tag-main{
			    width: 590px;
        }

}

@media only screen and (max-width: 850px) {
		.tag-main { width: 400px; }


}



@media only screen and (max-width: 750px) {

		.tag-new {
			width: 450px;
		}


}

@media only screen and (max-width: 650px) {
	.tag-main{
		width: 275px;;
    }


}