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

/* UPDATE 20180130GLL - ADDED CUSTOM CSS FILE FROM MEDIA LINKERS VERSION OF THE PROJECT */






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* UPDATE 20180205GLL - ADDED MEDIA QUERIES TO MAKE TEXT IN SITE MORE RESPONSIVE */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/


@media screen and (min-width : 0px) {
    .responsive-text{
      font-size: 15px;
    }

    .responsive-text-large-bold{
      font-size: 12px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 12px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(0.60);
    -webkit-transform:scale(0.60);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 0px;}
    .bottom-recaptcha-spacer-div{height: 0px;}
}


@media screen and (min-width : 315px) {
    .responsive-text{
      font-size: 15px;
    }

    .responsive-text-large-bold{
      font-size: 12px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 12px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(0.66);
    -webkit-transform:scale(0.66);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 0px;}
    .bottom-recaptcha-spacer-div{height: 0px;}
}


@media screen and (min-width : 335px) {
    .responsive-text{
      font-size: 15px;
    }

    .responsive-text-large-bold{
      font-size: 12px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 12px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(0.71);
    -webkit-transform:scale(0.71);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 0px;}
    .bottom-recaptcha-spacer-div{height: 0px;}
}


@media screen and (min-width : 355px) {
    .responsive-text{
      font-size: 15px;
    }

    .responsive-text-large-bold{
      font-size: 12px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 12px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(0.82);
    -webkit-transform:scale(0.82);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 0px;}
    .bottom-recaptcha-spacer-div{height: 0px;}
}


@media screen and (min-width : 375px) {
    .responsive-text{
      font-size: 15px;
    }

    .responsive-text-large-bold{
      font-size: 12px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 12px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(0.87);
    -webkit-transform:scale(0.87);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 14px;}
    .bottom-recaptcha-spacer-div{height: 1px;}
}


@media screen and (min-width : 395px) {
    .responsive-text{
      font-size: 15px;
    }

    .responsive-text-large-bold{
      font-size: 12px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 12px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(0.96);
    -webkit-transform:scale(0.96);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 16px;}
    .bottom-recaptcha-spacer-div{height: 1px;}
}



/* Custom, iPhone Retina */ 
@media screen and (min-width : 420px) {
    .responsive-text{
      font-size: 16px;
    }

    .responsive-text-large-bold{
      font-size: 16px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 13px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.02);
    -webkit-transform:scale(1.02);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 16px;}
    .bottom-recaptcha-spacer-div{height: 3px;}
}


@media screen and (min-width : 440px) {
    .responsive-text{
      font-size: 18px;
    }

    .responsive-text-large-bold {
      font-size: 30px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 14px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.15);
    -webkit-transform:scale(1.15);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 20px;}
    .bottom-recaptcha-spacer-div{height: 6px;}
}


/* Extra Small Devices, Phones */ 
@media screen and (min-width : 480px) {
    .responsive-text{
      font-size: 18px;
    }

    .responsive-text-large-bold {
      font-size: 30px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 14px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.19);
    -webkit-transform:scale(1.19);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 22px;}
    .bottom-recaptcha-spacer-div{height: 6px;}
}



@media screen and (min-width : 505px) {
    .responsive-text{
      font-size: 18px;
    }

    .responsive-text-large-bold {
      font-size: 30px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 14px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.34);
    -webkit-transform:scale(1.34);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 22px;}
    .bottom-recaptcha-spacer-div{height: 8px;}
}



/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
    .responsive-text{
      font-size: 20px;
    }

    .responsive-text-large-bold {
      font-size: 48px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 13px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.34);
    -webkit-transform:scale(1.34);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 22px;}
    .bottom-recaptcha-spacer-div{height: 8px;}
}

/* Medium Devices, Desktops */
/*@media screen and (min-width : 992px) {*/
@media screen and (min-width : 1050px) {
    .responsive-text{
      font-size: 20px;
    }

    .responsive-text-large-bold {
      font-size: 72px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 14px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.34);
    -webkit-transform:scale(1.34);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 24px;}
    .bottom-recaptcha-spacer-div{height: 8px;}
}


/* Large Devices, Wide Screens */
@media screen and (min-width : 1275px) {
    .responsive-text{
      font-size: 20px;
    }

    .responsive-text-large-bold {
      font-size: 90px;
      font-weight: bold;      
    }

    .header-menu-text{
      font-size: 16px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.34);
    -webkit-transform:scale(1.34);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 28px;}
    .bottom-recaptcha-spacer-div{height: 10px;}

}

