/*"Montserrat", Helvetica, Arial, sans-serif;*/
/*html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}*/
body {
    font-family: "Montserrat", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
}
/********************************************************************/
/***************************    Colors    ***************************/
/********************************************************************/
.soi-icc-bg-icc-blue {background-color:rgb(0,15,159);}
.soi-icc-border-icc-blue{ border-color:rgb(0,15,159) !important;}
.soi-icc-border-icc-light-blue{ background-color:rgb(248,248,248); background-color:rgb(51,122,183); background-color:#007bff;}
.soi-icc-text-icc-blue {color:rgb(0,15,159);}
.soi-icc-border-icc-light-grey {background-color: rgb(245, 245, 245);}
/********************************************************************/
/*************************    End Colors    *************************/
/********************************************************************/
/********************************************************************/
/***************************    Width    ****************************/
/********************************************************************/
.soi-icc-border-width-2 {border-width:2px !important;}
.soi-icc-border-width-3 {border-width:3px !important;}
.soi-icc-border-width-4 {border-width:4px !important;}
/********************************************************************/
/*************************    End Width    **************************/
/********************************************************************/
/********************************************************************/
/***************************    Footer    ***************************/
/********************************************************************/
.soi-footer {
    border-top-color: rgb(247, 218, 0);
}
/********************************************************************/
/*************************    End Footer    *************************/
/********************************************************************/
/********************************************************************/
/***************************    NavBar    ***************************/
/********************************************************************/
.soi-icc-navbar {padding:0px;}
@media (min-width: 992px) {
  .soi-icc-navbar-expand-lg { height:64px; }
}

.soi-icc-navbar-brand {display:unset;padding-top:0.3125rem;padding-bottom:0.3125rem;margin-right:.5rem;font-size:1.25rem;line-height:inherit;white-space:normal;}
.soi-icc-navbar-brand {padding:0px 0px 0px 0px; font-size:1.25rem;line-height:30px;height:64px;width:250px;color:rgb(154,154,154) !important;}
.soi-icc-navbar-brand>img {margin:0rem .2rem 0rem 0rem;}
/*.soi-icc-navbar-nav {margin:0px;height:64px;}*/
.soi-icc-navbar-nav>.nav-item {margin-right:6px;}
.soi-icc-navbar-btn {color: rgb(0,78,188);font-weight:bold;margin-top:5px; margin-bottom:5px;padding-top:16px;padding-bottom:16px;font-size:.85rem; padding-left:.425rem; padding-right:.425rem;}
.soi-icc-navbar-btn:hover {color: rgb(0,78,188);background-color: rgb(216,216,216);}
/********************************************************************/
/*************************    End NavBar    *************************/
/********************************************************************/
/********************************************************************/
/**************************    Carousel    **************************/
/********************************************************************/
.carousel .carousel-item {/*height:500px;*/background-color:rgb(255,255,255);min-height:unset;}
.carousel .carousel-item img {max-height:600px;}
/*.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev {display: block;}*/
/*.carousel-item.active,.carousel-item-next,.carousel-item-prev {display: block;}*/
/*#myCarousel {width: 100%;background: none;background-color: transparent;margin-bottom: 0px;margin-top: 0px;}
.carousel {}
.carousel .carousel-item { height: 500px; background-color: rgb(255, 255, 255);}

@media all and (max-width:768px) {
    .carousel .carousel-item {height: 200px;min-width: 250px;}
}

@media all and (min-width:768px) {
    .carousel .carousel-item {height: 400px;}
}

@media all and (min-width:992px) {
    .carousel .carousel-item {height: 500px;}
}

@media all and (min-width:1200px) {
    .carousel .carousel-item {height: 600px;}
}*/
/********************************************************************/
/************************    End Carousel    ************************/
/********************************************************************/
/********************************************************************/
/***************    List Columns    *********************************/
/********************************************************************/
.soi-icc-col-count-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
@media (min-width: 576px) {.soi-icc-col-count-sm-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }}
@media (min-width: 768px) {.soi-icc-col-count-md-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }}
@media (min-width: 992px) {.soi-icc-col-count-sm-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }}
@media (min-width: 1200px) {.soi-icc-col-count-md-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }}
.soi-icc-col-count-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
@media (min-width: 576px) {.soi-icc-col-count-sm-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }}
@media (min-width: 768px) {.soi-icc-col-count-md-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }}
@media (min-width: 992px) {.soi-icc-col-count-sm-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }}
@media (min-width: 1200px) {.soi-icc-col-count-md-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }}
/********************************************************************/
/***************    End List Columns    *****************************/
/********************************************************************/
/********************************************************************/
/***************    Container    ************************************/
/********************************************************************/
.soi-icc-container {/*padding-left:0; padding-right:0;*/}
/********************************************************************/
/***************    End Container    ********************************/
/********************************************************************/
/********************************************************************/
/***************    Container    ************************************/
/********************************************************************/
.soi-icc-card-announcement-priority-001 { margin:0px; padding:8px 0px 8px 0px; background-color:rgb(248,248,248); background-color:rgb(51,122,183); background-color:#007bff; text-align:center;color:rgb(255,255,255); }
.soi-icc-card-announcement-priority-001 a { color:rgb(255,255,255); display:inline;}
/********************************************************************/
/***************    End Container    ********************************/
/********************************************************************/
/********************************************************************/
/*******************    Card    *************************************/
/********************************************************************/
.soi-icc-card { }
/********************************************************************/
/***********************    End Card    *****************************/
/********************************************************************/
/********************************************************************/
/*************************    Card 1    *****************************/
/********************************************************************/
.soi-icc-card-1 { height:100%;}
.soi-icc-card-1:hover {box-shadow: 0px 6px 12px rgba(0,0,0,0.175);background-clip:padding-box;background-color:rgb(250, 250, 250);-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);-webkit-background-clip: padding-box;}
.soi-icc-card-1 .card-body {max-height:300px;}
.soi-icc-card-1 .card-body p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* Write the number of lines you want to be displayed */ -webkit-box-orient: vertical; }
/********************************************************************/
/***********************    End Card 1    ***************************/
/********************************************************************/
/********************************************************************/
/***************    Card Announcement    ****************************/
/********************************************************************/
.soi-icc-card-announcement { margin:0px; padding:0; background-color:rgb(248,248,248); background-color:rgb(51,122,183); background-color:#007bff; text-align:center;color:rgb(255,255,255); }
.soi-icc-card-announcement .card-body { margin:0px; padding:0; }
.soi-icc-card-announcement .card-body a { color:rgb(255,255,255); display:inline;}
/********************************************************************/
/***************    End Card Announcement    ************************/
/********************************************************************/
/********************************************************************/
/***************    Icon Box    *************************************/
/********************************************************************/
.soi-icc-card-icon-box {height:100%;padding-left: 0.5rem; padding-right:0.5rem;padding-top:1rem;padding-bottom:1rem;border:1px solid rgb(229, 229, 229);text-align:center;background-color:rgba(255, 255, 255, 0.81);}
.soi-icc-card-icon-box:hover {box-shadow: 0px 6px 12px rgba(0,0,0,0.175);background-clip:padding-box;background-color:rgb(250, 250, 250);-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);-webkit-background-clip: padding-box;}
.soi-icc-card-icon-box h4, .soi-icc-card-icon-box .h6 {margin:0px 0px 5px;color:rgb(84, 96, 107);padding-bottom:2px;border-bottom-color:rgb(49, 157, 68);border-bottom-width: 1px;border-bottom-style: solid;}
.soi-icc-card-icon-box .card-img-top {max-width:200px;margin-left:auto;margin-right:auto;display:block;}
/********************************************************************/
/*********************    End Icon Box    ***************************/
/********************************************************************/
/********************************************************************/
/*****************    Icon Box 1   **********************************/
/********************************************************************/
.soi-icc-card-icon-box1 {height:100%;/*background-color:rgba(255, 255, 255, 0.81);*/}
.soi-icc-card-icon-box1:hover {box-shadow: 0px 6px 12px rgba(0,0,0,0.175);background-clip:padding-box;background-color:rgb(250, 250, 250);-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);-webkit-background-clip: padding-box;}
/********************************************************************/
/********************    End Icon Box  1   **************************/
/********************************************************************/
/********************************************************************/
/***********************    Icon Box 4    ***************************/
/********************************************************************/
a>.soi-icc-card-icon-box4  {color:inherit;text-decoration:none;display:inline-block;}
a:hover>.soi-icc-card-icon-box4 {text-decoration: none;}
a>.soi-icc-card-icon-box4 .card-text {color:rgb(129, 129, 129); text-align:justify; }

