@charset "UTF-8";
/* CSS Document */


html {
  scroll-behavior: smooth;
}

/* #### Generated By: http://www.cufonfonts.com #### */

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Trenda Regular';
font-style: normal;
font-weight: normal;
src: local('Trenda Regular'), url('Latinotype  Trenda Regular.woff') format('woff');
}


@font-face {
font-family: 'Trenda Regular It';
font-style: normal;
font-weight: normal;
src: local('Trenda Regular It'), url('Latinotype  Trenda Regular It.woff') format('woff');
}


@font-face {
font-family: 'Trenda Thin';
font-style: normal;
font-weight: normal;
src: local('Trenda Thin'), url('Latinotype  Trenda Thin.woff') format('woff');
}


@font-face {
font-family: 'Trenda ExtraLight It';
font-style: normal;
font-weight: normal;
src: local('Trenda ExtraLight It'), url('Latinotype  Trenda ExtraLight It.woff') format('woff');
}


@font-face {
font-family: 'Trenda Thin It';
font-style: normal;
font-weight: normal;
src: local('Trenda Thin It'), url('Latinotype  Trenda Thin It.woff') format('woff');
}


@font-face {
font-family: 'Trenda ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Trenda ExtraLight'), url('Latinotype  Trenda ExtraLight.woff') format('woff');
}


@font-face {
font-family: 'Trenda Light';
font-style: normal;
font-weight: normal;
src: local('Trenda Light'), url('Latinotype  Trenda Light.woff') format('woff');
}


@font-face {
font-family: 'Trenda Light It';
font-style: normal;
font-weight: normal;
src: local('Trenda Light It'), url('Latinotype  Trenda Light It.woff') format('woff');
}


@font-face {
font-family: 'Trenda Semibold';
font-style: normal;
font-weight: normal;
src: local('Trenda Semibold'), url('Latinotype  Trenda Semibold.woff') format('woff');
}


@font-face {
font-family: 'Trenda Semibold It';
font-style: normal;
font-weight: normal;
src: local('Trenda Semibold It'), url('Latinotype  Trenda Semibold It.woff') format('woff');
}


@font-face {
font-family: 'Trenda Bold';
font-style: normal;
font-weight: normal;
src: local('Trenda Bold'), url('Latinotype  Trenda Bold.woff') format('woff');
}


@font-face {
font-family: 'Trenda Bold It';
font-style: normal;
font-weight: normal;
src: local('Trenda Bold It'), url('Latinotype  Trenda Bold It.woff') format('woff');
}


@font-face {
font-family: 'Trenda Black';
font-style: normal;
font-weight: normal;
src: local('Trenda Black'), url('Latinotype  Trenda Black.woff') format('woff');
}


@font-face {
font-family: 'Trenda Heavy';
font-style: normal;
font-weight: normal;
src: local('Trenda Heavy'), url('Latinotype  Trenda Heavy.woff') format('woff');
}


@font-face {
font-family: 'Trenda Black It';
font-style: normal;
font-weight: normal;
src: local('Trenda Black It'), url('Latinotype  Trenda Black It.woff') format('woff');
}


@font-face {
font-family: 'Trenda Heavy It';
font-style: normal;
font-weight: normal;
src: local('Trenda Heavy It'), url('Latinotype  Trenda Heavy It.woff') format('woff');
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.home_footer a:link {
    color: rgba(198,221,227,1.00);
    text-decoration: underline;
}

.home_footer a:visited {
    color: rgba(198,221,227,1.00);
    text-decoration: underline;
}


.home_footer a:hover {
    color: rgba(198,221,227,1.00);
    text-decoration: none;
}

.home_footer a:active {
    color: rgba(198,221,227,1.00);
    text-decoration: none;
}



a:link {
    color: rgba(35,173,220,1.00);
    border-bottom: 1px solid #005986;
    padding-bottom: 2px;
    text-decoration: none;
}

a:visited {
    color: rgba(35,173,220,1.00);
    border-bottom: 1px solid #005986;
    padding-bottom: 2px;
    text-decoration: none;
}

a:hover {
    color: #005986;
    border-bottom: 1px solid #005986;
    padding-bottom: 2px;
    text-decoration: none;
}

a:active {
    color: #005986;
    border-bottom: 1px solid #005986;
    padding-bottom: 2px;
    text-decoration: none;
}


#drop-area {
    /* margin-left: 312px; */
    width: 100%;
    min-height: 200px;
    background-color: white;
    border: 3px solid black;
}


