/* * HEADSHOT * */
.daterangepicker td.active, .daterangepicker td.active:hover{color:#FFF !important;}
.forced.enlarged .mdi-menu:before {content: "\F35C" !important;}
.forced .mdi-menu:before {content: "\f156" !important;}
.intl-tel-input {position: relative;display: inline-block;width: 100%;}
.right-info-div {float: left;width: 55%;}
.info-box.danger {background: #1c4e80 !important;border: 1px solid #1c4e80 !important;}
.info-box.info {background: #0091d5 !important;border: 1px solid #0091d5 !important;}
.info-box.warning {background: #ea6a47 !important;border: 1px solid #ea6a47 !important;}
.info-box.success {background: #7e909a !important;border: 1px solid #7e909a !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #425868 !important;}
legend,label{color: #425868 !important;}
.alert-title span {color: #6b7d8c !important;opacity: 0.7;}
#dashboardCtrl .card-box a {color: #ea6a47;}
.progress {background-color: #f1f4f5 !important;}
th.ark-th-cls{color: #6b7d8c !important;}
p.inbox-item-text {color: #6b7d8c !important;}
.inbox-widget .inbox-item .inbox-item-date{color: #6b7d8c !important;}
.col-md-5 .card-box .progress-bar{background: #0091d5 !important;}
.ark-tbl-border p {color: #6b7d8c !important;}
.table td {padding: 16px 12px !important;}
.form-group.text-right {margin: 15px auto;}
td {color: #6b7d8c !important;}
td .btn-group i{color: #6b7d8c !important;}
.table-colored.table-inverse thead th {background-color: #7e909a !important;padding: 10px 10px !important;}
.table a.prop-title {color: #0091d5;}
.headshot-block{display: inline-block;margin: 15px 0;width: 100%;position: relative;}
.profile_pic_container{width: 250px;height: 200px;display: block;position: relative;float: left;border-radius: 50%;overflow: hidden;box-sizing: border-box;margin-bottom: 8px;}
.profile_pic-inner_shadow {display: block;position: absolute;top: 0;width: 100%;height: 100%;box-shadow: inset 0 0 10px -3px #424242;border-radius: 50%;z-index: 1;}
#profile_pic{width: 100%;height: 100%;display: block;border-radius: 50%; z-index:0;}       
#profile_pic_preview{width: 250px;height: 200px;overflow: hidden;margin: 10px auto;}
#crop_control{height: 36px;overflow: hidden;}
.preview_wrapper{width:100%; display: block;height: 200px;}
#crop_profile_pic {width: 150px;background: #0072b9;color: #fff;bottom: 36px;cursor: pointer;text-align: center;box-sizing: border-box;padding: 10px 15px;margin: 40px auto;position: relative;} 
#cropper_area{padding: 0;margin: 0;float: left;box-sizing: border-box;width: 500px;position: relative;}
#preview_area{box-sizing: border-box;padding: 0 0 0 15px;margin: 0;display: inline-block;float: left;width: 300px}
h3.title{text-align: center;margin-top: 0;font-size: 100%;font-weight: bold;}
#profile_pic_crop{display: table;position: relative;padding: 0;margin: 10px 20px 20px 20px;}
#profile_pic_crop h4{text-align: center;}
#profile_pic_crop hr.style-two {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
#new_profile_pic{max-width: 100%;}
#cropper_box{position: relative;width: 100% !important;height: 100% !important;display: block;overflow: hidden;}
#cropper_box img{width: 100%;height: 100%;}
#profile_pic_crop .btn-group{display: table;margin: 5px auto 0;overflow: hidden;}
#profile_pic_crop .btn {display: inline-block;padding: 5px 10px;background: #0072b9;border: none;color: #fff;cursor: pointer;font-size: 100%;height: 31px;box-sizing: border-box;}
.fancybox-skin{height: auto !important;}
#loader {position: absolute;z-index: 999;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");color: #0072b9;text-align: center;vertical-align: middle;width: 100%;height: calc(100% - 90px);display: block;left: 0;top: 56px;overflow: hidden;text-shadow: 0 0 15px #E1CDC6;}
#loader span{display: block; top: 50%;position: relative;margin-top: -21px;}
#clear_profile_pic {font-size: 12px;cursor: pointer;display: inline-block;width: 40%;text-align: center;box-sizing: border-box;float: left;}
#clear_profile_pic:hover{background: #eaeaea;}
.spinner{display:none;}
.applying_changes .spinner{background: rgba(93, 171, 69, 0.5);display: block;position: absolute;width: 100%;color: #fff;bottom: 0;text-align: center;height: 100%;line-height: 180px;font-weight: bold;font-size: 18px;text-shadow: 0 0 5px #000;transition: all 0.5s;z-index: 0;border-radius: 50%;}
#upload_file{display: none;}
.ie_disclaimer{font-size: 11px;display: none;margin-bottom: 5px;}
.img-wrapper{display: inline-block;position: relative;width: inherit;height: inherit;overflow: hidden;margin-top: 10px;}
.img-loader{position: absolute;width: 100%;background: rgba(255, 255, 255, 0.5);height: 100%;z-index: 9;display: none;}
.img-loader .ball-fall{background: none;visibility: visible;opacity: 1;color: #0072b9;}
.img-loading .img-loader, .img-processing .img-loader{display: block;}
.img-loading img, .img-processing img{-o-filter:blur(15px);-moz-filter:blur(15px);-webkit-filter:blur(15px);filter: blur(15px);}
.ajax-file-upload-statusbar .img-loader{width: calc(100% - 10px);height: calc(100% - 10px);margin: 5px;}
.ball-fall {position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -14px;width: 80px;display: block;font-size: 0;color: #fff;background: #0072b9;padding: 5px 10px;opacity: 0;visibility: hidden;}
.ball-fall > div:nth-child(1){-webkit-animation-delay: -200ms;-moz-animation-delay: -200ms;-o-animation-delay: -200ms;animation-delay: -200ms;}
.ball-fall > div:nth-child(2){-webkit-animation-delay: -100ms;-moz-animation-delay: -100ms;-o-animation-delay: -100ms;animation-delay: -100ms;} 
.ball-fall > div {width: 10px;height: 10px;margin: 4px;border-radius: 100%;opacity: 0;-webkit-animation: ball-fall 1s ease-in-out infinite;-moz-animation: ball-fall 1s ease-in-out infinite;-o-animation: ball-fall 1s ease-in-out infinite;animation: ball-fall 1s ease-in-out infinite;position: relative;display: inline-block;float: none;background-color: currentColor;border: 0 solid currentColor;box-sizing: border-box;box-shadow: 0 0 8px -3px #444;}
.ajax-file-upload-statusbar img{max-width: 728px!important; width:100%; max-width:246px !important; height: 100%!important}
.ajax-file-upload-statusbar{margin: 0 3px; padding: 0 !important; overflow: hidden; height: 150px !important; max-width: 246px !important; padding: 5px;}
#loadImageData{ width:100%; float: left; clear: both; margin-left: 5px;}  
.hide{ display: none}
.ajax-file-upload:hover{background-color: #0095a8 !important;border: none !important;box-shadow: none;}
.ajax-file-upload {background-color: #0072B9;border: none;width: auto;padding: 5px 10px;height: auto;font-size: 13px;box-shadow: none;}
.thumb-act-img{padding: 0px 0px 0px 8px;position: absolute;margin-top: -150px;margin-left: 4px;border: 2px solid #18191b;border-radius: 15px;width: 56px;background: #FFFFFF;}
/*Loader css*/
.loading_container_page {height: 100%;position: fixed;width: 100%;z-index: 9999999;background-color: rgba(49, 47, 47, 0.57);}
.loading_container_page_bg {background-color: #ffffff;background-repeat: no-repeat;border-radius: 10px;font-size: 14px;height: 50px;margin: 20% auto 0;width: 150px;}
.loading_page {border-radius: 5px;float: left;font-size: 14px;height: 50px;padding: 15px 10px 10px 45px;width: 150px;}
.dropdown-menu {min-width: 145px !important;padding: 0 !important;}
.navbar-nav > li > .dropdown-menu li {width: 100%;}
/*Loader css*/
/*
 * Animation
 */
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%); }
    10% {
        opacity: .5; }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    90% {
        opacity: .5; }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%); } }

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%); }
    10% {
        opacity: .5; }
    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0); }
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0); }
    90% {
        opacity: .5; }
    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%); } }

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%); }
    10% {
        opacity: .5; }
    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0); }
    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0); }
    90% {
        opacity: .5; }
    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%); } }

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%); }
    10% {
        opacity: .5; }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    90% {
        opacity: .5; }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%); } }
