/*Global Classes Starts Here*/

*{
    margin: 0;
    padding: 0;
}
html,
body{
    font-family: 'latoregular',sans-serif;
    font-size: 14px;
    color: #333;
    background: #f8f8f8;
}

/*Margin*/
.mg-t5{ margin-top: 5px;}
.mg-t10{ margin-top: 10px;}
.mg-t15{ margin-top: 15px;}
.mg-t20{ margin-top: 20px;}
.mg-t25{ margin-top: 25px;}
.mg-t30{ margin-top: 30px;}
.mg-t35{ margin-top: 35px;}
.mg-t40{ margin-top: 40px;}
.mg-t45{ margin-top: 45px;}
.mg-t50{ margin-top: 50px;}
.mg-t60{ margin-top: 60px;}

.mg-r5{ margin-right: 5px;}
.mg-r10{ margin-right: 10px;}
.mg-r15{ margin-right: 15px;}
.mg-r20{ margin-right: 20px;}
.mg-r25{ margin-right: 25px;}
.mg-r30{ margin-right: 30px;}
.mg-r35{ margin-right: 35px;}
.mg-r40{ margin-right: 40px;}
.mg-r45{ margin-right: 45px;}
.mg-r50{ margin-right: 50px;}

.mg-b5{ margin-bottom: 5px;}
.mg-b10{ margin-bottom: 10px;}
.mg-b15{ margin-bottom: 15px;}
.mg-b20{ margin-bottom: 20px;}
.mg-b25{ margin-bottom: 25px;}
.mg-b30{ margin-bottom: 30px;}
.mg-b35{ margin-bottom: 35px;}
.mg-b40{ margin-bottom: 40px;}
.mg-b45{ margin-bottom: 45px;}
.mg-b50{ margin-bottom: 50px;}

.mg-l5{ margin-left: 5px;}
.mg-l10{ margin-left: 10px;}
.mg-l15{ margin-left: 15px;}
.mg-l20{ margin-left: 20px;}
.mg-l25{ margin-left: 25px;}
.mg-l30{ margin-left: 30px;}
.mg-l35{ margin-left: 35px;}
.mg-l40{ margin-left: 40px;}
.mg-l45{ margin-left: 45px;}
.mg-l50{ margin-left: 50px;}

/*Padding*/
.pd-t5{ padding-top: 5px;}
.pd-t10{ padding-top: 10px;}
.pd-t15{ padding-top: 15px;}
.pd-t20{ padding-top: 20px;}
.pd-t25{ padding-top: 25px;}
.pd-t30{ padding-top: 30px;}
.pd-t35{ padding-top: 35px;}
.pd-t40{ padding-top: 40px;}
.pd-t45{ padding-top: 45px;}
.pd-t50{ padding-top: 50px;}

.pd-r5{ padding-right: 5px;}
.pd-r10{ padding-right: 10px;}
.pd-r15{ padding-right: 15px;}
.pd-r20{ padding-right: 20px;}
.pd-r25{ padding-right: 25px;}
.pd-r30{ padding-right: 30px;}
.pd-r35{ padding-right: 35px;}
.pd-r40{ padding-right: 40px;}
.pd-r45{ padding-right: 45px;}
.pd-r50{ padding-right: 50px;}

.pd-b5{ padding-bottom: 5px;}
.pd-b10{ padding-bottom: 10px;}
.pd-b15{ padding-bottom: 15px;}
.pd-b20{ padding-bottom: 20px;}
.pd-b25{ padding-bottom: 25px;}
.pd-b30{ padding-bottom: 30px;}
.pd-b35{ padding-bottom: 35px;}
.pd-b40{ padding-bottom: 40px;}
.pd-b45{ padding-bottom: 45px;}
.pd-b50{ padding-bottom: 50px;}

.pd-l5{ padding-left: 5px;}
.pd-l10{ padding-left: 10px;}
.pd-l15{ padding-left: 15px;}
.pd-l20{ padding-left: 20px;}
.pd-l25{ padding-left: 25px;}
.pd-l30{ padding-left: 30px;}
.pd-l35{ padding-left: 35px;}
.pd-l40{ padding-left: 40px;}
.pd-l45{ padding-left: 45px;}
.pd-l50{ padding-left: 50px;}

.min-height530{ min-height: 530px;}
.disabled{
    pointer-events: none;
}

.latobold{
    font-family: 'latobold';
}

.blue-color{
    color: #002060;
}
.grey-color{
    color: #666;
}