a.dropdown-item:link {
    border-bottom: 0px !important;
}

a.dropdown-item:visited {
    border-bottom: 0px !important;
}

a.dropdown-item:hover {
    border-bottom: 0px !important;
}

a.dropdown-item:active {
    border-bottom: 0px !important;
}


a.row_picker:link {
    border-bottom: 0px !important;
}

a.row_picker:visited {
    border-bottom: 0px !important;
}

a.row_picker:hover {
    border-bottom: 0px !important;
}

a.row_picker:active {
    border-bottom: 0px !important;
}



a#close_the_popup:link {
    text-decoration: none !important;
    border-bottom: 0px solid #000 !important;
}


a#close_the_popup2:link {
    text-decoration: none !important;
    border-bottom: 0px solid #000 !important;
}


.a_link {
    padding-left: 20px;
    text-decoration: none;
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
}

html { 
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 7pt !important;
}

img { 
    max-width: 100%; 
    height: auto; 
}

.cpathways > h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 200;
}

.cpathways > p {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 200;
    font-size: 0.9em;
    line-height: 1.3em;
}


.cpathways > div > div > p {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 200;
    font-size: 0.9em;
    line-height: 1.3em;
}


.an_link {
    text-decoration: underline !important;
}


.h5, h5 {
    font-size: 2rem;
    color: #005986;
}


.clear {
    clear: both;
}

a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

body {
    min-height: 900px;
}

/* PHONE */
@media (min-width: 640px) { 
    body {
        font-size:1.5rem !important;
        font-family: Verdana, Geneva, sans-serif !important;
    } 
    h1 {
        font-size: 2.5rem !important;
        font-family: 'Trenda ExtraLight', sans-serif !important;
        font-weight: 600 !important;
    }
    
    h1.xl-text {
        font-size: 2.5rem !important;
    }
    
    .home_content {
        position:absolute;
        top: 40px;
    }    
    
    
} 

@media (max-width: 639px) { 
    body {
        font-size:1.5rem !important;
        font-family: Verdana, Geneva, sans-serif !important;
    } 
    h1 {
        font-size: 2.5rem !important;
        font-family: 'Trenda ExtraLight', sans-serif !important;
        font-weight: 600 !important;
    }
    h1.xl-text {
        font-size: 2.5rem !important;
    }    
    .home_content {
        position:absolute;
        top: 40px;
    }     
} 

/* TABLET */
@media (min-width:960px) {
    body {
        font-size:1.5rem !important;
        font-family: Verdana, Geneva, sans-serif !important;
    } 
    h1 {
        font-size: 2.5rem !important;
        font-family: 'Trenda ExtraLight', sans-serif !important;
        font-weight: 600 !important;
    }    
    h1.xl-text {
        font-size: 3.5rem !important;
    }    
    .home_content {
        position:absolute;
        top: 60px;
    }     
} 


/* DESKTOP/LAPTOP */
@media (min-width:1100px) { 
    body {
        font-size:1.5rem !important;
        font-family: Verdana, Geneva, sans-serif !important;
    }
    h1 {
        font-size: 3.1rem !important;
        font-family: 'Trenda ExtraLight', sans-serif !important;
        font-weight: 600 !important;
    } 
    h1.xl-text {
        font-size: 3.5rem !important;
        line-height: 5rem;
    }   

    .home_content {
        position:absolute;
        top: 80px;
    }     
    
} 


.notice_bar {
    background-color: rgba(65,64,66,1.00); 
    color: #FFFFFF; 
    font-size: 1.2rem; 
    font-weight: bold;
    line-height: 2em;
}


.notice_bar a:link {
    color: #FFFFFF; 
    font-size: 1.1rem; 
    font-weight: normal;
    text-decoration: underline;
}

.notice_bar a:visited {
    color: #FFFFFF; 
    font-size: 1.1rem; 
    font-weight: normal;
    text-decoration: underline;
}