.soi-icc-card-icon-box4 {padding:0px; border-radius: 6px; border: 1px solid rgb(229, 229, 229); border-image: none; margin-bottom: 15px; position: relative;}
.soi-icc-card-icon-box4 .card-img-top {border-top-left-radius: 6px; border-top-right-radius: 6px; width:100%;height:180px; max-width:100%; /*max-width:200px;margin-left:auto;margin-right:auto;display:block;*/}
.soi-icc-card-icon-box4 .card-title {text-align:left;padding: 0px 3px 0px 10px; transition:0.15s ease-in-out; left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; font-weight: 400; margin-top: 0px; position: absolute; opacity: 0.8; border-top-left-radius: 6px; border-top-right-radius: 6px;background-color: rgb(67, 103, 24); -webkit-transition: all .15s ease-in-out;}
.soi-icc-card-icon-box4:hover .card-title {color: rgb(204, 204, 204);}
.soi-icc-card-icon-box4 .card-title a {text-decoration: none; margin-top: 3px;}
.soi-icc-card-icon-box4 .card-body {text-align:left;}

/********************************************************************/
/*************************    Icon Box 4    *************************/
/********************************************************************/
/********************************************************************/
/***********************    Icon Box 5    ***************************/
/********************************************************************/
.soi-icc-card-icon-box5 {text-align:left;padding:10px; border-radius: 6px; border: 1px solid rgb(229, 229, 229); border-image: none; /*margin-bottom: 15px; min-height: 270px;*/ background-color: rgb(240, 248, 251);}
/*.soi-icc-card-icon-box5 img {margin: 0px 12px 0px 0px;}
.soi-icc-card-icon-box5 i.image {color: rgb(72, 75, 77); font-size: 32px; margin-right: 10px; float: left; cursor: default;}
.soi-icc-card-icon-box i.image {color: rgb(72, 75, 77); font-size: 32px; margin-right: 10px; float: left; cursor: default;}
.soi-icc-card-icon-box5 i.image {background: rgb(72, 75, 77); padding: 10px; border-radius: 50%; transition:0.15s ease-in-out; color: rgb(243, 243, 243); font-size: 28px; margin-right: 10px; float: left; display: inline-block; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: all .15s ease-in-out;}*/
.soi-icc-card-icon-box5 .card-header {border-bottom-color:rgb(49, 157, 68); padding-left:0px;padding-right:0px;padding-bottom:0px; background-color:transparent;}
.soi-icc-card-icon-box5 .card-header h3 {transition:0.15s ease-in-out; font-weight:500; -webkit-transition: all .15s ease-in-out;border-bottom-style:none;}
/*.soi-icc-card-icon-box5:hover i.image {background: rgb(49, 157, 68);}*/
.soi-icc-card-icon-box5:hover .card-header h3 {color: rgb(49, 157, 68);}
.soi-icc-card-icon-box5 .card-body h4 {font-size:1.25rem;margin-left:-20px;margin-right:-20px;}
/********************************************************************/
/*********************    End Icon Box 5    *************************/
/********************************************************************/
/********************************************************************/
/***********************    Icon Box 6    ***************************/
/********************************************************************/
.soi-icc-card-icon-box6 a {color:inherit;text-decoration:none;display:inline-block;}
.soi-icc-card-icon-box6 a:hover {text-decoration: none;}
.soi-icc-card-icon-box6 h4,.soi-icc-icon-box6 h5 {color: rgb(54,54,54);font-weight: 400;}
.soi-icc-card-icon-box6 p {color:rgb(129, 129, 129); }
.soi-icc-card-icon-box6 .card-img-top {max-width:200px;margin-left:auto;margin-right:auto;display:block;}
/********************************************************************/
/*********************    End Icon Box 6    *************************/
/********************************************************************/
/********************************************************************/
/********************    Card Announcement    ***********************/
/********************************************************************/
.soi-icc-card-announcement-001 { background-color: rgb(144,194,38); }
.soi-icc-card-announcement-001 > .card-header { color: rgb(255,255,255); text-align:center; }
.soi-icc-card-announcement-001 > .card-body { color: rgb(255,255,255); text-align: center; }
/********************************************************************/
/********************    Card Announcement    ***********************/
/********************************************************************/
/********************************************************************/
/********************    Card Announcement    ***********************/
/********************************************************************/
.soi-icc-card-list > .soi-icc-card-list-item > .card { background-color: transparent; }
/********************************************************************/
/********************    Card Announcement    ***********************/
/********************************************************************/
/********************************************************************/
/******************    Icon Box Landing Page    *********************/
/********************************************************************/
/*.soi-icc-icon-box-landing-page {border-top-left-radius: 6px; border-top-right-radius: 6px;}
.soi-icc-icon-box-landing-page h4 {padding: 0px 3px 0px 10px; transition:0.15s ease-in-out; left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height:28px; font-size:1rem; font-weight: 400; margin-top: 0px; position: absolute; opacity: 0.8; border-top-left-radius: 6px; border-top-right-radius: 6px;background-color: rgb(67, 103, 24); -webkit-transition: all .15s ease-in-out;}
.soi-icc-icon-box-landing-page h4 a {text-decoration: none; margin-top: 3px;}
.soi-icc-icon-box-landing-page:hover h4 {color: rgb(204, 204, 204);}
.soi-icc-icon-box-landing-page p {display:block; margin-left:-15px;margin-right:-15px;margin-top:-20px;}
.soi-icc-icon-box-landing-page img {border-top-left-radius: 6px; border-top-right-radius:6px;width:100%;height:180px;}*/
/********************************************************************/
/****************    End Icon Box Landing Page    *******************/
/********************************************************************/