/* Extra Large Devices, Wide Screens */
@media screen and (min-width : 1450px) {
    .responsive-text{
      font-size: 21px;
    }

    .responsive-text-large-bold {
      font-size: 90px;
      font-weight: bold;
    }

    .header-menu-text{
      font-size: 19px;
    }

    #rc-imageselect, .g-recaptcha>div>div{
    height: 85% !important;
    transform:scale(1.34);
    -webkit-transform:scale(1.34);
    transform-origin: center left;
    -webkit-transform-origin: center left;
    }

    .top-recaptcha-spacer-div{height: 30px;}
    .bottom-recaptcha-spacer-div{height: 12px;}
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
/* @media screen and (max-width : 1200px) {
    body{font-size: 10px;}

    .class_name {
      font-size: 32px;
      font-weight: bold;
    }
}
*/

/* Medium Devices, Desktops */
/* @media screen and (max-width : 992px) {
    body{font-size: 10px;}

    .class_name {
      font-size: 32px;
      font-weight: bold;
    }
}
*/

/* Small Devices, Tablets */
/* @media screen and (max-width : 768px) {
    body{font-size: 10px;}

    .class_name {
      font-size: 32px;
      font-weight: bold;
    }
}
*/

/* Extra Small Devices, Phones */ 
/* @media screen and (max-width : 480px) {
    body{font-size: 10px;}

    .class_name {
      font-size: 10px;
      font-weight: bold;
    }
}
*/

/* Custom, iPhone Retina */ 
/* @media screen and (max-width : 320px) {
    body{font-size: 10px;}

    .class_name {
      font-size: 10px;
      font-weight: bold;
    }
}
*/
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif; background:#eef3fa;}

a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

img{max-width:100%;}

h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;}
ol, ul{list-style:none;}