.notice_bar a:hover {
    color: #FFFFFF; 
    font-size: 1.1rem; 
    font-weight: normal;
    text-decoration: none;
}

.notice_bar a:active {
    color: #FFFFFF; 
    font-size: 1.1rem; 
    font-weight: normal;
    text-decoration: underline;
}

.notice_bar p {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


.nav_logo {
    height: 70px; 
    width:auto;
}

@media (min-width: 375px) {
    .nav_logo {
        height: 61px; 
        width:auto;
    }
}


@media (max-width: 353px) {
    .nav_logo {
        height: 48px; 
        width:auto;
    }
}


@media (max-width: 410px) {
    .top_little_title {
        padding-top: 15px !important;
    }
}





.navbar-toggler {
    padding: .25rem 0.75rem;
    font-size: 2rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-right: 1.5rem;
}


.page_con {
    overflow: hidden;
    position: relative;
}

.navbar > .contaier > .show > .navbar-nav > .navbar-item  > li > a {
    font-size: 2.5em;
    padding-bottom: 30px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #005986;
    text-decoration: none !important;
    border-bottom: 0px !important;
}


.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl, .navbar .container-xxl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.page_image40 {
    width:40%;
    height:auto
}


.page_image50 {
    width:50%;
    height:auto
}

.page_image60 {
    width:60%;
    height:auto
}

.page_image80 {
    width:80%;
    height:auto
}

.page_image100 {
    width:100%;
    height:auto
}



btn-group-lg>.btn, .btn-lg {
    padding: 1.5rem 4rem;
    font-size: 1.8rem;
    line-height: 1.2;
    border-radius: 4rem;
}


.btn-primary {
    color: rgba(46,46,46,1.00);
    background-color: rgba(243,243,243,1.00);
    border-color: rgba(243,243,243,1.00);
}


.btn-primary:hover {
    color: #fff;
    background-color: #005986;
    border-color: #005986;
    text-decoration: none;
}


.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #005986;
    border-color: #005986;
    text-decoration: none;
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #005986;
    border-color: #005986;
}



.btn-primary2 {
    color: #fff !important;
    background-color: #005986 !important;
    border-color: #005986 !important;    
}


.btn-primary2:hover {
    color: rgba(46,46,46,1.00) !important;
    background-color: rgba(243,243,243,1.00) !important;
    border-color: #005986 !important;   
    text-decoration: none !important;
    border: 1px solid #005986 !important;
}


.btn-primary2.focus, .btn-primary2:focus {
    color: rgba(46,46,46,1.00);
    background-color: rgba(243,243,243,1.00);
    border-color: #005986;   
    text-decoration: none;
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}


.btn-primary2:not(:disabled):not(.disabled).active, .btn-primary2:not(:disabled):not(.disabled):active, .show>.btn-primary2.dropdown-toggle {
    color: #fff;
    background-color: #005986;
    border-color: #005986;
}



.leb3 {
    position: absolute;
    top: 0;
    left: 16px;
    padding: .375rem .75rem;
    font-size: 1em;
    background-color: #a68439;
    color: #fff;
    cursor: pointer;
    display: none;
    z-index: 1000;
}



.page_con > ul > li {
    padding-bottom: 10px;
}


@media (min-width: 615px) {
    .hpb-l {
        margin-right: 3rem!important; 
    }

    .hpb-r {
        margin-left: 3rem!important;
    }
}


@media (min-width: 550px) {
    .hpb-l {
        margin-bottom: 2rem!important; 
        margin-top: 2rem!important;
    }

    .hpb-r {
        margin-bottom: 2rem!important; 
        margin-top: 2rem!important;
    }    
}


@media (max-width: 549px) {
    .hpb-l {
        margin-bottom: 1rem!important; 
        margin-top: 1rem!important;
    }

    .hpb-r {
        margin-top: 1rem!important;
    }
}


.big_header {
    color: #FFFFFF;
}


.big_header > .row > .col > .con > .row > .col h1 {
    font-size: 2em !important;
    padding-bottom: 0.4em;
}

.big_header > .row > .col > .con > .row > .col p {
    color: rgba(198,221,227,1.00);
    line-height: 1.1em;
}

.big_header > .row > .col-12 > .container-sm > .row > .col-md-12 p {
    line-height: 1.2;
}