/********************************************************************/
/*************************    Page Header    ************************/
/********************************************************************/
.soi-icc-page-header {background:rgb(0,78,188);background: linear-gradient(rgb(0,78,188), rgb(32,111,220));}
/********************************************************************/
/*************************  End Page Header    **********************/
/********************************************************************/
/********************************************************************/
/*********************    Commissioner    ***************************/
/********************************************************************/
.soi-icc-card-commissioner { width:200px; }
.soi-icc-img-commissioner {height:200px;}
.soi-icc-card-commissioner .soi-icc-commissioner-name { font-weight:bold; display:block; }
.soi-icc-card-commissioner .soi-icc-commissioner-title { font-style:italic; display:block; }
/*.soi-icc-commissioner { }
.soi-icc-commissioner img {height:200px; }
.soi-icc-commissioner .soi-icc-commissioner-name { font-weight:bold; display:block; }
.soi-icc-commissioner .soi-icc-commissioner-title { font-style:italic; display:block; }
.soi-icc-img-commissioner-individual { height:150px; margin-right:20px;margin-bottom:10px; }*/
/********************************************************************/
/*****************    End commissioner    ***************************/
/********************************************************************/

.soi-icc-list-group-item { margin-top:1rem; margin-bottom:1rem; padding-top:1rem; padding-bottom:1rem; }
.soi-icc-list-group-item:first-child { margin-top:0px; }
.soi-icc-list-striped > li:nth-of-type(odd) { background-color: #f9f9f9; }
.soi-icc-list-striped-blue > li:nth-of-type(odd) { background-color: aliceblue; }
.soi-icc-list-group-item-pl-5 { padding-left: 3rem; }

.soi-icc-list-group-item-sm { margin-top:.5rem; margin-bottom:.5rem; padding-top:.5rem; padding-bottom:.5rem; }
.soi-icc-list-group-item-lg { padding-top:1.5rem; padding-bottom:1.5rem; }

.table .soi-icc-thead-blue th {color: #fff;background-color: #007bff;}
.soi-icc-table-striped-blue tbody > tr:nth-of-type(odd) { background-color: aliceblue; }


/********************************************************************/
/*********************    Card Callout    ***************************/
/********************************************************************/
/*.soi-icc-card-callout {padding: 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;border: 1px solid #eee;border-left-width:.5rem;border-radius: .25rem}*/
.soi-icc-card-callout {border: 1px solid #eee;border-left-width:.5rem;border-radius: .25rem}
.soi-icc-card-callout .card-header { border-radius: 0; }
.soi-icc-card-callout-primary {border-color: #007bff !important;}
.soi-icc-card-callout-secondary {border-color: #6c757d !important;}
.soi-icc-card-callout-success {border-color: #28a745 !important;}
.soi-icc-card-callout-info {border-color: #17a2b8 !important;}
.soi-icc-card-callout-warning {border-color: #ffc107 !important;}
.soi-icc-card-callout-danger {border-color: #dc3545 !important;}
.soi-icc-card-callout-light {border-color: #f8f9fa !important;}
.soi-icc-card-callout-dark {border-color: #343a40 !important;}
.soi-icc-card-callout-white {border-color: #fff !important;}

/********************************************************************/
/*******************    End Card Callout    *************************/
/********************************************************************/