body{    background-image: url(img/apmb_bg2.png); font-family: Lato,arial,sans-serif!important;}
        .page-header, body.page-md { background-color: none; background-image: url(img/apmb_bg2.png); font-size: 16px!important;   }
        .control-label{font-weight: bold!important; color: #555555!important;}
        .page-prefooter{  background-color:  #e5e5e5;   }
        .close{right: 0px!important;}
        .page-prefooter, .footer-links li a{ color:#000!important; }
        .portlet.light{background:none;}
        #id-number .btn-block {  display: block; width: 80%; margin: auto; }
        .green{background: #2ec301!important; border-color: #2ec301!important;}
        .regional-profiles li a::after{margin-right: 0px;}
        select.input-sm{height: 35px;}
        .md-radio-inline .md-radio {  margin-right: 5px; }
        .md-radio label {   padding-left: 25px; }
        .alert {  margin: 0px!important; padding: 8px; }         
        .alert strong { animation: blinker 1s linear infinite; color: red;  }
        .profile-userpic img{border: none!important; border-radius: 10%;    width: 63%!important;    height:150px!important; }
        .btn, .profiles, .profile-sidebar, .panel, .price-block{ box-shadow: 0 0px 5px 0 rgba(0,0,0,.05), 0 0px 10px 0 rgba(0,0,0,0.05)!important;  border: none!important; }
        .profiles:hover{ box-shadow: 0 0px 5px 0 #fbb8b8, 0 0px 10px 0 #fbb8b8!important;  border: none!important; }
        .page-prefooter {   border-top: 1px solid #bfbfbf }
        hr{ border-top: 2px solid #ddd!important;}
        .form-control { padding: 6px 6px!important; border-radius: 5px!important; height: 33px!important;}
        .page-footer {   background: #999;  color: #fff; }
        .page-prefooter h2 { font-weight: bold!important;  text-transform: capitalize!important;   color: #000 !important; }
        li [class*=" fa-"]{padding-right: 15px;}
        .page-prefooter a{color: #000;}
        .select2-selection:active{border: 1px solid green;}
        .match{margin-left: 0px!important;}
        .detailh label{float: none!important;}
        .user-details label {font-size: 12px!important; text-transform: none!important;}
        .user-details .detail{font-size: 13px!important;}
        .profilepic{ margin-top: 0px; margin-bottom: 10px; }
        .lastlogin{text-align: left;color:#666;font-size: 14px;margin: 5px 0 0 5px;font-weight: bold;}
        .quick_search_side label{font-size: 13px!important;}
        .bx-shdw{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)!important; border-radius: 10px!important; margin-bottom: 10px;}
        .cards{margin-top: 3px!important;}
        .profile-sidebar{border-radius: 10px!important; margin-right: 15px!important;} 
        #career_form .form-control { padding: 6px 10px!important; height: 40px!important; }
        #career_form  textarea.form-control{   height: 80px!important;}
        #career_form .form-group{margin-bottom: 30px!important;}
        #career_form .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all){    padding: 10px 20px!important;}
        #career_form a{   font-size: 14px!important;   }
        .panel-default > .panel-heading{color: #555555;}
        .textborder{border:1px solid #3333; margin: 20px 15px;}
        .page-header-menu{ box-shadow: 0px 2px 5px 0px #555 }
        .profile-usertitle-name{font-size: 16px; margin-bottom: 5px;}
        .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus{border-radius: 2px;   border: 1px solid #bfbfbf; width: auto; min-width: 30px;padding: 5px; line-height: 19px;}
        .pagination a{ border-radius: 2px;   border: 1px solid #bfbfbf; width: auto; min-width: 30px;padding: 5px; line-height: 19px;} 
        .tabbable-line > .tab-content, .portlet:not(.light) .tabbable-line{padding: 0px;}
        .pheading{border: 1px solid #ddd;   height: 50px; width: 101%;  margin-left: -1%;  padding: 0px;  border-radius: 5px; margin-bottom: 10px;}
        .pview .fa{font-size: 16px; padding: 0px 2px; }
        .pview { text-align: right; width: 120px; padding:12px 10px;  float: right; border-left: 1px solid #ddd; height: 50px;}
        .phead{  width: 70%; float: left; padding: 10px; height: 50px;}
        .phead h3{  color: #C32143; margin-top: 0px}
        .profile-sidebar-portlet{padding:5px !important; }
        .profile-usermenu ul li a {   font-size: 15px;    padding: 10px 10px; }
        .profile-usermenu {   margin-top: 10px;   padding-bottom: 0px; }
        @keyframes blinker {
          50% {
            opacity: 0.1;
          }
        }
        .water{min-width: 50px!important; opacity: 0.5;}
        .page-header {  height: 125px!important;  }
        .page-header-top {  height: 90px!important; padding-top: 0px!important;   }
        .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu{ width: 360px!important;  max-width: 360px; background: #fff; left: -120px; border-radius: 5px!important; padding:5px 5px 15px 5px!important;    }
        .dropdown-menu li{line-height: 25px;}
        .dropdown-menu label{margin-bottom: 0px; }
        .dropdown-menu label a{font-size: 13px!important;  }
        .dropdown-menu hr{   border-top: 1px solid #ddd!important;  margin: 5px 0px;}
        .dropdown-menu li a{color: #666!important;   padding: 10px 0px!important; font-weight: 400!important;}
        .dropdown-menu li a:hover{color:red; text-decoration: none;padding: 10px 0px!important; }
        .dropdown-menu a, .dropdown-menu a:hover{color: red!important;   text-decoration: none; }

        .profiles ul{ margin: 0px!important;}
        .btn_options{ border-top:#ccc 1.5px solid; padding: 0px; padding-top: 3px;}
        .btn_options a{padding: 8px 5px!important; margin:5px;}
        .pro_view, .pro_view:hover{font-size: 14px; text-decoration: none; line-height: 30px; text-align: center; text-transform: uppercase; clear: both;}
            label span {color: red;}
        .headlog input{  font-size: 12px; border-radius: 3px!important; }
        .headlog div{  padding: 5px; }
        .headlog{margin-top: 8px;}
        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all){ border-radius: 5px; }
        .model-login {  width: 350px!important;   margin: 6% auto!important; }
        .model-login .modal-body{ padding: 10px 35px; }
        .model-login h2{ margin: 20px 0px; }
        .model-login p{ color: #333333!important; }
        .sweet-success{ margin-top:0px!important;  color: #2ec301!important;  }
        .modal.in .modal-dialog{ margin-top: 10%; }
         #myModal p { color: red; text-align: center; margin:30px 0px;  }

        .user-details ul{ padding: 0px; list-style-type: none;}
        .select2-container .select2-selection--single, .select2-container, .select2-container--default .select2-selection--single .select2-selection__rendered {   height: 40px;  line-height: 40px; }
        .select2-container .select2-search--inline .select2-search__field { padding-left: 8px!important;  margin-top: 0px!important;}
        .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-right: 5px;  margin-top: 0px;  padding: 0px; font-size: 14px;}
        .select2-results__options{font-size: 14px;}
        .select2-container--default .select2-selection--single .select2-selection__arrow b{  border-width: 8px 6px 0 6px; }
        .select2-container--default .select2-selection--single .select2-selection__arrow {  height: 40px; position: absolute; top: 0px; right: 0px; width: 35px; }
        .select2-selection--single:active, .select2-search__field:active{border: 1px solid #1d95eb;}
        .select2-container {    height: auto; min-height: 40px;}
        .user-details li label{  float: left; width: 25%; text-align: left; color: #333333; font-size: 13px; font-weight: 500; box-shadow:none!important; padding: 0!important; line-height: 20px!important;
            margin: 0px!important; line-height: 18px; height: 18px;   }
        .user-details li .detail{ float: right; width: 75%; text-align:left;color: #333333;font-size: 13px;font-weight:500; box-shadow:none!important; line-height: 18px;height: 18px; overflow: hidden;  }
        .modal .modal-content {  box-shadow: 0 8px 18px rgb(0 0 0 / 18%), 0 6px 6px rgb(0 0 0 / 23%)!important; }
        .select2-results__group{ font-size: 12px; }

         .user-details2 label{ 
            float: left; 
            width: auto; 
            text-align: left;     
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            box-shadow:none!important;
            padding: 0!important;
            line-height: 20px!important;
            margin: 0px!important;
            line-height: 21px;
            height: 18px;
        }
        .user-details2 .detail{ 
            float: left; 
            width: 100%; 
            text-align: left;     
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            box-shadow:none!important;
            line-height: 21px;
            height: 85px;
            overflow: hidden;
        }
        .profiles {
            width: 31%;
            float: left;
            margin: 1%;
            height: 452px;
            padding: 0px;
        }

        select {
            width: 100%;
            padding: 6px 10px!important;
            height: 40px!important;
            border-radius: 5px!important;
            border: 1px solid #ccc;
            background: #e5e5e542;
            /* reset */
          margin: 0;      
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-appearance: none;
          -moz-appearance: none;

          background-image:
            linear-gradient(45deg, transparent 50%, #888  50%),
            linear-gradient(135deg, #888 50%, transparent 50%),
            linear-gradient(to right, #e5e5e542, #e5e5e542);
          background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            100% 0;
          background-size:
            6px 6px,
            5px 5px,
            0em 0em;
          background-repeat: no-repeat;
          color:#555555;
        }
        .profile-userpic.box2 img {
            border: none!important;
            border-radius: 10%;
            width: 70px!important;
            height: 70px!important;
            margin-top: -25px;   
            float: right;
            margin-right: 10px;
        }
        @media (max-width: 3000px) and (min-width: 1400px)
        {
            .leftproimg{left:29%!important; top:37%!important;}
            .homereg {top:180px!important;}
        }

       @media screen and (min-width: 1024px)
       { 
           .container-fluid{padding: 0px!important;}
           .ads{    width:14.33333%!important;}
           .ads2 {    width: 71.33333%!important;  padding: 0px!important;}
           .profile-sidebar { margin-right: 15px!important;}
           .profiles .col-md-4, .profiles .col-md-8 { padding:5px 8px!important; }
        }

        @media screen and (max-width: 760px)
       { 
            .mh4{font-size: 20px!important;}
            .mh2{text-align: center!important; }
            .mh3 img{width: 150px!important;}
            .container-fluid{padding: 0px!important;}
            .tabbable-line > .nav-tabs > li > a {padding-left: 5px !important; padding-right: 5px !important;  }
            .profile-sidebar { height: 1000px !important;  }
       }

        @media (max-width: 640px)
        {
            .profiles{width: 90%; margin-left: 5%!important; }
            .profiles .text-center{padding: 0px!important;}
        }