.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    padding: 10px;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1690px;
    }
}

@media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: 1.5rem;
    }
}




@media (max-width :1199px) {
    .navbar-nav .nav-link {
         font-size: 2rem;
    } 
    .top_little_title {
        width: 100%;
        font-size: 2rem !important;
        text-align: right;
    }
    
    .top_little_title_blue {
        color: #FFFFFF !important;
        text-align: center !important;
        background-color: #005986 !important; 
        margin-top: 15px !important;
        padding-bottom: 10px !important;
    }
    
    .admin_stuff {
        display: none !important;
    }    
    
    
}


#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,89,134,.75);
    z-index: 5001;
    cursor: pointer;
}

#overlay2 {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.75);
    z-index: 5011;
    cursor: pointer;
}

#the_popup {
	position: absolute;
	display: none;
	top: 25px;
	left: 50%;
	width: 80%;
	margin-left: -40%;
	border: 0px solid #ff0000;
	background-color: #FFFFFF;
	z-index: 5002;
	background-position: left top, right top;
	background-repeat: no-repeat;
}


#the_popup2 {
    position: absolute;
    display: none;
    top: 25px;
    left: 45%;
    width: 70%;
    margin-left: -30%;
    border: 0 solid red;
    background-color: #fff;
    z-index: 5012;
}

#popup_inner {
    padding: 0 20px 20px 20px;
    font-size: 1.7rem;
}

@media screen and (max-width: 1420px) {
	#the_popup {
		left: 0px;
		width: 100%;
		border: 0px solid #ff0000;
		background-color: #FFFFFF;
		margin-left: 0;
		z-index: 5002;
		display: none;
		overflow-y: scroll;
		overflow-x: hidden;
	}
    
#the_popup2 {
    left: 0;
    width: 100%;
    border: 0 solid red;
    background-color: #fff;
    margin-left: 0;
    z-index: 5012;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
}    
    
}

#popup_close {
    padding: 10px;
}

#popup_close2 {
    padding: 10px;
}


#popup_inner2 {
    padding: 0 20px 20px 20px;
}

.red_underline {
    border-bottom: 1px solid rgba(0,89,134,1.0) !important;
}

.red_underline > h1 {
    font-size: 2.9rem !important;
}

.admin_tool_link {
    color: #fff;
    background: #1065a4!important;
    border-color: #1065a4!important;
}

/* ==========================================================
 * Loading Bars
 * =========================================================*/
.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
}

.loading{
     width:100px;
     height:100px;
     margin:30px auto;
     position:relative;
    top: 50%;
    margin-top: -4.05em;    
}


.loading.bar div{
     width: 10px;
     height: 30px;
     background: rgba(0,89,134,1);
     position: absolute;
     top: 35px;
     left: 45px;
     opacity:0.05;
     -webkit-animation: fadeit 1.1s linear infinite;
     -moz-animation: fadeit 1.1s linear infinite;
     animation: fadeit 1.1s linear infinite;
}

.loading.bar div:nth-child(1){
     -webkit-transform: rotate(0deg) translate(0, -30px);
     -moz-transform: rotate(0deg) translate(0, -30px);
     transform: rotate(0deg) translate(0, -30px); 

     -webkit-animation-delay:0.39s;
     -moz-animation-delay:0.39s;
     animation-delay:0.39s;
} 

.loading.bar div:nth-child(2){
     -webkit-transform: rotate(45deg) translate(0, -30px);
     -moz-transform: rotate(45deg) translate(0, -30px);
     transform: rotate(45deg) translate(0, -30px); 

     -webkit-animation-delay:0.52s;
     -moz-animation-delay:0.52s;
     animation-delay:0.52s;
} 

.loading.bar div:nth-child(3){
     -webkit-transform: rotate(90deg) translate(0, -30px);
     -moz-transform: rotate(90deg) translate(0, -30px);
     transform: rotate(90deg) translate(0, -30px); 

     -webkit-animation-delay:0.65s;
     -moz-animation-delay:0.65s;
     animation-delay:0.65s;
} 

.loading.bar div:nth-child(4){
     -webkit-transform: rotate(135deg) translate(0, -30px);
     -moz-transform: rotate(135deg) translate(0, -30px);
     transform: rotate(135deg) translate(0, -30px); 

     -webkit-animation-delay:0.78s;
     -moz-animation-delay:0.78s;
     animation-delay:0.78s;
} 