/* UPDATE 20180201GLL 20180205GLL - ADDED GENERAL STYLES */
.black_text{color: #262626;}
.mti_blue_text{color: #54bbe7;}
.mti_blue_background{background-color: #54bbe7;}
.ghostwhite_background{background-color: ghostwhite;}
.center_pad_text_for_title{text-align:center; padding:24px 0; border-bottom:1px solid #e5e5e5;}

.rounded_corners{
    border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
}

.rounded_corners_top{
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
    -webkit-border-top-right-radius: 12px !important;
    -webkit-border-top-left-radius: 12px !important;
    -moz-border-top-right-radius: 12px !important;
    -moz-border-top-left-radius: 12px !important;
}

.force_white_text{
    color:#fff !important;
}

.force_mti_blue_text_on_hover_over a:hover, .force_mti_blue_text_on_hover_over button:hover, .force_mti_blue_text_on_hover_over h3:hover{
    color: #54bbe7 !important;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.force_mti_white_text_on_hover_over a:hover, .force_mti_white_text_on_hover_over button:hover{
    color: #fff !important;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.force_mti_blue_background_on_hover_over a:hover, .force_mti_blue_background_on_hover_over button:hover{
    background-color: #54bbe7 !important;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
/*  ======================================== */




.ScrollBox{
  white-space: nowrap;
  overflow: scroll;
  overflow-y: hidden;
}

.breadcrumb{
  background-color: #eef3fa;
}

.no-logs-found{text-align:center;}
.no-logs-found i{font-size:90px; color:#ddd; display:inline-block; margin-bottom:10px; font-weight:400;}
.no-logs-found p{font-size:18px; color:#777;}
.no-logs-found h3{color: #54bbe7; font-size:26px; font-weight:400;}


.modal-popup-info{text-align:center;}
/*.modal-popup-info i{font-size:90px; color:#ddd; display:inline-block; margin-bottom:10px; font-weight:400;}*/
.modal-popup-info p{font-size:18px; color:#777;}
.modal-popup-info h3{color: #54bbe7; font-size:26px; font-weight:400;}


.sbutn-alt{background:#f78d1e; padding: 3px 7px 3px 5px; font-family: 'Roboto', sans-serif; font-weight:bold; color:#fff; text-transform:uppercase; font-weight:bold; border:none; border-radius:5px;}
.sbutn-alt:hover{background:#000;}

.help-btn-link-custom{
  margin-top: 0px;
  margin-right: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}


.float-right{float: right;}
.float-left{float: left;}


.wide_info_display{background:#FFF;
                  max-width: 98%;
                  margin:0 auto;
                  -webkit-box-shadow: 0 0 21px rgba(106,106,106,.13);
                  -moz-box-shadow: 0 0 21px rgba(106,106,106,.13);
                  box-shadow: 0 0 21px rgba(106,106,106,.13);
}


.medium_width_info_display{background:#FFF;
                        max-width:600px;
                        margin:0 auto;
                        -webkit-box-shadow: 0 0 21px rgba(106,106,106,.13);
                        -moz-box-shadow: 0 0 21px rgba(106,106,106,.13);
                        box-shadow: 0 0 21px rgba(106,106,106,.13);
}


.form-control-textarea{
  height:120px;
  width: 100%;
  line-height: 1.35em;
  resize: none;
}


.create-ticket-form-header-padding{
  padding: 12px 12px 12px 5px !important;
}

.remove-top-margin{
  margin-top: 0px;
}


/*login wrap*/
.login-wrap{padding:30px 0;}
.login{background:#FFF; max-width:480px; margin:0 auto; -webkit-box-shadow: 0 0 21px rgba(106,106,106,.13); -moz-box-shadow: 0 0 21px rgba(106,106,106,.13); box-shadow: 0 0 21px rgba(106,106,106,.13);}
.logo{text-align:center; padding:24px 0; border-bottom:1px solid #e5e5e5;}


/* UPDATE 20180201GLL - MODIFIED STYLE TO REMOVE COLOR VALUE! SO THAT THE TEXT COLOR IS NOT FORCED TO BE THIS COLOR INSTEAD OF THE COLOR I CHOOSE USING OTHER STYLING. */
/*.login-wrap h3{font-size:24px; color:#5f5f5f; margin-top:0; font-weight:bold; text-transform:uppercase;}*/
.login-wrap h3{font-size:24px; margin-top:0; font-weight:bold; text-transform:uppercase;}


.login-wrap h3 span{color:#f78d1e;}

.log{padding:25px 36px;}

.formint .input-group {
    width: 100%; padding-bottom:18px;
}
.formint .input-group-addon {font-family: 'Roboto', sans-serif; color:#000;
    display: block;
    background: none;
    padding: 6px 0;
    border: none;
    text-align: left;
}
.conForm .form-control {
    height: 56px;
    /*border-radius: 0px;*/ /* UPDATE 20180205 - COMMENTING THIS LINE OUT BECAUSE WE WANT TO BE ABLE TO APPLY ROUNDED BORDERS ON FORM CONTROLS!! */
	padding: 6px 42px 6px 12px;
}
.input-group i{position: absolute;
    right: 20px;
    z-index: 1000;
    top: 50%;
    font-size: 18px;
    color: #d8d9dc;}
.forgot a{text-decoration:none; color:#54bbe7; font-weight:600;}
.forgot a:hover{color:#f78d1e;}
.logInfo{padding:0px 0 14px 0;}
.forgot{text-align:right;}


/*.sbutn{width:100%; background:#f78d1e; padding:12px 0; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:bold; color:#fff; text-transform:uppercase; font-weight:bold; border:none; border-radius:5px;}*/
.sbutn{width:100%; background:#f78d1e; padding:12px 0; font-family: 'Roboto', sans-serif; font-weight:bold; color:#fff; text-transform:uppercase; font-weight:bold; border:none; border-radius:5px;}


.sbutn:hover{background:#000;}
.sbutn i{padding-left:8px;}
.newuser {
	margin-top:20px;
	text-align: center;
	color: #83868a;
    /* UPDATE 20180131GLL - MODIFIED FONT SIZE TO FIX DISPLAY ON SMALLER BROWSER */
	/*font-size:18px;*/
    font-size:15px;
}
.newuser a {
	font-weight: 600; color:#000; text-decoration:none;
}
.newuser a:hover{color:#f78d1e;}



/*.power{font-size:14px; color:#999999; text-align:center; margin-top:20px;}*/
.power{color:#999999; text-align:center; margin-top:5px;}


.power a{color:#696969; text-decoration:none;}
.power a:hover{color:#f78d1e;}


/*register*/
.register .form-control{height:42px;}
.register .input-group{padding-bottom:10px !important;}
.register .sub-btn{margin-top:12px;}


/*header-wrap*/
.header-wrap{background:#f78d1e; padding:12px 0;}
.header-info{padding-top:26px;}
.email{font-size:16px; color:#fff; float:left; margin-top: 2px; border-right: 1px solid #fff; padding-right: 16px;}
.phoneLogin{float: left;}
.header-wraper .phoneLogin{font-size: 14px; font-weight: bold; font-family: 'Open Sans', sans-serif; color: #FFF; float: right; text-transform: uppercase;}
.header-wrap .phoneLogin a{text-decoration:none; color: #FFF; margin-right: 12px;}
.header-wrap .phoneLogin a:hover{color: #000}
.header-wrap .phoneLogin span{padding-left: 20px;}
.header-wrap .phoneLogin a i{color: #fff;	font-size: 16px; margin-right: 5px;}
.header-wrap .logbtn{font-size:16px; font-weight:bold; position:relative; padding-left:30px;}
.header-wrap .logbtn:before{content: "\f08b"; font-family: 'FontAwesome'; font-size:22px; font-weight:normal; position:absolute; left:0; top:-4px;}
.phone{font-size:16px; font-weight:bold; position:relative; padding-left:36px;  border-right: 1px solid #fff; padding-right:14px;}
.phone:before{content: "\f098"; font-family: 'FontAwesome'; font-size:24px; font-weight:normal; position:absolute; left:0; top:-6px;}
.header-info{float:right;}

.content-wrap{padding:40px 0;}
.heading{font-size:24px; font-weight:bold; color:#000; position:relative; padding-left:45px; border-bottom:1px solid #d6dae1; padding-bottom:20px;}
.heading:before{content:""; background:url(../MTI_images/dashboard-icon.png) no-repeat; position:absolute; top:0; left:0; width:32px; height:32px;}
.heading span{color:#f78d1e;}
.heading span.help{color:#999;}


/* UPDATE 20180131GLL - ADDED STYLES FOR HEADER */
.header-section-title{font-size:16px; color:#fff; font-weight:bold; position:relative; padding-left:4px;  border-right: 1px solid #54bbe7; padding-right:14px; vertical-align: middle;}
.header-item{color:#fff; font-weight:bold; position:relative; padding-left:36px;  border-right: 1px solid #54bbe7; padding-right:14px; vertical-align: middle;}
.header-last-item{color:#fff; font-weight:bold; position:relative; padding-left:36px; padding-right:14px; vertical-align: middle;}

.header-item-match-nav-item-padding{padding: 14px 15px 14px 15px; line-height: 22px;}
.header-div-floater{float: right; height: 10%; width: 100%; margin-bottom: -100px;}
.header-div-center{margin-top: 1%;}
/*  =========================================== */





.services{margin-bottom:40px;}
.services li{margin-top:60px;}
.services li a{text-decoration:none;}

.dashService{
    background:#fff;
    -webkit-box-shadow: 0 3px 8px rgba(2,2,2,.12);
    -moz-box-shadow: 0 3px 8px rgba(2,2,2,.12);
    box-shadow: 0 3px 8px rgba(2,2,2,.12);
    padding:0 25px 25px 25px;
}

.icon{
    background: #C0C0C0;
    display:inline-block;
    width:112px;
    height:116px;
    text-align:center;
    line-height:116px;
    margin-top:-20px;
    -webkit-box-shadow: 7px 7px 7px rgba(2,2,2,.13);
	-moz-box-shadow: 7px 7px 7px rgba(2,2,2,.13);
    box-shadow: 7px 7px 7px rgba(2,2,2,.13);
    float: left;
    margin-right:28px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }

.services li:hover .icon {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}



/* UPDATE 20180205GLL - CHANGING HOVER COLOR TO MTI BLUE! */
/* .services li:hover h3{color:#f78d1e;} */
.services li:hover h3{color:#54bbe7;}




.dashInfo{padding-top:10px;}


.services h3{font-size:18px; font-weight:bold; color:#000; margin-bottom:5px;}
.services p{font-size:13px; color:#696969;}


.phoneForm{padding:30px;}
.phoneForm .form-control{border-radius:0px; height:46px;}
.phoneForm textarea.form-control{height:100px;}
.phoneForm .input-group{padding-bottom:10px;}

.phoneForm .sbutn{margin-top:10px;}



/*23-1-2018*/
.success{text-align:center;}
.success i{font-size:90px; color:#ddd; display:inline-block; margin-bottom:10px; font-weight:400;}
.success p{font-size:18px; color:#777;}
.success h3{color:#61c35b; font-size:26px; font-weight:400;}



@media screen and (max-width: 990px) {
.header-info{padding-top: 12px;}

}

@media screen and (max-width: 767px) {
	.header-logo{text-align:center;}
	.header-info{float:none; text-align:center;}
	.email{float:none; border-right:none;}
	.phoneLogin{float:none; margin-top:10px;}
	
	
}


--