html{
    color:dimgray;
}
            
div.RadMenu_Black
            {
                top:7.5px !important;
                text-align:center !important; 
            }
        
            .RadMenu_Black
            {     
              border:none !important;    
              text-align:center !important;
            }
            .RadMenu_Black .rmRootGroup 
            {  
              border-color:transparent !important;
	          color: #555555 !important; 
              background-color: transparent !important;
              background-image: linear-gradient(#323232, #161616); 
              background-image: none !important;
              font-family:Helvetica !important;                          
              vertical-align:middle !important;          
              line-height:70px !important;
              text-align:center !important;
              float:left !important;              
            }
        
            .RadMenu_Black .rmRootGroup .rmItem 
            {            
                border-color: transparent !important;            
                font-family:Helvetica !important;
                text-align:center !important;   
            }
            .RadMenu_Black .rmRootGroup .rmItem span.rmRootLink
            {            
                height:70px !important;
                font-family:Helvetica !important;
                font-size:13pt !important;
            }            
            .RadMenu_Black .rmRootGroup .rmItem a.rmRootLink
            {   
                height:70px !important;
                font-family:Helvetica !important;
            } 
            .RadMenu_Black .rmMultiColumn,
            .RadMenu_Black .rmGroupColumn,
            .RadMenu_Black .rmItem .rmFirst
            {
                line-height:30px !important;                 
            }
            
            .RadMenu_Black .rmGroupColumn .rmLink
            {
                font-family:Helvetica !important;
                font-size:12pt !important;                  
            }
            
            .RadMenu_Black .rmRootGroup .rmRootLink:hover 
            {            
                color:#8dc63f !important; 
                background-color: transparent !important;
                background-image: linear-gradient(#424242, #2d2d2d); 
                background-image:none !important;
                font-family:Helvetica !important;  
            }
            .RadMenu_Black .rmRootGroup .rmSelected > .rmRootLink,
            .RadMenu_Black .rmRootGroup .rmExpanded > .rmRootLink 
            {                   
                font-weight:bold !important;            
                background-color: transparent !important;
                background-image:none !important;            
                color:#8dc63f !important;             
            
            }
            .RadMenu_Black .rmRootGroup .rmFocused > .rmLink 
            {
                border-color: none !important;
                box-shadow: none !important; 
                text-decoration:underline !important;
            }
            .RadMenu_Black .rmToggle
            {                   
                line-height:70px !important;                            
                top:25px !important;
            }
            .greenButton
            {
                position:relative;
                font-size:12pt;
                font-family:Helvetica;                
                color:White;                
                background-color:#429ef4;
                border-radius:5px 5px 5px 5px;
                border:solid 1px white;  
                cursor:pointer;            
            }
            .orangeButton {
                font-size: 12pt;
                font-family: Helvetica;                
                color: black;
                background-color: #F7931D;
                border-radius: 5px 5px 5px 5px;
                border: solid 1px white;
                cursor: pointer;
             }
            .transparentButton {
                font-size: 12pt;
                font-family: Helvetica;                
                cursor: pointer;
            }   
            .orangeButton:hover, .greenButton:hover, .transparentButton:hover {
                font-weight: bold;
                font-size: 14pt;
                background-color: dimgray;
                color: white;
                transition: all ease-in-out .2s;
            }
            .active .januaryCourse, .januaryCourse:hover {
                background-color: #75c00e !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .februaryCourse, .februaryCourse:hover {
                background-color: #fcb72b !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }
            .active .marchCourse, .marchCourse:hover {
                background-color: #ff2d00 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .aprilCourse, .aprilCourse:hover {
                background-color: #fd25a1 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }
            .active .mayCourse, .mayCourse:hover {
                background-color: #401b51 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .juneCourse, .juneCourse:hover {
                background-color: #46bee3 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .julyCourse, .julyCourse:hover {
                background-color: #75c00e !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .augustCourse, .augustCourse:hover {
                background-color: #fcb72b !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .septemberCourse, .septemberCourse:hover {
                background-color: #ff2d00 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .octoberCourse, .octoberCourse:hover {
                background-color: #fd25a1 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .novemberCourse, .novemberCourse:hover {
                background-color: #401b51 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .active .decemberCourse, .decemberCourse:hover {
                background-color: #46bee3 !important;
                color: white !important;
                text-decoration: none;
                transition: all ease-in-out .2s;
            }

            .januaryCourse, .februaryCourse, .marchCourse, .aprilCourse, .mayCourse, .juneCourse, .julyCourse, .augustCourse, .septemberCourse, .octoberCourse, .novemberCourse, .decemberCourse {
                background-color: whitesmoke !important;
                color: black !important;
                text-decoration:none;
            }
            
            .redButton
            {
                position:relative;
                font-size:11pt;
                font-family:Helvetica;
                font-weight:bold;
                color:White; 
                background-color:#800000;
                border-radius:5px 5px 5px 5px;                
                border:solid 1px white;   
            }
            .courseBackground
            {
                height:300px;
                width:300px;
                padding:20px;                                
                border-radius:5px 5px 5px 5px;
                background-repeat:no-repeat;
                background-position: center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-color:#e0e0e0;
                cursor:pointer;       
            }
            .itemBackground
            {
                height:360px;
                width:210px;
                padding:5px;                                
                border-radius:5px 5px 5px 5px;
                background-repeat:no-repeat;
                background-position: center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                border:solid 1px lightgrey;                
                cursor:pointer;       
            }
            .itemNameCSS
            {
                font-size:13pt;font-family:Helvetica;font-weight:bold;line-height:24px;display:inline-block;width:200px;word-wrap:break-word;white-space: normal;color:dimgray;
            }
            .itemNoCSS
            {
                font-size:13pt;font-family:Helvetica;font-weight:bold;line-height:28px;display:inline-block;width:200px;word-wrap:break-word;white-space: normal;color:dimgray;
            }
            .itemRegular
            {
                font-size:14pt;font-family:Helvetica;line-height:28px;color:dimgray;
            }
            .itemRegularOnSale
            {
                font-size:12pt;font-family:Helvetica;line-height:28px;color:dimgray;text-decoration: line-through;
            }
            .ratingchecked {
                color: #D3AE34;
            }
            .itemOnSale
            {
                font-size:14pt;font-family:Helvetica;line-height:28px;color:red;color:Red;font-weight:bold;
            }
            .OnSale
            {
                font-size:13pt;font-weight:bold;color:white;font-family:Helvetica;display:inline-block;word-wrap:break-word;white-space: normal;top:0px;left:70px;height:43px;width:43px;border-radius:50%;background-color:red;position:relative;
            }
            .rfdLoginControl{border-collapse:inherit !important;}

            .rwPopupButton{font-family:Helvetica !important;font-size:12pt !important;}
            .rwPopupButton:focus,.rwPopupButton:active,.rwPopupButton:hover{ border-color: #3aafa9 !important;  background-image: none !important;background:linear-gradient(#2b7a78,#3aafa9,#2b7a78) !important;font-weight:bold !important;font-family:Helvetica !important;color:red !important;}
            .rwPopupButton:focus .rwInnerSpan,.rwPopupButton:active .rwInnerSpan,.rwPopupButton:hover .rwInnerSpan{color:white !important}
            .rbButton.rbHovered,.rbSplitPart.rbHovered {border-color: #3aafa9 !important;  background-image: none !important;background:linear-gradient(#2b7a78,#3aafa9,#2b7a78) !important;font-weight:bold !important;font-family:Helvetica !important;color:red !important; }
            .rbVerticalButton:hover{background-image:none !important;background:linear-gradient(#2b7a78,#3aafa9,#2b7a78) !important;color:white !important;}.rbDecorated {font-family:Helvetica !important;}.rbDecorated:hover{color:white !important;border-color:transparent !important}.rbText{color:#3aafa9 !important;font-family:Helvetica !important;font-size:13pt !important;}            
input {
    border: solid 1px #F8F8F8;
    border-radius: 2px 2px 2px 2px;
}
            input:hover,input:focus
            {
                border:solid 2px #3aafa9 !important;
            }
            * { box-sizing: border-box; }
            .video-background {
              background: white;
              position: fixed;
              top: 0; right: 0; bottom: 0; left: 0;
              z-index: -99;
            }
            .video-foreground,
            .video-player {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              pointer-events: none;
            }

            
            .tile {
                position: relative;
                overflow: hidden;               
                text-align: center;
            }

                .tile div.enroll {
                    width: 80px;
                    height: 30px;
                    -moz-transition: all 0.3s;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                    position: absolute;
                    top: 20px;
                    left: 10px;
                    opacity: 0;
                    z-index: 1;
                    cursor: pointer;
                    font-size: 12pt;
                    font-family: Helvetica;                    
                    color: White;
                    background-color: #429ef4;                    
                }                
                .tile:hover div.enroll {
                    z-index: 4;
                    opacity: 1;
                }
                .tile div.disenroll {
                    width: 80px;
                    height: 30px;
                    -moz-transition: all 0.3s;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                    position: absolute;
                    top: 20px;
                    left: 10px;
                    opacity: 0;
                    z-index: 1;
                    cursor: pointer;
                    font-size: 12pt;
                    font-family: Helvetica;                    
                    color: White;
                    background-color: #800000;
                }

                .tile:hover div.disenroll {
                    z-index: 4;
                    opacity: 1;
                }
                .tile div.facebookShare {
                    width: 80px;
                    height: 30px;
                    -moz-transition: all 0.3s;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                    position: absolute;
                    top: 52px;
                    left: 10px;
                    opacity: 0;
                    z-index: 1;
                    padding: 0px;
                    text-align: center;
                    height: 30px;
                    color: white;
                    background-color: #3b5998;
                    cursor: pointer;
                    font-size:12pt;
                }

                .tile:hover div.facebookShare {
                    z-index: 4;
                    opacity: 1;
                }
                .tile div.tileBg {
                    width: 100%;
                    height: 101%;
                    -moz-transition: all 0.3s;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    opacity: 0;
                    background: black;
                    background: rgba(0, 0, 0, 0.8);
                    transition: all .5s;
                    z-index: 1;
                    cursor: pointer;                    
                }

            .tile:hover div.tileBg {
                z-index: 3;
                opacity: .8;
            }

            .tile img {
                max-width: 100%;
                -moz-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                z-index: 2;
            }

                .tile:hover img {
                    -moz-transform: scale(1.12);
                    -webkit-transform: scale(1.12);
                    transform: scale(1.12);                    
                }
            .tile:hover span.title {
                top: 30%;
                opacity: 1;
            }
                .tile:hover span.subtitle {
                    top: 70%;
                    opacity: 1;
                }
            .tile span.title,.tile span.subtitle {
                font-family: Helvetica;
                display: block;
                position: absolute;
                width: 75%;
                left: 90px;
                color: white;
                z-index: 4;
                font-size: 18px;
                opacity: 0;
                transition: all .5s;
                display: table;
                white-space: normal;
                cursor: pointer;
            }
            .tile span.title {
                font-weight: 600;
                top: 0px;
                letter-spacing: 1px;
            }

            .tile span.subtitle {
                bottom: 0px;
                font-size: 16px;
                font-weight: 600;
            }
.custom-navbar {
    border-radius: 0;
    border: 0;
    font-family: Arial;
    min-height: 50px;
    font-size: 9pt !important;
    color: dimgray !important;
    margin-bottom: 0;
    border-bottom: solid 1px lightgrey;
    background: white;
}

                /* DEFAULT COLOR AND WEIGHT OF MENU ITEMS */
    .custom-navbar .navbar-nav li a:hover {
        /* color: white;*/
        font-weight: bold;
        color: #155072 !important;
    }

            /* MENU ITEMS HOVER AND ACTIVE*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav .dropdown-menu > .active > a, .navbar-default .navbar-nav .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .dropdown-menu > .active > a:focus {
    /* color: white;
    background: #155072;*/
    background: transparent;
    color: red !important;
    font-weight: bold;
    font-size: 10pt;
    text-decoration:underline;    
}


.navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 11px;
    padding: 9px 10px !important;
    color:dimgray !important;
    /* color: white !important;*/
}

.custom-navbar .navbar-nav .dropdown-menu {
    font-size: 9pt;
    /* color: white !important;*/
    color: #155072 !important;
}

        

            .slider-size {
                height: 360px; /* This is your slider height */
}

            .carousel {
                width: 100%;
                margin: 0 auto; /* center your carousel if other than 100% */
            }

            .btn-grey {
                background-color: #D8D8D8;
                color: #FFF;
            }

            .rating-block {
                background-color: #FAFAFA;
                border: 1px solid #EFEFEF;
                padding: 15px 15px 20px 15px;
                border-radius: 3px;
            }

            .bold {
                font-weight: 700;
            }

            .padding-bottom-7 {
                padding-bottom: 7px;
            }

            .review-block {
                background-color: #FAFAFA;
                border: 1px solid #EFEFEF;
                padding: 15px;
                border-radius: 3px;
                margin-bottom: 15px;
            }

            .review-block-name {
                font-size: 12px;
                margin: 10px 0;
            }

            .review-block-date {
                font-size: 12px;
            }

            .review-block-rate {
                font-size: 13px;
                margin-bottom: 15px;
            }

            .review-block-title {
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 10px;
            }

            .review-block-description {
                font-size: 13px;
            }
            .boxCarousel {
                border-radius: 25px 25px 25px 25px;
            }
            #lightbox .modal-content {
                display: inline-block;
                text-align: center;
            }

            #lightbox .close {
                opacity: 1;
                color: rgb(255, 255, 255);
                background-color: rgb(25, 25, 25);
                padding: 5px 8px;
                border-radius: 30px;
                border: 2px solid rgb(255, 255, 255);
                position: absolute;
                top: -15px;
                right: -55px;
                z-index: 1032;
            }
            /*.navbar .navbar-header,
            .navbar-collapse,
            .navbar-collapse.collapse {
                float: none;
                display: inline-block;
                vertical-align: top;
                padding-left: 0;
                padding-right: 0;
            }*/
            @media (min-width: 768px) {
                .navbar-nav > li > a {
                    /* (80px - line-height of 27px) / 2 = 26.5px */
                    padding-top: 15px;
                    padding-bottom: 15px;
                    line-height: 32px;
                    color:dimgray !important;
                }
                .navbar-collapse.collapse {
                    display: inline-block !important;
                }
                
            }

            @media screen and (max-width: 992px) {
                .columns {
                    height: 200px;
                    overflow-y: scroll;
                }
            }

            @media screen and (min-width: 992px) {
                .columns {
                    -moz-column-count: 2; /* Firefox */
                    -webkit-column-count: 2; /* Safari and Chrome */
                    column-count: 3;
                    width: 630px;
                    height: 200px;
                    font-size:11pt !important;
                }
            }

            @media screen and (max-width: 1200px) {
                .navbar-header {
                    float: none;
                }

                .navbar-left, .navbar-right {
                    float: none !important;
                }

                .navbar-toggle {
                    display: block;
                }

                .navbar-collapse {
                    border-top: 1px solid transparent;
                    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
                }
                .navbar-collapse.collapse {
                    display: none !important;
                }
                .navbar-fixed-top {
                    top: 0;
                    border-width: 0 0 1px;
                }
                .navbar-nav {
                    float: none !important;
                    margin-top: 7.5px;
                }

                .navbar-nav > li {
                    float: none;
                }

                .navbar-nav > li > a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

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

                .navbar-header {
                    height: 50px;
                }
                
            }
            @media (min-aspect-ratio: 16/9) {
                .video-foreground {
                    height: 300%;
                    top: -100%;
                }
            }

            @media (max-aspect-ratio: 16/9) {
                .video-foreground {
                    width: 200%;
                    left: -100%;
                }
            }
            .action-circle-fill {
                animation: 2.3s ease-in-out 0s normal none infinite running action-circle-fill-anim;
                background-color: #000;
                border: 2px solid transparent;
                border-radius: 100%;
                height: 70px;
                right: 16px;
                opacity: 0.1;
                position: absolute;
                top: 50px;
                transform-origin: 50% 50% 0;
                transition: all 0.5s ease 0s;
                width: 70px;
            }

            .action-phone.action-active .action-circle-fill {
                animation: 1.7s ease-in-out 0s normal none infinite running action-circle-fill-anim !important;
            }

            .action-phone.action-static .action-circle-fill {
                animation: 2.3s ease-in-out 0s normal none infinite running action-circle-fill-anim !important;
                opacity: 0 !important;
            }

            .action-phone.action-hover .action-circle-fill {
                background-color: #155072;
                opacity: 0.75 !important;
            }

            .action-phone.action-green.action-hover .action-circle-fill {
                background-color: #155072;
                opacity: 0.75 !important;
            }

            .action-phone.action-green .action-circle-fill {
                background-color: #155072;
            }

            .action-phone.action-gray.action-hover .action-circle-fill {
                background-color: #155072;
            }

            .action-phone.action-gray .action-circle-fill {
                background-color: #155072;
            }


            .action-img-circle {
                animation: 1s ease-in-out 0s normal none infinite running action-circle-img-anim;
                background-color: #155072;
                background-image: url("/images/icons/phone_35.png");
                background-position: center center;
                background-repeat: no-repeat;
                border: 2px solid transparent;
                border-radius: 100%;
                height: 40px;
                right: 31px;
                position: absolute;
                top: 65px;
                transform-origin: 50% 50% 0;
                width: 40px;
            }

            .action-circle {
                animation: 1.2s ease-in-out 0s normal none infinite running action-circle-anim;
                background-color: transparent;
                border: 2px solid rgba(30,30,30,0.4);
                border-radius: 100%;
                height: 70px;
                right: 16px;
                opacity: 0.1;
                position: absolute;
                top: 50px;
                transform-origin: 50% 50% 0;
                transition: all 0.5s ease 0s;
                width: 70px;
            }

            .action-phone.action-active .action-circle {
                animation: 1.1s ease-in-out 0s normal none infinite running action-circle-anim !important;
            }

            .action-phone.action-static .action-circle {
                animation: 2.2s ease-in-out 0s normal none infinite running action-circle-anim !important;
            }

            .action-phone.action-hover .action-circle {
                border-color: #155072;
                opacity: 0.5;
            }

            .action-phone.action-green.action-hover .action-circle {
                border-color: #155072;
                opacity: 0.5;
            }

            .action-phone.action-green .action-circle {
                border-color: #155072;
                opacity: 0.5;
            }

            .action-phone.action-gray.action-hover .action-circle {
                border-color: #155072;
                opacity: 0.5;
            }

            .action-phone.action-gray .action-circle {
                border-color: #155072;
                opacity: 0.5;
            }

.sideItem {
    cursor:pointer;
    font-weight:normal;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
}
.sideItem:hover{
    font-weight:bold;
}
.menuItem, .menuItem.active {
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    border: solid 1px transparent;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
}

    .menuItem:hover, .menuItem.active:hover {
        color: white !important;
        background: rgba(0,0,0,0.20) !important;
        text-decoration: none;
    }

    .menuItem.active {
        color: white !important;
        background: rgba(0,0,0,0.35) !important;
        text-decoration: none;
        font-weight:bold !important;
    }
            @keyframes action-circle-anim {
                0% {
                    opacity: 0.1;
                    transform: rotate(0deg) scale(0.5) skew(1deg);
                }

                30% {
                    opacity: 0.5;
                    transform: rotate(0deg) scale(0.7) skew(1deg);
                }

                100% {
                    opacity: 0.6;
                    transform: rotate(0deg) scale(1) skew(1deg);
                }
            }

            @keyframes action-circle-anim {
                0% {
                    opacity: 0.1;
                    transform: rotate(0deg) scale(0.5) skew(1deg);
                }

                30% {
                    opacity: 0.5;
                    transform: rotate(0deg) scale(0.7) skew(1deg);
                }

                100% {
                    opacity: 0.1;
                    transform: rotate(0deg) scale(1) skew(1deg);
                }
            }

            @keyframes action-circle-fill-anim {
                0% {
                    opacity: 0.2;
                    transform: rotate(0deg) scale(0.7) skew(1deg);
                }

                50% {
                    opacity: 0.2;
                }

                100% {
                    opacity: 0.2;
                    transform: rotate(0deg) scale(0.7) skew(1deg);
                }
            }

            @keyframes action-circle-fill-anim {
                0% {
                    opacity: 0.2;
                    transform: rotate(0deg) scale(0.7) skew(1deg);
                }

                50% {
                    opacity: 0.2;
                    transform: rotate(0deg) scale(1) skew(1deg);
                }

                100% {
                    opacity: 0.2;
                    transform: rotate(0deg) scale(0.7) skew(1deg);
                }
            }

            @keyframes action-circle-img-anim {
                0% {
                    transform: rotate(0deg) scale(1) skew(1deg);
                }

                10% {
                    transform: rotate(-25deg) scale(1) skew(1deg);
                }

                20% {
                    transform: rotate(25deg) scale(1) skew(1deg);
                }

                30% {
                    transform: rotate(-25deg) scale(1) skew(1deg);
                }

                40% {
                    transform: rotate(25deg) scale(1) skew(1deg);
                }

                50% {
                    transform: rotate(0deg) scale(1) skew(1deg);
                }

                100% {
                    transform: rotate(0deg) scale(1) skew(1deg);
                }
            }

            @keyframes action-circle-img-anim {
                0% {
                    transform: rotate(0deg) scale(1) skew(1deg);
                }

                10% {
                    transform: rotate(-25deg) scale(1) skew(1deg);
                }

                20% {
                    transform: rotate(25deg) scale(1) skew(1deg);
                }

                30% {
                    transform: rotate(-25deg) scale(1) skew(1deg);
                }

                40% {
                    transform: rotate(25deg) scale(1) skew(1deg);
                }

                50% {
                    transform: rotate(0deg) scale(1) skew(1deg);
                }

                100% {
                    transform: rotate(0deg) scale(1) skew(1deg);
                }
            }

            .action-phone {
                background-color: transparent;
                cursor: pointer;
                height: 150px;
                position: fixed;
                transition: visibility 0.5s ease 0s;
                visibility: hidden;
                width: 100px;
                right: 0px;
                bottom: 75px;
                z-index: 9999 !important;
            }

                .action-phone.action-show {
                    visibility: visible;
                }
            .modal.left.full .modal-dialog,
            .modal.right.full .modal-dialog {
                position: fixed;
                margin: auto;
                width: 500px;
                height: 100%;
                -webkit-transform: translate3d(0%, 0, 0);
                -ms-transform: translate3d(0%, 0, 0);
                -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
            }

            .modal.left.full .modal-content,
            .modal.right.full .modal-content {
                height: 100%;
                overflow-y: auto;
            }

            .modal.left.full .modal-body,
            .modal.right.full .modal-body {
                /*padding: 15px 15px 80px;*/
                padding: 0px;
                width: 500px;
            }

            /*Right*/
            .modal.right.full.fade .modal-dialog {
                right: -500px;
                -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
                -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
                -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                transition: opacity 0.3s linear, right 0.3s ease-out;
            }

            .modal.right.full.fade.in .modal-dialog {
                right: 0;
            }

            .modal.left.full.fade .modal-dialog {
                left: -500px;
                -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
                -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
                -o-transition: opacity 0.3s linear, left 0.3s ease-out;
                transition: opacity 0.3s linear, left 0.3s ease-out;
            }

            .modal.left.full.fade.in .modal-dialog {
                left: 0;
            }


.modal.left.partial .modal-dialog,
.modal.right.partial .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left.partial .modal-content,
.modal.right.partial .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left.partial .modal-body,
.modal.right.partial .modal-body {
    /*padding: 15px 15px 80px;*/
    padding: 0px;
    width: 100%;
}            

            /*Right*/
.modal.right.partial.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.partial.fade.in .modal-dialog {
    right: 0;
}
.modal.left.partial.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.partial.fade.in .modal-dialog {
    left: 0;
}
            /* ----- MODAL STYLE ----- */
            .modal-content {
                border-radius: 0;
                border: none;
            }

@media (max-width: 768px) {
    .carousel-inner .item.left.active {
        transform: translateX(-50%);
    }

    .carousel-inner .item.right.active {
        transform: translateX(50%);
    }

    .carousel-inner .item.next {
        transform: translateX(50%)
    }

    .carousel-inner .item.prev {
        transform: translateX(-50%)
    }

    .carousel-inner .item.right,
    .carousel-inner .item.left {
        transform: translateX(0);
    }
    .fontSize{
        font-size:10pt;
    }
    .itemHeight {
        height: 190px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .carousel-inner .item.left.active {
        transform: translateX(-50%);
    }

    .carousel-inner .item.right.active {
        transform: translateX(50%);
    }

    .carousel-inner .item.next {
        transform: translateX(50%)
    }

    .carousel-inner .item.prev {
        transform: translateX(-50%)
    }

    .carousel-inner .item.right,
    .carousel-inner .item.left {
        transform: translateX(0);
    }
    .fontSize {
        font-size: 10pt;
    }
    .itemHeight {
        height: 190px;
    }
}

@media (min-width: 992xpx) and (max-width: 1200px) {
    .carousel-inner .item.left.active {
        transform: translateX(-25%);
    }

    .carousel-inner .item.right.active {
        transform: translateX(25%);
    }

    .carousel-inner .item.next {
        transform: translateX(25%)
    }

    .carousel-inner .item.prev {
        transform: translateX(-25%)
    }

    .carousel-inner .item.right,
    .carousel-inner .item.left {
        transform: translateX(0);
    }
    .fontSize {
        font-size: 11pt;
    }
    .itemHeight {
        height: 140px;
    }
}

@media (min-width: 1200px) {
    .carousel-inner .item.left.active {
        transform: translateX(-25%);
    }

    .carousel-inner .item.right.active {
        transform: translateX(25%);
    }

    .carousel-inner .item.next {
        transform: translateX(25%)
    }

    .carousel-inner .item.prev {
        transform: translateX(-25%)
    }

    .carousel-inner .item.right,
    .carousel-inner .item.left {
        transform: translateX(0);
    }
    .fontSize {
        font-size: 11pt;
    }
    .itemHeight {
        height: 130px;
    }
}

@media (min-width: @screen-xl-min) {
    .carousel-inner .item.left.active {
        transform: translateX(-25%);
    }

    .carousel-inner .item.right.active {
        transform: translateX(25%);
    }

    .carousel-inner .item.next {
        transform: translateX(25%)
    }

    .carousel-inner .item.prev {
        transform: translateX(-25%)
    }

    .carousel-inner .item.right,
    .carousel-inner .item.left {
        transform: translateX(0);
    }
    .fontSize {
        font-size: 11pt;
    }
    .itemHeight{
        height:130px;
    }
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
}
.unselectedTab {
    padding: 5px 20px 6.5px 20px;
    border-left: solid 1px lightgrey;
    border-top: solid 1px lightgrey;
    border-right: solid 1px lightgrey;
    border-radius: 5px 5px 0px 0px;
    background-color: white;
    color: black;
    font-weight: normal !important;
}
.selectedTab {
    padding: 5px 20px 7.5px 20px;
    border-left: solid 1px lightgrey;
    border-top: solid 1px lightgrey;
    border-right: solid 1px lightgrey;
    border-radius: 5px 5px 0px 0px;
    background-color: rgba(0,0,0,.5);
    color: white;
    font-weight: bold !important;
}
.unselectedTab1 {
    padding: 5px 20px 6.5px 20px;
    border-left: solid 1px lightgrey;
    border-top: solid 1px lightgrey;
    border-right: solid 1px lightgrey;
    border-radius: 5px 5px 0px 0px;
    background-color: white;
    color: black;
    font-weight: normal !important;
}

.selectedTab1 {
    padding: 5px 20px 7.5px 20px;
    border-left: solid 1px lightgrey;
    border-top: solid 1px lightgrey;
    border-right: solid 1px lightgrey;
    border-radius: 5px 5px 0px 0px;
    background-color: rgba(0,0,0,.5);
    color: white;
    font-weight: bold !important;
}
#cmdSaveAPanel,#cmdSaveBPanel,#cmdClonePanel,#cmdNewRecordPanel,#cmdRefreshPanel,#cmdDeleteRecordPanel{
    display:inline !important;
}