/*Global Classes Ends Here*/

/* Change autocomplete styles in webKit starts here */
@-webkit-keyframes autofill {
    to {
        color: #000;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
/* Change autocomplete styles in webKit ends here */


/*Custom Css Starts Here*/

/*Navbar*/
.navbar-default{
	background-color: #002060;
	border: 0;
}

.navbar-default .navbar-brand{
	color: #fff;
}
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus{
	color: #3c9d9b;
}
.navbar-default .navbar-nav > li > a{
	color: #fff;
    padding: 17px 20px 15px 20px;
    line-height: 30px;
    height: 60px;
}
.navbar-default .navbar-nav > li > a i{
	width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 30px;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus{
	/*color: #3c9d9b;*/
    background-color: #3c9d9b;
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{
	color: #fff;
    background-color: #3c9d9b;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
    color: #fff;
    background-color: #3c9d9b;
}
/*Notification Bell Css Starts Here*/
.navbar-default .navbar-nav > li > a.notifaction-bell{
	position: relative;
}
.navbar-default .navbar-nav > li > a.notifaction-bell .notifaction-count{
    position: absolute;
    top: 14px;
    right: 11px;
    background: #ec5f50;
    font-family: 'latoregular', sans-serif;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 2px;
}
.navbar-default .navbar-nav > li > a.help-tooltip-link + .tooltip{
    font-size: 11px;
    font-family: 'latomedium', sans-serif;
    letter-spacing: 0.5px;
    min-width: 200px;
}
.navbar-default .navbar-nav > li > a.help-tooltip-link + .tooltip .tooltip-inner{
    background-color: #162135;
}
/*Notification Bell Css endt Here*/


/*Dropdown Css Starts Here*/
.navbar-nav > li > .dropdown-menu{
	border: 0;
	/*padding: 0;*/
	border-radius: 0;
}
.navbar-nav > li > .dropdown-menu li{
	padding: 0 15px;
}
.navbar-nav > li > .dropdown-menu li a{
	border-bottom: 1px dashed #eee;
	padding: 5px 0px;
	font-size: 12px;
    letter-spacing: 0.3px;
}
.navbar-nav > li > .dropdown-menu li a i{
	margin-right: 5px;
    width: 14px;
}
.navbar-nav > li > .dropdown-menu li:last-child a{
	border-bottom: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #3b9c9b;
    text-decoration: none;
    background-color: transparent;
}
/*Dropdown Css Ends Here*/

/*Navbar Brand*/
.navbar-brand{
    padding: 9px 15px 9px 15px;
    width: 200px;
    height: 60px;
}
.navbar-brand > img{
    width: 100%;
    height: auto;
}
.navbar-form{
    margin: 16px 0 15px 0;
}

.answer-box .radio label{
    background: #fff;
    width: 100%;
    padding: 5px 10px 5px 30px;
}

/*Custom Css Ends Here*/


/*Media Queries Starts Here*/

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

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

}
@media only screen and (max-width: 992px){
    
}
@media only screen and (max-width: 767px){
    .navbar-default .navbar-toggle{
        margin-top: 13px;
        margin-bottom: 13px;
        border-color: #7acccf;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:hover, 
    .navbar-default .navbar-toggle:focus{
        background-color: #7acccf;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form{
        border-color: #7acccf;
    }
    .navbar-collapse .navbar-nav{ margin: 0px -15px;}
    .navbar-collapse .navbar-nav > li{ margin-bottom: 1px;}
    .navbar-collapse .navbar-nav > li > a{
        padding: 10px 15px 10px 15px;
        line-height: normal;
        height: auto;
        text-align: right;
    }
    .navbar-collapse .navbar-nav > li > a i{
        line-height: normal;
    }
    .navbar-collapse .navbar-nav .open .dropdown-menu > li > a{
        padding: 5px 15px 5px 0px;
        color: #fff;
        letter-spacing: 0.5px;
        text-align: right;
    }
    .navbar-collapse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-collapse .navbar-nav .open .dropdown-menu > li > a:focus{
        color: #3c9d9b;
    }    
    .navbar-default .navbar-nav > li > a.help-tooltip-link + .tooltip{
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
    }
    .navbar-default .navbar-nav > li > a.help-tooltip-link + .tooltip .tooltip-inner{
        max-width: 100%;
    }

}
@media only screen and (max-width: 600px){
    
}
@media only screen and (max-width: 480px){
    
}

/*Media Queries Ends Here