﻿@import url('https://fonts.googleapis.com/css?family=Oswald:700');
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Lato');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'calibri',sans-serif;font-size:1em;line-height:1.5;color:#212529;text-align:left;background-color:#f0f0f0}
a{text-decoration:none;transition:all .2s ease-in-out 0s;}
.float-left{float:left;}
.float-right{float:right;}
.col-100{width:100%;}
.col-33{width:33%;float:left;padding-right:15px;padding-left:15px;}
.col-50{max-width:50%;float:left;}
.col-25{width:25%;float:left;padding-right:15px;padding-left:15px;}
.col-60-auto{width:60%;margin:0 auto;padding-right:15px;padding-left:15px;}
.col-66{width:66%;float:left;padding-right:15px;padding-left:15px;}
.col-67{width:67%;float:left;}
div:after{content:'';display:block;clear:both;}
.col-50,.col-25{position:relative;width:100%;min-height:1px;}
img{max-width:100%;vertical-align:middle;border-style:none;}
ul,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-family:'Oswald',sans-serif;line-height:1;word-break:break-word;margin-bottom:.8em}
h1{font-size:25px}/*52*/

h2{font-size:40px;}h3{font-size:30px;}h4{font-size:20px;}h5{font-size:16px;}h6{font-size:14px;}
.text-center{text-align:center !important;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.grey{color:#323232;}
.container{width:90% !important;margin:0 auto;}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.top-row{height:40px;background:#26b0c0;line-height: 40px !important;}
.top-row a{color:#fff;}
.top-row a:hover{color:#81e7f3;}
.header-row.large {
    height:100px; background-color:#fff;transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
}
.header-row.small {
    height: 70px;
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeef;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.header-row.small .mpo-logo {
    padding-top:5px;
    height: 52px;transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
}
.header-row.small .dept-logo {
    padding-top: 5px;
    height: 62px;transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
}
.header-row {background-color:#fff;border-bottom:1px solid #eeeeef;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:background .2s ease-in-out 0s,margin .6s ease-in-out 0s;}
.float-left .divided-content a:first-child::after{content:"|";display:inline-block;padding:0 15px;color:#fff}
.divided-content a.blink_text:hover{animation:none;}
.fixed{width:100%;position:fixed;z-index:999999;top:0;left:0;}
.dept-logo{padding-top:15px;}.mpo-logo{padding-top:21px;}
.banner-row {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/banner-bg.jpg);
height: 285px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
}
.banner-row h2{text-align:center;padding-top:52px;color:#fff;font-size:32px;}
.scroll_button{position:absolute;left:50%;bottom:29%;width:60px;height:60px;border-radius:50%;text-align:center;color:#323232!important;background-color:#fff;box-shadow:2px 0 20px rgba(0,0,0,0.2);-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:2;}
.scroll_button::before{content:"\f107";font-family:FontAwesome;line-height:60px;}
.about-section{background-color:#f1f2f7;padding:200px 0 0;}
.section_header.with_icon::before{content:"\f015";font-family:FontAwesome;font-size:28px;color:#26b0c0;display:block;margin-bottom:10px;}
.scroll_button:hover{-webkit-transform:translate(-50%,60%);transform:translate(-50%,60%)}
.imp_link {margin: 10px 0 0;padding: 50px;text-align: center;background-color: #ececed;}
.contact-section .section_header.with_icon::before{content:"\f095";font-family:FontAwesome;font-size:28px;color:#26b0c0;display:block;margin-bottom:10px;}
.contact-section .scroll_button:hover{-webkit-transform:translate(-50%,60%);transform:translate(-50%,60%)}
.section_header{margin:0 0 20px;margin-top:0;font-size:40px;position:relative;word-wrap:break-word}
.section_header+.small-text{margin-top:-35px;margin-bottom:40px;}
.about-para{color:#808080;text-align:center;padding: 3px 0;}
.pdf-col-cover {
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/bg_pdf_outer.jpg);
padding: 0 0 50px;
background-attachment: fixed;
}
.pdf-section{background-color:#fff;padding:0;transition:background .2s ease-in-out 0s,margin .6s ease-in-out 0s;background-repeat: no-repeat;background-size: cover;position: relative; padding-bottom:20px;}
.pdf-col-section{padding:100px 0 0;}
.pdf-links-content{background-color:#fff;padding:20px;min-height:250px;border:1px solid rgba(0,0,0,.125);}
.circle-icon{width:2.86em;height:2.86em;margin-top:-70px;margin-bottom:25px;margin-right:auto;margin-left:auto;text-align:center;vertical-align:bottom;font-size:28px;line-height:1;transition:all .2s ease-in-out 0s;background-color:#26b0c0;border-radius:50%;}
.pdf-col-section .col-25,.col-50{margin-top:20px;margin-bottom:20px;padding-right:15px;padding-left:15px;}
.circle-icon i{line-height:2.86em;color:#fff;}
.pdf-links-content h4{text-align:center;font-family:'Poppins',sans-serif;color:#323232;font-size:20px;margin-bottom:25px;}
.pdf-links-content .pdf-content-subpara{margin-top:-22px;margin-bottom:20px;font-size:14px;text-align:center;color:#aaa;}
.pdf-links-content:hover .circle-icon{box-shadow:0 0 50px rgba(0,0,0,0.2);z-index:2;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.5);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.5);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.5);transition:all 200ms ease-in;transform:scale(1.5);}
.pdf-links-content a{display:block;padding: 7px 15px;background:#f3f3f3;border-radius:3px;color:#292929;position:relative;margin-bottom:5px;list-style:none;font-size:15px;text-indent: -9px;}
.pdf-links-content a:hover{translition:2s;background-color:#e3e3e3;}
.pdf-links-content a:before{content:"\f105";font-family:FontAwesome;color:#26b0c0;display:inline;margin-bottom:10px;}
.search-section{width:100%;}
.search-content{margin:0 auto;padding:20px;background-color:rgba(255,255,255,0.8);webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:background .2s ease-in-out 0s,margin .6s ease-in-out 0s;background-repeat:repeat;border-radius:5px;}
.search-content .col-50 { margin:0; padding:0;}
.list-table{width:100%;}
.list-table td{padding:7px;}

.list-table td:nth-child(3){width:15%;}
.list-table td:nth-child(4){width:35%;}
.list-table .form-group{position:relative;}
.list-table .form-group.left-icon input{padding-left:38px;}
.form-control{width:100%;height:34px;padding:6px 12px;padding-left:12px;font-size:14px;line-height:1.42857143;color:#555;background-image:none;border:1px solid #ccc;border-top-color:#ccc;border-right-color:#ccc;border-bottom-color:#ccc;border-left-color:#ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-group.left-icon i{position:absolute;pointer-events:none;top:7px;left:10px;font-size:1.2em;color:#ddd;}
.form-group select{height:40px;}
.form-group select{-webkit-appearance:none;-moz-appearance:none;}
.form-group.right-icon i{position:absolute;pointer-events:none;top:7px;right:11px;font-size:1.2em;color:#ddd;}
 
.btn{height:30px;padding:8px 45px;background-color:#ffc84b ;border-radius:0;border:0;font-size:14px;text-transform:uppercase;font-family:'Lato',sans-serif}
.btn:hover {background-color: #26b0c0 ; cursor:pointer;color:#fff;}
.search-content h2{margin:0;padding:0 0 10px;font-size:27px;font-weight:lighter;color:#212529;text-align:left;}
.search-content input[type="radio"]{margin:0 10px;}
@media only screen and (max-width:999px){.col-66, .col-67,.col-33{width:100%;float:none;display:block;}
.pdf-col-section .col-25,.col-50{max-width:100%;float:none;display:block;}
.pdf-links-content {margin:20px 0;}
.banner-row{height:auto;padding-bottom:20px;}
.about-section{background-color:#f1f2f7;padding:30px 0 50px;}
.mpo-logo{display:none;}
.signup-section table td{width:100%!important;display:block;}
.wrapper{height:auto!important;}
.wrapper .container{height:auto!important;}
.signup-section .col-50{padding-top:20px;}
.table td{ width:100% !important; display:block; margin-top:-1px;}
.instruction-section {min-height: 100% !important;}
.bottom-joint { display:none;}
.search-content .col-50 { text-align:center;}
.login-section .col-50 {  margin: 0;padding: 10px !important; text-align:center;}
.login-form input[type="text"], .login-form input[type="password"] {margin:0 !important;}
.login-image{ display:none;}
.login-btn { padding:20px 0;}
.login-section .col-50{ width:100%; text-align:center;}
.login-section .col-50{ width:100%; text-align:center;}
.login-section .col-50 h2 {padding-top: 0 !important;}
.login-details .float-right { float:none !important;}
.login-details .float-left { float:none !important;}
.change_pass, .signuout {text-align: center !important;float:none !important;}
.right_logout_option {float: none !important;}
.login-details p { text-align:center !important;}}
@media only screen and (max-width:599px) and (min-width:320px){.list-table td{width:100%!important;display:block;}
.list-table tr:nth-child(1) td{display:block!important;}
.list-table td:nth-child(1){display:none;}
.list-table td:nth-child(2){width:35%;}
.list-table td:nth-child(3){display:none;}
.list-table td:nth-child(4){width:35%;}
.col-60-auto{width:90%;}
.top-row{height:auto;}}
.animatable{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
.blink_text{animation:blinker 5s linear infinite}
@keyframes blinker{50%{opacity:0}
}.footer{padding:10px;text-align:center;color:#fff;background-color:#0e97a7 !important;}
.animated{visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running}
@-webkit-keyframes fade_in{0%{opacity:0}
100%{opacity:1}
}@keyframes fade_in{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes fade_out{0%{opacity:1}
100%{opacity:0}
}@keyframes fade_out{0%{opacity:1}
100%{opacity:0}
}@-webkit-keyframes fade_in_up{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
}@keyframes fade_in_up{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
}@-webkit-keyframes fade_in_up_big{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
}@keyframes fade_in_up_big{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
}@-webkit-keyframes fade_in_left{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}
100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}
}@keyframes fade_in_left{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}
100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}
}@-webkit-keyframes fade_in_right{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}
100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}
}@keyframes fade_in_right{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}
100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}
}.animate{-webkit-animation-duration:1250ms;animation-duration:1250ms;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate-fast{-webkit-animation-duration:500ms;animation-duration:500ms}
.fade-in{-webkit-animation-name:fade_in;animation-name:fade_in}
.fade-out{-webkit-animation-name:fade_out;animation-name:fade_out}
.fade-in-up{-webkit-animation-name:fade_in_up;animation-name:fade_in_up}
.fade-in-up-big{-webkit-animation-name:fade_in_up_big;animation-name:fade_in_up_big}
.fade-out-down{-webkit-animation-name:fade_out_down;animation-name:fade_out_down}
.fade-in-left{-webkit-animation-name:fade_in_left;animation-name:fade_in_left}
.fade-in-right{-webkit-animation-name:fade_in_right;animation-name:fade_in_right}
@-webkit-keyframes animate_gradient{0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}@keyframes animate_gradient{0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}.wrapper{padding-top:16px;min-height:100vh;}
.wrapper .container{}
.page-title{background-color:#b5e0e6;}
.page-title h3{padding:20px;font-size:1.3em;}
.instruction-section{background-color:#26b0c0; color:#fff;padding: 30px 10px 0 10px;}
.form-group.left-icon i{position:absolute;pointer-events:none;top:7px;left:10px;font-size:1.2em;color:#ddd;}
.signup-section{min-width:310px;min-height:570px;margin: 0 auto;padding:0;background-color:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:background .2s ease-in-out 0s,margin .6s ease-in-out 0s}
.signup-section h5{font-size:1.2em;margin:0;padding:10px;font-family:'Poppins',sans-serif}
.signup-section .signup-control{display:block;width:100%;height:34px;padding-left:35px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-top-color:#ccc;border-right-color:#ccc;border-bottom-color:#ccc;border-left-color:#ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.signup-details{background-color:#fff;min-height: 546px;padding: 30px 10px 0 10px;}
.signup-group.left-icon i{position:absolute;pointer-events:none;top:7px;left:10px;font-size:1.2em;color:#ddd;}
.signup-group select{-webkit-appearance:none;-moz-appearance:none}
.signup-group.right-icon i{position:absolute;pointer-events:none;top:7px;right:11px;font-size:1.2em;color:#ddd;}
.signup-group.left-icon i{position:absolute;pointer-events:none;top:7px;left:10px;font-size:1.2em;color:#ddd;}
.signup-group{position:relative}
.signup-section table td{padding:4px;width:50%}
.signup-group select{-webkit-appearance:none;-moz-appearance:none;}
.signup-group.right-icon i{position:absolute;pointer-events:none;top:7px;right:11px;font-size:1.2em;color:#ddd;}
.signup-group input[type="radio"]{margin:0 5px;}
.signup-details table { width:100%;}
.check{color:#26b0c0;font-size:.8em;}
.signup-section ul{padding:20px 20px 20px 30px;}
.signup-section ul li{list-style-type:circle;font-size:.9em;}
.signup-section .col-33 {padding:0;}
.login_home_content .pdf-links-content table{width:100%}
.login_home_content .pdf-links-content table td{width:50%;}
.login_home_content .pdf-links-content table td .btn{margin-top:20px;color:#fff;}
.mponline_call a::before{content:none!important;}
.login-details { padding:15px; background-color:#f2f2f2; border-radius:5px 5px 0 0; }
.login-details p{ margin:0;text-align: left; font-weight: 300; font-size: 1.1em; color: #666;}
.loggedin {font-style: italic; font-size: 0.7em;}
.right_logout_option { float:left;}
.right_logout_option a { display:inline-block; text-align:center;color:#666;}
.login-details-icon, .signout-details-icon{width:50px; height:50px; margin:0 auto; padding-top:10%;border-radius:50%; border:1px solid #ddd; background-color:#fff;}
.login-details-icon:hover, .signout-details-icon:hover {border-bottom: 1px solid #eeeeef;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: background .2s ease-in-out 0s,margin .6s ease-in-out 0s;}
.login-details-icon i {color:Red;padding-top:0%; font-size:1.4em;}
.signout-details-icon i {color:Red; padding-top:15%; font-size:1.4em;}
.change_pass, .signuout {text-align:center; float:left; padding:0 20px;}
.change_pass:hover a, .signuout:hover a, .change_pass:hover i, .signuout:hover i{ color:#26b0c0;}
.login-details .col-50 {margin-top: 0;margin-bottom: 0;}
/* Form Table Styles */
.form-outer { background-color:#fff; padding:20px;}

/******************
Table format Starts From Here 
****************************/
.tabcontent h3 {padding: 20px 0;color: #666;font-weight: normal;font-size: 1.5em;}
.table{width: 100%;margin: 0 0 10px;border-collapse: collapse;}
.table th{padding: 8px;background-color: #b2d7db;border: #ddd 1px solid;font-size: 1.2em;color: #383838;margin: 0 0 0 0;font-weight: normal;text-align: left;}
.table td{padding: 4px;border: #eee 1px solid;text-align: left; font-size:.9em;}
.table tr{background: #fafafa;}
.table tr:nth-child(odd){background: #FBFBFB;}
.table tr:nth-child(even){background: #f7f7f7;}
.table4 td{width: 25%;}.table5 td{width: 20%;}.table6 td{width: 16.66%;}
/* fields */
.table td input[type="text"]{width: 95%; margin:0 !important;padding: 7px !important;border-radius: 4px;background-color: #fff;border: #ddd 1px solid;}
.table td input:focus{outline: none;box-shadow: 0px 0px 5px #ddd;border: #ddd 1px solid;}
.table td input:hover{border-radius: 5px;}
.table td select{width: 95%;margin:0 !important;padding: 7px !important;border-radius: 4px;background-color: #fff;border: #ddd 1px solid;}
.table td select:focus{outline: none;box-shadow: 0px 0px 5px #61C5FA;border: #ddd 1px solid;}
.table td select:hover{border: #ddd 1px solid;}
.table td textarea{width: 95%;padding: 7px;border-radius: 4px;background-color: #fff;border: #ddd 1px solid;}
.table td textarea:focus{outline: none;box-shadow: 0px 0px 5px #ffd0b4;border-color: #ffd0b4;}
textarea:hover{border: 1px solid #ffd0b4;border-radius: 5px;}
/* button css designs */
.btn-orange { background-color:#ffbf4b !important;color:#fff;}.btn-red { background-color:Red;color:#fff;}
.btn-orange:hover { background-color:#f8af2b !important;}.btn-red:hover { background-color:#c00606;}
.btn:hover{border: none;
           cursor: pointer;}
.bottom-joint{background-color: #26b0c0; background-size:100%;}
/* login Style css */
.login-section {margin: 0 auto;padding:20px 100px;background-color: #fff;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                -moz-box-shadow: 0 2px 5px rgba 0,0,0,0.1);box-shadow: 0 2px 5px rgba(0,0,0,0.1);transition: background .2s ease-in-out 0s,margin .6s ease-in-out 0s;}
.login-section .col-50 { margin:0; padding:10px 10px 10px 0;}
.login-section .col-50 h2 { margin:0; padding-top:50px;padding-bottom:10px;font-family:'Poppins',sans-serif;font-style: italic;}
.login-section .col-50 p {font-family:'Poppins',sans-serif;font-style: italic;}
.login-form input[type="text"],.login-form input[type="password"]{ width: 100%;padding: 10px;background-color: #ecc7c1;border: none; margin:0 0;
 transition: background .2s ease-in-out 0s,margin .6s ease-in-out 0s;}
.login-form select{ width: 100%;padding: 10px;background-color: #ecc7c1;border: none; margin:0 0;
 transition: background .2s ease-in-out 0s,margin .6s ease-in-out 0s;}
.login-form input[type="text"]:focus,.login-form input[type="password"]:focus{ width: 100%;padding: 10px;background-color: #bedfe3;border: none; 
font-weight:bold;}
.reg_link, .forgot_link {  color:#666; font-size:15px;}
.reg_link:hover, .forgot_link:hover {color: #26b0c0;}
/* contact us */
.contact-section {background-color: #f1f2f7;padding:20px 0 0;}
.address-content { padding-bottom:20px;}
.address-content strong { font-size:1.5em;}.address-content p { display:block; padding:0px; font-size:16px;}


/* Button */
.button {
background: #de6161;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #2657eb, #de6161);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #2657eb, #de6161); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
  -webkit-border-radius: 10px;
  border: none;
border-radius: 5px;
box-shadow: 0 4px #cbcbcb;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
.button:hover {
background: #de6161;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2657eb, #de6161);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2657eb, #de6161); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.border_none{
font-weight: normal;
border: none !important;
box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
color: #000;
}
.text_left{
text-align:left;}
/***********User Manaul Botton Start*************/
html {
  scroll-behavior: smooth;
}


.user_manualbtn {
    width:40px;
    height:50px;
    margin:0;
    color:#fff;
    font-size:28px;
    padding:5px;
    position:absolute;
    right:0;
    top:170px;
   background-color: #26b0c0;
    text-align: center;
    border-radius:5px 0px 0px 5px;
    cursor:pointer;
}

    .user_manualbtn a {
        cursor:pointer;
        color:#fff;
    }


    /***********User Manaul Botton End*************/

  /***************Pop up Start*****************/



.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}



.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index: 999999;
}

.popup {
  margin: 150px auto;
 padding: 0 0 20px 0;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: -10px;
  right: 5px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .close:hover {
  color:#ffbf4b;
}
.popup .content_popup {
    margin:0 auto;
  overflow: auto;
  width:100%;
  padding:0 15px;
}

.login_headmain {
    width:100%;
    margin:0;
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
    border-bottom:1px solid #ddd;
    font-size:20px;
    background-color:#26b0c0;
    color:#fff;
    border-radius: 5px 5px 0px 0px;
}

.margn_tpbtm {
    margin:15px 0;
}

.margn_tpbtm25 {
    margin:25px 0
}

@media screen and (max-width: 999px) and (min-width: 768px){
  .box {
        width: 50%;
    }

    .popup {
        width: 50%;
    }
}


@media screen and (max-width: 767px) and (min-width: 320px) {


    .box {
        width: 70%;
    }

    .popup {
        width: 70%;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1000px) 
{
    .box {
        width: 40%;
    }

    .popup {
        width: 40%;
    }
}

/*****************Pop Up End******************/


.track_head {
    width:100%;
    margin:0;
    padding:5px 0;
    font-size:20px;
    background-color:#f3f3f3;
    text-align:center;
}

.track_formcontrl {
    width: 90%;
    margin: 30px auto;
}



.btn_search {
    width:95% !important;
    padding:15px 45px;
    height:50px;
    border-radius:8px;
    letter-spacing:1px;
    font-size:15px;
}


.pdf-links-content input[type="text"] {
  width: 95%;
  border: 1px solid #e1edef;
  border-radius: 8px;
  margin: 8px auto;
  outline: none;
  padding: 8px 2px;
  box-sizing: border-box;
  transition: 0.3s;
  height:55px;
  font-size:15px;
}

.pdf-links-content input[type="text"]:focus {
 border-color: #dfebec;
    box-shadow: 0 0 8px 0 #dfebec;
}

.inputWithIcon input[type="text"] {
  padding-left: 40px;
}

.inputWithIcon {
  position: relative;
}

.inputWithIcon i {
  position: absolute;
  left: 0;
  top: 17px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
  left:16px;
  font-size:20px;
}

.inputWithIcon input[type="text"]:focus + i {
  color: dodgerBlue;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i {
  color: #fff;
  background-color: dodgerBlue;
}


.bg_colorsearch {
    background-color:#eefbfd;
    min-height:378px;
}

.mrgn_top30 {
    margin-top:30px;
}

.mrgn_top40 {
    margin-top:40px;
}

/*************************Right Side Sticky Starts**************************/




/* Floating Social Media Bar Style Starts Here */

.float-sm .fl-fl {
    border-radius:5px 0 0 5px;
  text-transform: uppercase;
  padding: 4px 0;
  width: 220px;
  position: fixed;
  right: -176px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  font-size:14px;
}

.float-sm  .fa {
 font-size: 28px !important;
    color: #fff;
    width: 35px;
    margin-left: 8px;
    line-height: 42px;
}

.float-sm  .fl-fl:hover {
  right: 0;
}

.float-sm  .fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;
  font-size:15px;
}

.float-track {
  top: 160px;
  background-color:#26b0c0;
}

.float-acts {
  top: 215px;
  background-color:#ffbf4b;
}

.float-umanual {
  top: 270px;
  background-color:#ff0000;
}

.float-contact {
  top: 325px;
   background-color:#5dbb23;
}


/* Floating Social Media Bar Style Ends Here */


/*****************Right Side Sticky Ends*******************************/

.captcha_area {
    width:85%;
    margin:20px auto;
    padding:0;
    border:1px solid #ddd;
    height:80px;
}

.pop_usrid {
    padding:12px 10px;
    height:40px;
    width:85%;
    margin:20px auto;
    display: block;
    height: 34px;
    padding: 6px 12px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border-top: none;
    border-right: none;
    border-left: none;
    outline: none;
        border-bottom: 2px solid #26b0c0;
}
#txtTrackApp_TrackMsg{
float:left;
background-color: #fff;
    box-shadow: 0 0 4px #8e8e8e;
    border-radius: 10px;
    padding: 20px 10px !important;
}
.btn_trackinner{
color: #000;
background-color: #f3f3f3;
border-color: #f3f3f3;
text-align:left;
padding: 8px 10px;
}.margin_tpbtm0{
margin-top:0;
margin-bottom:0;
}
.FnD_Subhead{
width:100%;
margin:0;
padding:6px 0;
color:#fff;
background-color: #26b0c0;
}
.FnD_Subhead a 
{
    color:#fff;
cursor: Pointer;
}
.FnD_Subhead a:hover {color: #ececec;
cursor: pointer;
}
.inpt_fsform{
width:320px !important;
}



/* 21.01.2021 */
.Notice {

    list-style-position:inside;
}