/* * HEADSHOT * */

/* * Pagination css starts * */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #18191b;background-color: #f9f9f9;-webkit-box-shadow: 0 2px #18191b;box-shadow: 0 2px #18191b;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#2f3239;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#7e909a;border-color:#7e909a}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
/* * Pagination css end * */

/*New css start*/
@font-face {
    font-family: 'nunitoblack';
    src: url('../fonts/nunito-black/nunito-black-webfont.woff2') format('woff2'),
        url('../fonts/nunito-black/nunito-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitobold';
    src: url('../fonts/nunito-bold/nunito-bold-webfont.woff2') format('woff2'),
        url('../fonts/nunito-bold/nunito-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitoextrabold';
    src: url('../fonts/nunito-extrabold/nunito-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/nunito-extrabold/nunito-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitoextralight';
    src: url('../fonts/nunito-extralight/nunito-extralight-webfont.woff2') format('woff2'),
        url('../fonts/nunito-extralight/nunito-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitolight';
    src: url('../fonts/nunito-light/nunito-light-webfont.woff2') format('woff2'),
        url('../fonts/nunito-light/nunito-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitomedium';
    src: url('../fonts/nunito-medium/nunito-medium-webfont.woff2') format('woff2'),
        url('../fonts/nunito-medium/nunito-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitoregular';
    src: url('../fonts/nunito-regular/nunito-regular-webfont.woff2') format('woff2'),
        url('../fonts/nunito-regular/nunito-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitosemibold';
    src: url('../fonts/nunito-semibold/nunito-semibold-webfont.woff2') format('woff2'),
        url('../fonts/nunito-semibold/nunito-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.full-width{float: left;width: 100%;}
.wrapper-1200{margin: 0 auto;width: 1200px;}
.mar-top-10{margin-top: 10px;}
.mar-top-20{margin-top: 20px;}
.mar-top-30{margin-top: 30px;}
.mar-top-40{margin-top: 40px;}
.mar-top-50{margin-top: 50px;}
.mar-bot-5{margin-bottom: 5px;}
.mar-bot-10{margin-bottom: 10px;}
.mar-bot-20{margin-bottom: 20px;}
.mar-bot-30{margin-bottom: 30px;}
.mar-bot-40{margin-bottom: 40px;}
.mar-bot-50{margin-bottom: 50px;}
.mar-top-5{margin-top: 5px;}
.sep-1-01-ffffff{background-color: #ffffff;opacity: 0.1;height: 1px;}
.display-vertical{display: inline-block;vertical-align: middle;}
.text-f15927{color: #f15927 !important;}
.regular-13-center{font-size: 13px;font-family: nunitoregular;color: #6c6c6c;float: left;width: 100%;text-align: center;}
.regular-13-a39faf-center{font-size: 13px;font-family: nunitoregular;color: #a39faf;float: left;width: 100%;text-align: center;}
.extrabold-18-center{font-size: 18px;font-family: nunitoextrabold;float: left;width: 100%;text-align: center;}
.bold-23-f3f3f3-center{font-size: 23px;font-family: nunitobold;float: left;width: 100%;text-align: center;color: #f3f3f3;}
.bold-15-f3f3f3-center{font-size: 15px;font-family: nunitobold;float: left;width: 100%;text-align: center;color: #f3f3f3;}
.light-79-center{font-size: 50px;font-family: nunitolight;float: left;width: 100%;text-align: center;line-height: 50px;}
.bold-70-f3f3f3{font-size: 70px;font-family: nunitobold;color: #f3f3f3;}
.bold-38-f3f3f3{font-size: 38px;font-family: nunitobold;color: #f3f3f3;}
.login-half-left-sec{float: left;width: 50%;background: url("../../images/login-form-bg.jpg") no-repeat scroll 0 0 / 100% 100% transparent;height: 100vh;}
.login-box{margin: 0 auto;width: 400px;}
.login-box-inner{border: 1px solid #C3C3C3;padding: 50px 30px;}
.login-logo-box{margin: 0 auto;display: table;}
.login-logo{max-width: 100%;width: auto;}
.input-lbl{float: left;width: 100%;font-size: 13px;color: #6c6c6c;font-family: nunitoregular;font-weight: normal;margin-bottom: 2px;}
.input-field{float: left;width: 100%;border: 1px solid #D9DCE1;color: #6c6c6c;font-size: 15px;font-family: nunitoregular;padding: 10px;border-radius: 3px;}
.login-box-btm-text{float: left;width: 100%;text-align: center;font-size: 13px;color: #6c6c6c;font-family: nunitoregular;}
.button-orange-full{width: 100%;float: left;background-color: #f15927;color: #ffffff;font-size: 16px;font-family: nunitoregular;border: none;border-radius: 3px;padding: 10px 0px;text-align: center;}
.login-half-right-sec{float: left;width: 50%;background: url("../../images/login-bg.jpg") no-repeat scroll 0 0 / 100% 100% transparent;position: relative;height: 100vh;}
.login-pg-right-detail-box{position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;width: 300px;background-color: rgba(36, 33, 44, .88);right: 60px;}
.day-date-box{padding-top: 30px;padding-bottom: 20px;}
.city-name-box{background-color: #24212c;padding-top: 20px;padding-bottom: 20px;}
.tempreture-detail-box{padding-top: 30px;padding-bottom: 10px;}
.login-weather-img-big{width: 40px;display: inline-block;margin-right: 5px;vertical-align: middle;}
.login-weather-img-big img{max-width: 100%;}
.login-weather-img-small{width: 25px;display: inline-block;margin-right: 5px;vertical-align: middle;}
.login-weather-img-small img{max-width: 100%;}
.other-tempreture-detail-box{background-color: #24212c;}
.other-tempreture-detail-box-left{float: left;width: 50%;border-right: 1px solid #ffffff;padding: 20px 10px;}
.other-tempreture-detail-box-right{float: left;width: 50%;padding: 20px 10px;}
.extrabold-13-degree{font-family: nunitoextrabold;font-size: 13px;top: -40px;}
.extrabold-7-degree{font-family: nunitoextrabold;font-size: 7px;top: -22px;}
.bold-26-temp{font-family: nunitobold;font-size: 26px;bottom: 0;}
.bold-19-temp{font-family: nunitobold;font-size: 19px;bottom: 0;}
.web-url-box{padding-top: 5px;padding-bottom: 5px;}
.weather-status-text{font-size: 14px;font-family: nunitoregular;color: #a39faf;border: 1px solid #a39faf;padding: 4px 10px;margin: 0 auto;display: table;text-align:center;}
.loader-weather-content{position: absolute;left: 40%;right: 37%;top: 50%;transform: translateY(-65%);}
.tempreture-box{margin: 0 auto;width: auto;display: table;}
.other-tempreture-box{margin: 0 auto;width: auto;display: table;}
.copyright-section{position: absolute;bottom: 10px;text-align: center;font-size: 13px;color: #6c6c6c;font-family: nunitoregular;}
.home-dummy-img{text-align: center;margin: 0 auto;display: table;}
.bg-2-1{background: url("../../images/dummy-images/2-1-1.jpg") no-repeat scroll center top / auto 100% #10212B;min-height: 597px;}
.bg-4-1{background: url(../../images/dummy-images/4-1.jpg) repeat scroll 0 0 transparent;min-height: 735px;}
.td_weather{
        vertical-align: middle !important;
}
.th_weather{
        vertical-align: middle !important;
}
.checkbox-inverse{
    margin-left: 17px;
}
.weather_checkbox{
    margin-left: 14px;
}
.checkbox label::before{
    border-color: #6b7d8c !important;
}
.chartbox{
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    overflow: hidden;

}
@media screen and (max-width: 1440px){
    .home-dummy-img{width: 100%;}
    .bg-2-1{background: url("../../images/dummy-images/2-1-1.jpg") no-repeat scroll center top / 100% auto #10212B;}
}
@media screen and (min-width: 320px) and (max-width: 420px){
    .login-box{width: 300px;}
}
@media screen and (min-width: 320px) and (max-width: 480px){}
@media screen and (min-width: 481px) and (max-width: 767px){}
@media screen and (min-width: 320px) and (max-width: 767px){
    .signup-box-inner form .col-xs-6 {width: 100%;margin-bottom: 20px !important;}
    .signup-box-inner form .col-xs-12 {width: 100%;margin-bottom: 20px !important;}
    .signup-box-inner form .mar-bot-20{margin-bottom: 0;}
    .login-half-left-sec{height: auto;width: 100%;padding-top: 50px;padding-bottom: 50px;}
    .login-half-right-sec{display: none;}
}
@media screen and (min-width: 768px){
    .login-half-left-sec{position: relative;}
    .login-mid-box{position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;left: 0;right: 0;}
}
@media screen and (min-width: 768px) and (max-width: 850px){
    .login-box{width: 350px;}
}
@media(max-width: 991px){
    #wrapper .ark-handle-properties{top:20% !important;}
}
@media(max-width: 1024px){
    .table td {padding: 30px 12px 15px !important;}
}