.loading.bar div:nth-child(5){
     -webkit-transform: rotate(180deg) translate(0, -30px);
     -moz-transform: rotate(180deg) translate(0, -30px);
     transform: rotate(180deg) translate(0, -30px); 

     -webkit-animation-delay:0.91s;
     -moz-animation-delay:0.91s;
     animation-delay:0.91s;
} 

.loading.bar div:nth-child(6){
     -webkit-transform: rotate(225deg) translate(0, -30px);
     -moz-transform: rotate(225deg) translate(0, -30px);
     transform: rotate(225deg) translate(0, -30px); 

     -webkit-animation-delay:1.04s;
     -moz-animation-delay:1.04s;
     animation-delay:1.04s;
} 

.loading.bar div:nth-child(7){
     -webkit-transform: rotate(270deg) translate(0, -30px);
     -moz-transform: rotate(270deg) translate(0, -30px);
     transform: rotate(270deg) translate(0, -30px); 

     -webkit-animation-delay:1.17s;
     -moz-animation-delay:1.17s;
     animation-delay:1.17s;
} 

.loading.bar div:nth-child(8){
     -webkit-transform: rotate(315deg) translate(0, -30px);
     -moz-transform: rotate(315deg) translate(0, -30px);
     transform: rotate(315deg) translate(0, -30px); 

     -webkit-animation-delay:1.3s;
     -moz-animation-delay:1.3s;
     animation-delay:1.3s;
}


@-webkit-keyframes fadeit{
     0%{
          opacity:1;
     }
     100%{
          opacity:0;
     }
}
@-moz-keyframes fadeit{
     0%{
          opacity:1;
     }
     100%{
          opacity:0;
     }
}
@keyframes fadeit{
     0%{
          opacity:1;
     }
     100%{
          opacity:0;
     }
}

.editable {
    position: relative!important;
}

.blue, .blue3 {
   color: #005986 !important; 
}    

.blue1  {
   color: #00addc !important; 
}    

.white {
    color: #ffffff !important; 
}

.lan_pick_text {
    color: #000;
    line-height: 24px;
    font-weight: 400;
    float: right;
}

.red_border {
    border: 3px solid #d6494b!important;
}

h1.bb:before {
    content: url('../images/blue-dash.png');
    padding-right: 10px;
}


.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    opacity: 0.1;
    background-color: transparent;
}


.check_php_button {
    color: #fff;
    background: #1065a4!important;
    border-color: #1065a4!important;
}

.custom-switch .custom-switch-input+.custom-switch-btn {
    background: #fff!important;
    border: 1px solid #000;
}


.custom-switch .custom-switch-input+.custom-switch-btn:after {
    background: #000!important;
}

.custom-switch-xs .custom-switch-input+.custom-switch-btn {
    width: 48px;
    height: 24px;
    padding: 2px!important;
    border-radius: 48px;
}



.navbar .nav > li > a, .navbar .nav-collapse .nav > li > a:first-letter {
color:         black;
text-shadow:    none;
}

.footer {
    color: #FFF;
}

a.footer_link  {
    color: #FFFFFF !important;
    text-decoration: underline !important;
    float: left;
    padding-right: 15px;
}

a.footer_link:visited {
    color: #FFFFFF !important;
   text-decoration: underline !important;
}

a.footer_link:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

a.footer_link:active {
    color: #FFFFFF !important;
    text-decoration: none !important;
}








.copyright_text {
    font-size: 0.8em;
    color: rgba(198,221,227,1.00);
}


.footer p {
    font-size: 1em !important;
}

.w-80 {
    width: 80%!important;
}

.shadow_right {
    -webkit-box-shadow: 13px 13px 0px 0px rgba(0,89,134,1);
    -moz-box-shadow: 13px 13px 0px 0px rgba(0,89,134,1);
    box-shadow: 13px 13px 0px 0px rgba(0,89,134,1);
}


.shadow_left {
    -webkit-box-shadow: -13px 13px 0px 0px rgba(0,89,134,1);
    -moz-box-shadow: -13px 13px 0px 0px rgba(0,89,134,1);
    box-shadow: -13px 13px 0px 0px rgba(0,89,134,1);;
}


.shadow_down {
    -webkit-box-shadow: 0px 13px 0px 0px rgba(0,89,134,1);
    -moz-box-shadow: 0px 13px 0px 0px rgba(0,89,134,1);
    box-shadow: 0px 13px 0px 0px rgba(0,89,134,1);;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#return-to-top {
    color: rgb(255, 255, 255);
    padding-left: 12px;
    font-size: 2em;
    padding-top: 3px;
    position: fixed;
    z-index: 10000000;
    bottom: 20px;
    right: 0;
    background:rgba(0,89,134,0.60);
    width: 50px;
    height: 50px;
    text-decoration: none;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


#return-to-top:hover {
    background:rgba(0,89,134,0.90);
}


.modal-backdrop {
    z-index: 5002 !important;    
}

.modal {
    z-index: 5003 !important;
}

.card {
    background-color: #f0f0f0!important;
    border-color: #f0f0f0!important;
    border-radius: 1rem!important;
    padding: 1.5rem!important;
    width: 75%;
    margin-bottom: 2em;
}


.font-weight-bold {
    font-weight: 700!important;
}

button, input, select, textarea {
    outline: 0!important;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn {
    font-size: 1.6rem;
}


.form_error {
    color: #dc3545!important;
}

.form_error_border {
    border: 2px solid #dc3545!important;
}

.admin_site_links {
    background-color: #669!important;
    border-color: #669!important;
    color: #fff!important;
}


.admin_site_links:hover {
    background-color: #3c3c60!important;
    border-color: #3c3c60!important;
    color: #fff!important;
}

.admin_tools {
    display: none;
    position: absolute;
    right: 0;
}


.ui-sortable-handle {
    cursor: ns-resize !important;
}


.ui-sortable-handle:hover {
    background-color: rgba(36, 173, 216, 0.2) !important;
}

.navbar-brand, .nav-link, .btn-lg {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.btn-lg {
    padding: 1.5rem 4rem !important;
}

a.lm_link {
    font-size: 0.9em !important;
}


.sup-hold {
    font-family: 'Trenda Heavy';
}

.ON_HOLD {
    color: rgba(202,164,0,1.00) !important;
}


.admin_sec_links {
    background-color: #458559!important;
    border-color: #458559!important;
    color: #fff!important;
}

.admin_sec_links:hover {
    background-color: #2a5538!important;
    border-color: #2a5538!important;
    color: #fff!important;
}


.admin_page_links {
    background-color: #969!important;
    border-color: #969!important;
    color: #fff!important;
}

.admin_page_links:hover {
    background-color: #684268!important;
    border-color: #684268!important;
    color: #fff!important;
}

.admin_subsec_links {
    background-color: #77d594!important;
    border-color: #77d594!important;
    color: #fff!important;
}

.admin_subsec_links:hover {
    background-color: #5fad77!important;
    border-color: #5fad77!important;
    color: #fff!important;
}



.admin_tool_link_delete {
    color: #fff!important;
    background: #d6494b!important;
    border-color: #d6494b!important;
    padding-left: 8px;
    padding-right: 8px;
}


.admin_tool_link_warning {
    color: #fff!important;
    background: #ffbc34!important;
    border-color: #ffbc34!important;
    padding-left: 5px;
    padding-right: 5px;
    
}

.admin_tool_link_sucsess {
    color: #fff!important;
    background: #28a745!important;
    border-color: #28a745!important;
    padding-left: 10px;
    padding-right: 10px;
    
}

.spinner-border-md {
    width: 2rem;
    height: 2rem;
    border-width: 0.26em;
}


.col-2dot4, .col-lg-2dot4, .col-md-2dot4, .col-sm-2dot4, .col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left:15px
}

.col-2dot4, .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width:20%
}

@media (max-width: 1439px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width:50% !important
    }
}

@media (max-width: 1440px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }
}

@media (max-width: 520px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width:100% !important
    }
}

.pick_off {
    opacity: 0.5;
}

.pick_off:hover {
    opacity: 0.8;
}


.pick_on {
    color: rgba(35,173,220,1.00);
}

.pick_off > .arrow {
    display: none;
}