/* DEMO STYLE */ @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; @font-face { font-family:'Christian Roberston'; src:url('../fonts/Roboto-Regular.ttf') format('truetype'); font-style:normal; font-weight:normal; } @font-face { font-family:'Natanael Gama'; src:url('../fonts/Exo-Regular.ttf') format('truetype'); font-style:normal; font-weight:normal; } .forestgreen{background-color: forestgreen !important;} .orange{background-color: orange !important;} .red{background-color: red !important;} .purple{background-color: purple !important;} .cornflowerblue{background-color: cornflowerblue !important;} .olivedrab{background-color: olivedrab !important;} .tomato{background-color: tomato !important;} .crimson{background-color: crimson !important;} .turquoise{background-color: turquoise !important;} .navy{background-color: navy !important;} .gray{background-color: gray !important;} .del_notfication, .notfication_del{position: absolute;top: 0;right: 0;background: #fff;padding: 3px 4px;color:red } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - RESET STYLES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} body *{-webkit-text-size-adjust:none;} .clear{clear:both; overflow: hidden; height:0px; font-size:0px; display: block;} input:focus, select:focus, textarea:focus, button:focus {outline: none;} input, textarea, select{font-family: 'Christian Roberston', sans-serif; font-weight: 400; -webkit-appearance: none; border-radius: 0;} a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;} body{font-family: 'Christian Roberston', sans-serif; font-weight: normal; font-size: 14px;background: #f6f6f6;/*background-image: url(../images/tools200x200.png);background-repeat: repeat;background-size: 18%;*/} h1, h2, h3, h4, h5, h6{margin: 0px;font-family: 'Natanael Gama', sans-serif;} .h1,.h2,.h4{font-family: 'Natanael Gama', sans-serif; text-transform: uppercase; color: #222222;} .h1{font-size: 56px; margin-bottom: 40px;} .h2{font-size: 46px; line-height: 46px; margin-bottom: 40px;color:#717171;border-bottom: 5px solid #ccc;} .h3{font-size: 30px; font-family: 'Natanael Gama', sans-serif; font-weight: normal; text-transform: uppercase; color: #222222;} .h4{font-size: 20px; margin-bottom: 20px;} .h5{font-size: 16px; font-family: 'Natanael Gama', sans-serif; text-transform: uppercase; color: #222222; margin-bottom: 20px;} .small{font-size: 14px; line-height: 24px;} .bg-span{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.57);} .bg-span.light{background:rgba(0,0,0,0.35);} a, a:hover, a:focus {color: inherit;text-decoration: none;transition: all 0.3s;} .navbar {padding: 15px 10px;background: #fff;border: none;border-radius: 0;margin-bottom: 40px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);} .navbar-btn {box-shadow: none;outline: none !important;border: none;} .line {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 40px 0;} i, span {display: inline-block;} input[type=checkbox] { -webkit-appearance:checkbox; } .project-com .content-main h4{ font-weight: 800;margin-bottom: 8px; } /* ---------------------------------------------------------------------------- Comman part design ------------------------------------------------------------------------------- */ .wrapper {display: flex;align-items: stretch;width:100%;height:auto;margin:px auto;padding:0px;position:relative; overflow: hidden;} .ctrl-com{width:100%;float:left;position:relative;} .ctrl-container{} .ctrl-blog{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);background-color:#fff;min-height:412px;border-radius:4px;margin-bottom:15px;padding:15px;} .ctrl-blog h1{font-size:20px;color:#000;font-weight:600;padding-bottom:10px;border-bottom:1px solid #ddd;} /*==== Input,dropdown design====*/ .opt-wdth{margin-left: 5px;margin-right: 0px;min-width: 100%;max-height: 140px;overflow: auto;} .ctrl-disnone{background-color: #fff;} .mb-2{margin-bottom: 12px !important;} /*------------------------------------------------------------------------------*/ /* Input type Design */ /*------------------------------------------------------------------------------*/ .form-group h5{color:#000;margin-bottom:10px;} .form-group .form-control{height:40px;border: 1px solid #ddd;margin-bottom: 10px;box-shadow: none;border-radius: 0;background-color:transparent;font-size: 15px;color: #445461;font-weight: 400;margin-bottom:0px;} .form-group .form-control:focus,.form-group .form-control:hover{box-shadow:none; outline:none;border: 1px solid #5f5f5f;background-color:transparent;} .form-group .form-control::-webkit-input-placeholder {color: #ddd;} .form-group .form-control::-moz-placeholder {color: #ddd;} .form-group .form-control:-ms-input-placeholder {color: #ddd;} .form-group .form-control:-moz-placeholder {color: #ddd;} .form-group .form-control:focus::-webkit-input-placeholder ,.form-group .form-control:hover::-webkit-input-placeholder {color: #5f5f5f;} .form-group .form-control:focus::-moz-placeholder,.form-group .form-control:hover::-moz-placeholder {color: #5f5f5f;} .form-group .form-control:focus:-ms-input-placeholder,.form-group .form-control:hover:-ms-input-placeholder {color: #5f5f5f;} .form-group .form-control:focus:-moz-placeholder,.form-group .form-control:hover:-moz-placeholder {color: #5f5f5f;} /*------------------------------------------------------------------------------*/ /* dropdown Design */ /*------------------------------------------------------------------------------*/ .form-group .bootstrap-select{margin-bottom:0px;border:none;} .form-group .bootstrap-select:hover{border:none;} .form-group .bootstrap-select button{height:40px;margin-bottom: 10px;box-shadow: none;border-radius:0px !important;background-color:transparent;font-size: 15px;font-weight: 400;outline:none;padding:0px 10px;margin-bottom:0px; text-indent:0px;border-radius:4px;border: 1px solid #ddd !important;} .form-group .bootstrap-select button:hover, .form-group .bootstrap-select button:focus{outline:none !important;box-shadow: none;-webkit-box-shadow: none;background-color:transparent !important;color: #5f5f5f !important;border: 1px solid #5f5f5f !important;border-radius:0px;font-size:15px;} .form-group .bootstrap-select button span{color:inherit;} .form-group .btn-group.open .dropdown-toggle, .form-group .btn-group.open .dropdown-toggle.active,.form-group .btn-group.open .dropdown-toggle:active{box-shadow:none;background-color:transparent !important;border: 1px solid #5f5f5f !important;} .form-group .bootstrap-select .dropdown-menu ul li{padding:0px;border:none !important;box-shadow:none !important;outline: none;margin-bottom:0px;} .form-group .bootstrap-select .dropdown-menu ul li a{border:none;padding:7px 10px;background-color:transparent;border:none !important;box-shadow:none !important;outline: none;} .form-group .bootstrap-select .dropdown-menu ul li:selected,.form-group .bootstrap-select .dropdown-menu ul li:selected a{background-color:#6C8020 !important;color:#fff !important;border:none !important;box-shadow:none !important;outline: none;} .form-group .bootstrap-select .dropdown-menu ul li:hover a, .form-group .bootstrap-select .dropdown-menu ul li:focus a{background-color:#6C8020;color:#fff;border:none !important;box-shadow:none !important;outline: none;} .form-btn{padding-top:25px;text-align:center;} .form-btn button{padding:10px 20px;color:#000;background-color:#00ffcc;border:1px solid #00ffcc;text-transform:uppercase;font-weight:600;display: inline-block;vertical-align: middle;margin:0px 10px;} .form-btn button:hover,.form-btn button:focus{background-color:#00ffcc;border:1px solid #00ffcc;outline:none;} .form-btn a{padding:10px 20px;color:#000;background-color:#00ffcc;border:1px solid #00ffcc;text-transform:uppercase;font-weight:600;display: inline-block;vertical-align: middle;margin:0px 10px;} .form-btn a:hover,.form-btn a:focus{background-color:#00ffcc;border:1px solid #00ffcc;outline:none;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* Checkbox Design */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .fl-check-ul{padding: 10px 0px;} .fl-check-ul li{padding:5px 0px;display:inline-block !important; list-style:none;margin-bottom:0px;} .fl-check-ul li .fl-label {font-family: 'Natanael Gama', sans-serif;text-align:justify;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #333;font-weight: normal;} @media (min-width: 1024px) {.fl-check-ul li .fl-label {-webkit-transform: scale(1);transform: scale(1);}} .fl-check-ul li .fl-label input {display: none;} .fl-check-ul li .fl-label span {/*margin-top: -46px;*/position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width:20px;height:20px;border: 1px solid #333;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;margin-right: 8px;border-radius:2px; vertical-align:middle;} .fl-check-ul li .fl-label:hover span{border:1px solid #749023; } .fl-check-ul li .fl-label span i {position: relative;width:20px;height:20px;margin-left: 2px;-webkit-transform: rotate(-45deg) translateX(0%) translateY(0%) scale(0.8);transform: rotate(-45deg) translateX(0%) translateY(0%) scale(0.8);-webkit-transform-origin: center left;transform-origin: center left;} .fl-check-ul li .fl-label span i:before, .fl-label span i:after {content: "";position: absolute;background-color: white;border-radius: 20px;} .fl-check-ul li .fl-label span i:before {height: 0%;top: 50%;left: 0;width: 2px;} .fl-check-ul li .fl-label span i:after {width: 0%;bottom: 0;left: 0;height: 2px;} .fl-check-ul li .fl-label input:checked ~ span {border: none;background-color: #749023;} .fl-check-ul li .fl-label input:checked ~ span i:before {height: 50%;-webkit-transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);} .fl-check-ul li .fl-label input:checked ~ span i:after {width: 100%;-webkit-transition: width 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: width 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);} .fl-check-ul li .fl-label input:checked ~ b {color: #492409;vertical-align:middle;display:inline-block;} /*==== Anchor button ====*/ .div-btn{} .div-btn a{display:inline-block; vertical-align:middle;margin-left:10px;} .div-btn a svg{width:40px;height:40px;} .div-btn a svg path{} .div-btn a svg rect{} .div-btn a svg polygon{} .div-btn a svg circle{} .div-btn a svg .gear-path{} .div-btn a:hover svg .gear-path{} .btn-ctrl{} .btn-ctrl a{border-radius: 100%;background-color: #fff;padding:5px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);} .btn-ctrl a svg{float:left;position:relative;} .btn-ctrl a span{border-radius: 100%;border:2px solid #5f5f5f;width:40px;height:40px;color:#5f5f5f;font-size:20px;line-height:37px;} .btn-ctrl a span i{} .add-anch:hover span{border:2px solid #85D839;background-color:#85D839;color:#fff;} .downl-anch:hover span{border:2px solid #17a2b8;background-color:#17a2b8;color:#fff;} .pdf-anch:hover span{border:2px solid #ff0000;background-color:#ff0000;color:#fff;} .add-anch{} .plus-path{} .add-anch svg path{} .add-anch svg rect{} .add-anch svg polygon{} .add-anch:hover svg circle{fill:#85D839;} .add-anch:hover .gear-path{fill:#85D839;} .add-anch:hover .w-path{fill:#ffffff;} .svg-info{} .svg-info:hover svg path{fill:#007bff;} .svg-edit{} .svg-edit:hover svg path{fill:#28a745;} .svg-delete{} .svg-delete:hover svg path{fill:#dc3545;} .svg-favourite{} .svg-favourite:hover svg path{fill:#d80000;} .fa-action i{font-size: 16px;padding-left: 6px;} .svg-info:hover i{color:#007bff;} .svg-edit:hover i{color:#28a745;} .svg-delete:hover i{color:#dc3545;} .svg-favourite:hover i{color:#d80000;} /*========== Table ==============*/ .table-div{margin-top:30px;} .table-div table{} .table-div table tr{} .table-div table tr th,.table-div table tr td{text-align:center;padding:5px; vertical-align:middle;} .table-div table tr th{font-weight:600;} .table-div table tr td .div-btn{line-height:0px;} .table-div table tr td .div-btn a{margin-left:5px;} .table-div table tr td .div-btn a svg{width:16px;height:16px;} .table-div table tr td .div-btn a .dash-svg{width:14px;height:14px;} .trafic-span{width:15px;height:15px;border-radius:100%;margin: 5px;} .spanred{background-color:#ff0000; /* background: -webkit-linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000);background: -o-linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000);background: -moz-linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000);background: linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000); */ } .spanyellow{background-color:#ffff00; /* background: -webkit-linear-gradient(to bottom, #d4d402,#d4d402, #ffff00);background: -o-linear-gradient(to bottom, #d4d402,#d4d402, #ffff00);background: -moz-linear-gradient(to bottom, #d4d402,#d4d402, #ffff00);background: linear-gradient(to bottom, #d4d402,#d4d402, #ffff00); */ } .spangreen{background-color:#008000; /* background: -webkit-linear-gradient(to bottom, #76da76,#76da76, #0c820c);background: -o-linear-gradient(to bottom, #76da76,#76da76, #0c820c);background: -moz-linear-gradient(to bottom, #76da76,#76da76, #0c820c);background: linear-gradient(to bottom, #76da76,#76da76, #0c820c); */ } /*========== modal popup ==============*/ .modal {} .vertical-alignment-helper {display:table;height: 100%;width: 100%;} .vertical-align-center {display: table-cell;vertical-align: middle;} .modal-content {width:inherit;height:inherit;margin: 0 auto;border-radius:4px;border:none;} .modal-content .modal-main{background-color:#fff;} .modal-content .modal-main .modal-header{} .modal-content .modal-main .modal-header h1{color:#2870c5;display:inline-block; vertical-align:middle;font-size:18px;margin:0px;font-weight:200;} .modal-content .modal-main .modal-body{padding:0px;overflow: hidden;} .modal-content .modal-main .modal-footer{} .modal-sub{background-color:#fff;border-radius:4px;} .modal-sub .modal-header{display:block !important;} .modal-sub .modal-header h4{display:inline-block;font-size:18px;color:#000;font-weight:600;} .modal-sub .modal-body{} .modal-sub .modal-footer{} .modal-delete{border:none;} .modal-delete .modal-header{border-radius:4px 4px 0px 0px;border-color:#ff0000;} .modal-delete .modal-header h4{color:#fff;font-size:18px;} .modal-delete .modal-header button{color:#fff;text-shadow:none;box-shadow:none;opacity:1;padding:5px 0px;} .modal-delete .modal-body{} .modal-delete .modal-body .mb{padding:15px 0px;} .modal-delete .modal-body .mb svg{width:50px;height:50px;margin:0px auto 15px;} .modal-delete .modal-body .mb p{color:#5f5f5f;font-size:18px;line-height:25px;} .modal-delete .modal-footer{} .modal-delete .modal-footer a{padding:10px 20px;} .modal-delete .modal-footer button{padding:10px 20px;} /* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */ .project-com{width:100%;float:left;position:relative;} header{width:100%;top:0%;left:0%;background-color:#fff;position:fixed;z-index:100;min-height:50px;} header .navbar{padding:0px;margin-bottom:0px;} header .navbar .navbar-header{padding:5px 0px;display: flex;} header .navbar .navbar-header .navbar-toggle{display:inline-block; vertical-align:middle;float:left;margin-right:20px;} header .navbar .navbar-header .navbar-toggle:focus, header .navbar .navbar-header .navbar-toggle:hover{} header .navbar .navbar-brand{margin:0px !important;display:inline-block; vertical-align:middle;padding:5px 0px;} header .navbar .navbar-brand img{max-width:100%;max-height:40px;} header .navbar-default .navbar-collapse{display:inline-block !important;float:right;} .navbar-right li{display:inline-block; vertical-align:middle;list-style:none;float:none;} .navbar-right .dropdown-menu li{display:block;} .navbar-right li a{line-height: 0px;padding:22px 16px;} .navbar-right li a svg{width:25px;height:25px;line-height:0px;} .navbar-right li a svg path,.navbar-right li a svg rect,.navbar-right li a svg circle,.navbar-right li a svg polygon{} .navbar-right li a:hover{background-color:#f6f6f6 !important;} .navbar-right li a:hover i{color:#000;} .navbar-right li a span{font-size: 9px; font-weight: bold; color: #FFF; line-height: 13px; width: 14px; height: 14px; border-radius: 50%; text-align: center; display: inline-block; position: absolute; top: -18%; padding: 2px 0 0; left: 40%; background-color: #FC8213;} /*.anch-msg{} .anch-msg span{background-color: #FC8213;} .anch-msg:hover svg path{fill:#FC8213;} .anch-noti{} .anch-noti span{background-color: #337AB7;} .anch-noti:hover svg path{fill:#337AB7;} .anch-main{} .anch-main span{background-color: #CA2429;} .anch-main:hover svg path{fill:#CA2429;}*/ /* fa .anch-msg:hover i{color:#FC8213;} .anch-noti:hover i{color:#337AB7;} .anch-main:hover i{color:#CA2429;}*/ .navbar-right li a.dropdown-toggle{padding:3px 15px;} .navbar-right li a.dropdown-toggle:hover, .navbar-right li a.dropdown-toggle:focus{background-color:transparent;} .navbar-default .navbar-right>.open>a, .navbar-default .navbar-right>.open>a:focus, .navbar-default .navbar-right>.open>a:hover{background-color:transparent;} .navbar-right li a:before{display:none;content:normal;} .navbar-right li a .profile-img{display:inline-block; vertical-align:middle;margin-right:10px;} .navbar-right li a .profile-img img{width:45px;height:45px;max-width:100%;} .navbar-right li a .profile-name{display:inline-block; vertical-align:middle;} .navbar-right li a .profile-name h5{margin:0px 0px 5px;font-weight:normal;font-size:14px;} .navbar-right li a .profile-name h3{margin:0px;font-weight:300;font-size:18px;} .navbar-right .upload_li{padding:10px;} .navbar-right .upload_li .upload_anch{display:inline-block;border-radius:4px;padding:5px;background-color:#2870c5;} .navbar-right .upload_li .upload_anch:hover{background-color:#2870c5;} .navbar-right .upload_li .upload_anch img{max-width:100%;max-width:20px;} .mulfileup{max-height: 100px;min-height: 100px;padding: 5px;} .multifileselect{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;} .main-container{width:100%;float:left;position:relative;margin-top:61px;} #sidebar {min-width: 80px;max-width: 80px;background: #333333;color: #fff;transition: all 0.3s;position:fixed;z-index:51;height:100%;-webkit-transition:max-width .2s linear;transition:max-width .2s linear;-webkit-transform:translateZ(0) scale(1,1);} #sidebar.active {min-width: 235px;max-width: 235px;text-align: center;} #sidebar.active .sidebar-header h3, #sidebar.active .CTAs {display: none;} #sidebar.active .sidebar-header strong {display: block;} #sidebar ul li a {text-align: center;-webkit-transform:translateZ(0) scale(1,1);-webkit-transition:all .14s linear;transition:all .14s linear;} #sidebar ul li a span{display:none;} #sidebar.active ul li a {padding:15px;text-align:left;font-size: 1.2em;} #sidebar.active ul li a span{display:inline-block; vertical-align:middle;} #sidebar ul li a i {margin-right: 0;display: block;font-size: 1.8em;margin-bottom: 5px;} #sidebar ul li a .svg-icon{width:30px;height:30px;display: block;margin: 0px auto 5px;} #sidebar ul li a .svg-icon path{fill:#ffffff;} #sidebar ul li a .svg-icon rect{fill:#ffffff;} #sidebar ul li a .svg-icon polygon{fill:#ffffff;} #sidebar.active ul li a i {display:inline-block;font-size: 1.2em;} #sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {top: auto;bottom:18px;right:10%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);} #sidebar .sidebar-header {padding: 20px;background: #2870c5;} #sidebar .sidebar-header strong {display: none;font-size: 1.8em;} #sidebar ul.components {} #sidebar ul li a {padding:10px 10px;font-size: 0.85em;display: block;text-align:center;} #sidebar ul li a:hover {color: #333333;background: #f6f6f6;} #sidebar ul li a:hover .svg-icon path{fill:#333333;} #sidebar ul li a:hover .svg-icon rect{fill:#333333;} #sidebar ul li a:hover .svg-icon polygon{fill:#333333;} #sidebar.active ul li a{} #sidebar.active ul li a i {margin-right: 10px;} #sidebar.active ul li a .svg-icon{display:inline-block;margin-right: 10px; vertical-align:middle;} #sidebar ul li.active > a, a[aria-expanded="true"] {color: #333;background: #00ffcc;} #sidebar ul li.active a .svg-icon path{fill:#333333;} #sidebar ul li.active a .svg-icon rect{fill:#333333;} #sidebar ul li.active a .svg-icon polygon{fill:#ffffff;} a[data-toggle="collapse"] {position: relative;} /* a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {content: '\e259';display: block;position: absolute;right:35px;font-family: 'Glyphicons Halflings';font-size: 0.6em;bottom:7px;} */ /* a[aria-expanded="true"]::before {content: '\e260';} */ #sidebar ul li ul a {font-size: 0.9em;padding: 15px 5px;} #sidebar.active ul ul a {padding: 15px 50px ;font-size: 14px;} ul.CTAs {padding: 20px;} ul.CTAs a {text-align: center;font-size: 0.9em !important;display: block;border-radius: 5px;margin-bottom: 5px;} a.download {background: #fff;color: #2870c5;} a.article, a.article:hover {background: #2870c5 !important;color: #fff !important;} .sethgt{height: 100%;} /* --------------------------------------------------- Sidebar scroll design ----------------------------------------------------- */ .scrollbarbar{max-height: 250px;} .scroll-wrapper {/*overflow: hidden !important;*/padding: 0 !important;position: relative;} .scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: auto;padding: 0;position: relative !important;top: 0;/*width: auto !important;*/} .scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;} .scrollbarbar > .scroll-element,.scrollbarbar > .scroll-element div{background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10;} .scrollbarbar > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;} .scrollbarbar > .scroll-element .scroll-element_track { display: none; } .scrollbarbar > .scroll-element .scroll-bar {background-color: #6C6E71;display: block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; -webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear;} .scrollbarbar:hover > .scroll-element .scroll-bar,.scrollbarbar > .scroll-element.scroll-draggable .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7;} .scrollbarbar > .scroll-element.scroll-x {bottom: 0px;height: 0px;left: 0;min-width: 100%;overflow: visible;width: 100%;} .scrollbarbar > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 0px;top: 0;width: 0px;} /* scrollbar height/width & offset from container borders */ .scrollbarbar > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px;display: none;} .scrollbarbar > .scroll-element.scroll-y .scroll-bar { left:-5px; min-height: 10px; width:5px; } .scrollbarbar > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbarbar > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbarbar > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbarbar > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbarbar > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbarbar > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* --------------------------------------------------- Tabs Design ----------------------------------------------------- */ .nav-tabs { border-bottom:none;margin-bottom:10px;} .nav-tabs > li{margin-right:10px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; } .nav-tabs > li > a { border: none; color: #fff;padding: 10px 20px;font-size: 16px;border-radius: 0px;background-color:#5f5f5f;} .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #333 !important; background-color:#00ffcc !important; } .nav-tabs > li > a::before{content:"";display:none;} .nav-tabs > li > a::after { content: ""; background: #333; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } .tab-pane { padding:0px} .tab-content{padding:0px} .nav-stacked{} .nav-stacked li{margin-bottom:10px;} .nav-stacked li a{border: none; color: #fff;padding: 10px 20px;font-size: 16px;border-radius: 0px;background-color:#5f5f5f;} .nav-stacked li a:hover,.nav-stacked li a:focus,.nav-stacked li a.active { border: none; color: #333 !important; background-color:#00ffcc !important;outline:none;} .nav-stacked li a::before{content:"";display:none;} .nav-stacked li a::after { content: ""; background: #333; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-stacked li a.active::after, .nav-stacked li:hover a::after { transform: scale(1); } .nav-stacked li a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */ #content {transition: all 0.3s;width: 100%;float: left;position: relative;padding-left:80px;} #content.active{padding-left:237px;} .breadcrumb{padding:15px 0px;background-color:transparent;margin:15px 0px;} .breadcrumb-item.active{color:#333;text-shadow: none;font-weight:600;} .breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: .5rem;padding-left: .5rem;color: #636c72;content: "/";} .ctrl-btnblog{padding:16px 0px;} .notify {position: fixed;z-index: 99999999;right: 30px;bottom: 30px;} .notify .alert{box-shadow: 0px 2px 5px -1px #000;display: none;color:#fff;position: relative;} .notify .alert button{position: absolute;right: -5px;top: -10px;background-color: #333;border-radius: 100%;color: #00ffcc;opacity: 1;width: 20px;height: 20px;text-align: center;padding: 0px;font-size: 14px;line-height: 14px;text-shadow:none;} .notify .alert strong{} .notify .alert i{display:inline-block; vertical-align:middle;color:#fff;font-size: 18px;font-weight: 600;} .notify .alert-danger{background-color:#CA2429;border-color:#CA2429;} .notify .alert-warning{background-color:#FC8213;border-color:#FC8213;} .notify .alert-info{background-color:#337AB7;border-color:#337AB7;} /* --------------------------------------------------- My Project Tab ----------------------------------------------------- */ .dash-box-pad{margin-top:20px;} .project-container{} .dasgbtn-div{margin:15px 0px;} .dasgbtn-div a{background-color:transparent;border:2px solid #00ffcc;color:#000;padding:7px 10px;font-weight:600;background-color:#00ffcc;border-radius:3px;} .dasgbtn-div a:hover{background-color:#00ffcc;border-color:#00ffcc;color:#000;outline:none;} .dasgbtn-div a i{} .showcomp-btn{margin:0px;} .showcomp-btn a{margin:15px 0px 0px;display:inline-block;} .graph-padd{padding:17px 0px;} /* --------------------------------------------------- Pdf Display Block ----------------------------------------------------- */ .m-0{margin: 0;} .p-0{padding: 0 !important;} .mt-0{margin-top: 0 !important;} .bg-white{background-color: #fff;} .pdfsection .pad0{padding: 0;} .pdfsection{margin-top: -15px;margin-bottom: 15px;} .pdf-disblock-svg{background-color: #333333;padding: 20px 6px 21px;} .pdf-disblock-svg svg{width: 35px;height: 35px;} .pdf-disblock-svg svg path{fill: #ffffff;} .pdf-disblock-svg img{width: 35px;} .pdf-disblock-svg h2{color: #fff;} .pdf-disblock{padding: 15px 0 8px;} .pdf-disblock .pdf-disblock-inn{background-color: #eee;margin-bottom: 6px;min-width: 90px;} .pdf-disblock .pdf-disblock-inn span.pdf-bg-strong{background-color: #ccc;padding: 5px;width:32%;float: left;} .pdf-disblock .pdf-disblock-inn input, .pdf-disblock .pdf-disblock-inn .form-control{background-color: #eee;width: 68%;border-radius: 0;margin-bottom: 0;padding: 5px 12px;outline: none;box-shadow: none;} .pdf-disblock .pdf-disblock-inn input.form-control:focus{border-color:#ccc;} .pdf-disblock .pdf-disblock-inn select.form-control{height: 32px;} .pdf-disblock .pdf-disblock-inn select.form-control button{border-radius: 0;padding: 3px 12px;} .pdf-disblock .pdf-disblock-inn select.form-control button span{font-size: 15px;padding-left: 12px; padding-right: 12px;} .pdf-disblock .pdf-disblock-inn span{font-size: 18px;} .pdf-disblock .pdf-disblock-inn span strong{font-size:16px;font-weight: bold;padding-left: 5px;padding-right: 5px;} .logo-pdf{padding: 20px 15px 0;text-align: center;} .logo-pdf img{width: 116px;} .border-left{border-left: 1px solid #aaa;} .border-bottom{border-bottom: 1px solid #aaa;} .border-top{border-top: 1px solid #aaa;} .border-right{border-right: 1px solid #aaa;} .copyright-mb{margin-bottom: 15px;} /* --------------------------------------------------- My Customer Tab ----------------------------------------------------- */ .form-addbtn{margin-bottom:5px;} .form-addbtn a{margin-left: 0px;} .form-addbtn a svg{width:30px;height:30px;} .padtp{padding-top: 32px;} /* --------------------------------------------------- CONTENT Page design ----------------------------------------------------- */ .content-main{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);background-color:#fff;min-height:250px;border-radius:4px;margin-bottom:30px;padding:15px;} .min-auto{min-height:125px;margin-bottom: 15px;} .phyimg-div{min-height:192px; margin-bottom:15px;} .content-main h1{font-size:24px;font-weight:500;margin:0px 0px 20px;} .content-main .filter-div{} .content-main .filter-div h3{color:#333;font-weight:200;margin:0px 0px 15px;font-size:18px;padding-bottom: 15px;border-bottom: 1px solid #eee;} .content-main .filter-div h3 span{color:#777;font-weight:normal;} /* --------------------------------------------------- Tool Tab ----------------------------------------------------- */ .fileuplod-div{padding: 15px;border: 2px dashed #ddd;margin-bottom:15px;} .fileuplod-div .upld-sub{text-align:center;} .fileuplod-div .upld-sub img{max-width:100%;display:block;margin:0px auto;height: 72px;object-fit: cover;} .fileuplod-div .upload-btn{} #fileselector {margin:10px 0px 0px;} #upload-file-selector {display:none;} .upl-label{border:2px solid #00ffcc;display: block;padding: 10px 30px;font-size: 16px;color: #333;} .upl-label i{margin-right:20px;} .margin-correction {margin-right: 10px;} .graphtool{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);margin-bottom:15px;background-color:#fff;border-radius:4px;} .toolover-graph{padding:10px 0px 15px;} .toolover-graph h4{margin-bottom:15px;} .same-height{min-height: 200px;} .grapicon{border-bottom:1px solid #ddd;padding:10px 15px;} .grapicon i{display:block;margin-bottom:10px;font-size:30px;} .grapicon h4{display:block;font-size:18px;} .grapstatus{padding:10px 15px;border-radius:0px 0px 4px 4px;} .grapstatus h2{text-transform:uppercase;color:#fff;font-weight:600;} .indicstatus{padding:10px 15px;border-radius:0px 0px 4px 4px;} .indiheader{padding-bottom:20px} .padd-indi{padding:19px 0px;} .indicstatus h2{text-transform:uppercase;color:#000;font-weight:600;} .same-height .indicstatus{padding:15px;} /* .projedet-grap{margin:30px 0px;} */ .projedet-grap{margin:15px 0px;} .crit-header{margin:0px 0px 10px;/*padding: 15px 0px 10px;*/} .crit-header h4{font-size:16px;color:#000;font-weight:600;} .crit-header .barheade{margin-bottom:30px;} .crit-cart{margin-bottom:0px; /* min-height:180px; overflow-x:scroll; */ } .last-critcart{margin-bottom:5px;} .toolovercart{padding:15px 0px;min-height: 112px;} .crit-cart h2{} .crit-cart h2 p{} .crit-cart .progress {height:20px;margin-bottom:0px;} .crit-cart .progrss-danger{background-color: #ff0000;} .crit-cart .progress .skill {font: normal 12px "Open Sans Web";line-height: 30px;padding: 0;margin: 0 0 0 20px;text-transform: uppercase;} .crit-cart .progress .skill .val {float: right;font-style: normal;margin: 0 20px 0 0;} .crit-cart .progress .progress-bar {text-align:center;transition-duration: 3s;color:#000;font-size:14px;} .delay-div{width:150px;height:150px;border-radius:100%;border:4px solid #ddd;text-align:center;margin:0px auto;line-height:135px;} .delay-div span{font-size:55px;color:#5f5f5f;} .short-status{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);background-color:#fff;margin:0px 0px 10px;border-radius:4px;} .short-status h1{font-size: 16px;color: #000;padding: 5px 0px;font-weight: 600;} .short-status p{font-size: 16px;color: #000;padding:10px 0px;border-radius:0px 0px 4px 4px;} .short-status .progress{width: 150px;height: 150px;line-height: 150px;background: none;margin: 0 auto;box-shadow: none;position: relative;} .short-status .progress:after{content: "";width: 100%;height: 100%;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 0;left: 0;} .short-status .progress > span{width: 50%;height: 100%;overflow: hidden;position: absolute;top: 0;z-index: 1;} .short-status .progress .progress-left{left: 0;} .short-status .progress .progress-bar{width: 100%;height: 100%;background: none;border-width: 2px;border-style: solid;position: absolute;top: 0;border-color: #00ffcc;} .short-status .progress .progress-left .progress-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left;animation: loading-3 1s linear forwards 1.8s;} .short-status .progress .progress-right{right: 0;} .short-status .progress .progress-right .progress-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;-webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 1.8s linear forwards;} .short-status .progress .progress-value{width: 85%;height: 85%;border-radius: 50%;border: 2px solid #ebebeb;font-size: 32px;line-height: 125px;text-align: center;position: absolute;top: 7.5%;left: 7.5%;color: #333;} .short-status .progress .progress-value span{color:#00ffcc;} div.rangeslider {box-sizing:content-box;position:relative;} div.rangeslider *{box-sizing:content-box;} div.rangeslider div {position:absolute;} div.rangeslider .rangeouter {background:#ddd;width:100%;height:20px !important;margin:0px !important;position:relative;} div.rangeslider .rangeinner {background:#04B404;height:20px !important; margin:0px !important;top:0px;} div.rangeslider .rangeinner:after{ content: ''; position: absolute;height: 35px;width: 5px; background-color: #777; right: 0px; top:-7px; } div.rangeslider .rangeselector {background:#5f5f5f !important;background-clip:padding-box;border:3px solid rgba(0, 0, 0, 0) !important;width:0px !important;height:30px !important;top:-7px !important;padding: 0px !important;margin: 0px !important;border-radius:0px !important; display: none !important;} div.rangeslider.disabled .rangeinner, div.rangeslider.disabled .rangeselector {background-color:#777!important;} div.rangeslider .rangeouter, div.rangeslider .rangeinner, div.rangeslider .rangeselector {-webkit-transition: background-color 200ms linear;-moz-transition: background-color 200ms linear;-o-transition: background-color 200ms linear;-ms-transition: background-color 200ms linear;transition: background-color 200ms linear;} .range-com .range-danger{} .range-danger .rangeinner{background-color: #ff0000 !important;} .range-warning{} .range-warning .rangeinner{background-color: #f0ad4e !important;} .boxh32{min-height: 104px;} .box32-inn{ position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); } /*.progress.blue .progress-bar{border-color: #00ffcc;} .progress.blue .progress-value{color: #333;} .progress.blue .progress-value span{color:#00ffcc;} .progress.blue .progress-left .progress-bar{animation: loading-2 1.5s linear forwards 1.8s;} .progress.yellow .progress-bar{border-color: #fdba04;} .progress.yellow .progress-value{color: #fdba04;} .progress.yellow .progress-left .progress-bar{animation: loading-3 1s linear forwards 1.8s;} .progress.pink .progress-bar{border-color: #ed687c;} .progress.pink .progress-value{color: #ed687c;} .progress.pink .progress-left .progress-bar{animation: loading-4 0.4s linear forwards 1.8s;} .progress.green .progress-bar{border-color: #1abc9c;} .progress.green .progress-value{color: #1abc9c;} .progress.green .progress-left .progress-bar{animation: loading-5 1.2s linear forwards 1.8s;}*/ @keyframes loading-1{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);} } @keyframes loading-2{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(144deg);transform: rotate(144deg);} } @keyframes loading-3{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(90deg);transform: rotate(90deg);} } @keyframes loading-4{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(36deg);transform: rotate(36deg);} } @keyframes loading-5{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(126deg);transform: rotate(126deg);} } @media only screen and (max-width: 990px){ .progress{ margin-bottom: 20px; } } .graph-table{} .graph-table table{} .graph-table table tr{} .graph-table table tr td{color:#000;border-top:none;text-align:center;padding:5px;} .ctrl-tableview{} .ctrl-tableview table{} .ctrl-tableview table tr{} .ctrl-tableview table tr th{font-weight:600;color:#000;} .ctrl-tableview table tr td{} .ctrl-tableview table tr td img{max-width:100%;margin:0px auto;max-height:200px;} .ctrl-tableview table tr td .toolimg{max-height:197px;margin-bottom:10px;} .ctrl-tableview table tr td .date-p{color:#000;margin-bottom:0px;} .ctrl-tableview table.table-viewcom{} .ctrl-tableview table.table-viewcom tr th{width:35%;} .ctrl-tableview table.table-viewcom tr td{width:65%;} /* Collapsable Panel */ .panel-title > a{background-color:transparent;} .panel-title > a:before {content: "\f068";float: right !important;position: relative;top:5px;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;right:10px;font-size:14px;} .panel-title > a.collapsed:before {content: "\f067";animation: rotatereverse 0.5s ease-in-out normal;animation-fill-mode: forwards;} .our-value-panel{margin-bottom:15px !important;border-radius: 4px !important;} .our-value-panel-heading{padding:10px;} .our-value-panel-title{font-size:18px;font-weight: 600;color:#1D1D1D;} .panel-h4{font-size: 24px !important;font-weight: 600 !important;font-family: 'Natanael Gama', sans-serif;} .our-value-panel-title a:hover{text-decoration-line:none;} .our-value-panel-title a i{margin-right: 10px;} .right-group-panel{padding-top: 32px;} .toolpic-div{} .slider-ctrl{} .slider-ctrl .carousel-inner{padding: 15px 0px;} .slider-ctrl .carousel-inner .item{padding:10px 1px;} .slider-ctrl .carousel-indicators{left: 0%;margin-left: 0px;overflow: hidden;} .slider-ctrl .carousel-indicators li{width:25%;height:auto;text-indent:0px; vertical-align:middle;} .item .thumbnails{} .tslider-img{display:inline-block; vertical-align:middle;} .padd-leri{padding:0px !important;} .fff{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);padding:5px;border-radius:4px;margin-bottom:15px;} .tslider-img .center-big{min-height: 300px;margin-top: -15px;border: 2px dashed #333;} .fff .thumbnail{padding:0px;border:none;margin-bottom:0px;} .fff .thumbnail a{display:block;text-decoration:none;} .fff .thumbnail a img{max-width:100%;display:block;} .fff .caption{padding:10px 0px;text-align:center;} .fff .caption h4{margin-bottom:10px;color:#000;font-weight:600;} .fff .caption p{} .toolmap-div{width:100%; height: 340px;} .toolmap{width:100%;height:338px;} .panel-height{max-height:305px;} .pieID {display:block;} .pie {height:95px;width:95px;position: relative;margin:0px auto;} .pie::before {content: "";display: block;position: absolute;z-index: 1;width:30px;height:30px;background: #EEE;border-radius: 50%;top:35px;left:35px;} .pie::after {content: "";display: block;border-radius: 50%;margin:45px auto;} .slice {position: absolute;width:100px;height:100px;clip: rect(0px, 100px, 100px, 50px);animation: bake-pie 1s;} .slice span {display: block;position: absolute;top: 0;left: 0;background-color: black;width:100px;height:100px;border-radius: 50%;clip: rect(0px, 100px, 100px, 50px);} .legend {list-style-type: none;padding: 0;margin: 0;padding:15px 0px 10px;font-size: 13px;} .legend li {padding-left:3px;border-left:10px solid black;display:inline-block; vertical-align:middle;display: inline-block;vertical-align: middle;margin-right: 10px;font-size:12px;margin-bottom: 6px} .legend li:last-child{margin-bottom: 0;} .legend em {font-style: normal;} /*.legend span {float: right;}*/ .padd-bar{padding:50px 0px;} .bar-tafic{min-height:205px;} .traffi-padd{padding:15px 0px;} .part-tese{} .content-part{position:relative;width:100%;float:left;} .content-part.show .content-title{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s} .part-tese .content-title{background:url(../images/yys_tese_title.png) no-repeat center} .content-part .content-title{opacity:0;transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px)} .content-part .content-title{position:absolute;width:650px;height:263px;top:0;left:50%;margin-left:-325px} .part-tese .shadow{position:absolute;width:1014px;height:190px;bottom:0;left:50%;margin-left:-507px;background:url(../images/yys_tese_shadow.png)} .part-tese.show .gallery_container{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transition:all 1s .1s;-webkit-transition:all 1s .1s;-moz-transition:all 1s .1s;-o-transition:all 1s .1s} .part-tese .gallery_container{position:relative;width:100%;float:left;} .part-tese .gallery_container.st02{top:800px} .part-tese .gallery_container{opacity:0;transform:translateY(200px);-ms-transform:translateY(200px);-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-o-transform:translateY(200px)} .gallery_container{} .threeD_gallery_wrap{position:relative;-webkit-perspective:480px;-moz-perspective:480px;-ms-perspective:480px;perspective:480px} .threeD_gallery_item{position:absolute;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .threeD_gallery_item.front_side{cursor:auto;} .part-tese .gallery_container .gallery_wrap{width:100%;min-height:600px} .part-tese .gallery_out{-webkit-transform: translate3d(0px, 0px, -2560px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, -2560px) rotateX(0deg) rotateY(0deg);} .part-tese .front_side{z-index:5;-webkit-transform: translate3d(0px, 0px, -285px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, -285px) rotateX(0deg) rotateY(0deg);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);padding: 5px;border-radius: 4px;background-color: #fff;text-align: center;} .part-tese .gallery_right_middle{z-index:3;-webkit-transform: translate3d(305px, 15px, -499px) rotateX(0deg) rotateY(-32deg);transform: translate3d(305px, 15px, -499px) rotateX(0deg) rotateY(-32deg);} .part-tese .gallery_left_middle{z-index:3;-webkit-transform: translate3d(-305px, 15px, -499px) rotateX(0deg) rotateY(32deg);transform: translate3d(-305px, 15px, -499px) rotateX(0deg) rotateY(32deg);} .part-tese .gallery_container .gallery_wrap img{max-width:100%;margin:0px auto;} .part-tese .gallery_right_middle img, .part-tese .gallery_left_middle img{} .gallery_container .gallery_item .img-cover{width: 100%;height: 100%;background-color: #000;opacity: .44;position: absolute;left: 0;top: 0} .gallery_container .gallery_item.front_side .img-cover{display:none} .gallery_container .gallery_item img.show{visibility:visible;} .gallery_container .gallery_item img{visibility:hidden;} .prev-next{position:absolute;bottom:0%;width:100%;text-align:center;} .gallery_container .prev{} .gallery_container .next{} .gallery_container .prev,.gallery_container .next{display:inline-block; vertical-align:middle;cursor: pointer;margin:0px auto;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;} .notfi-box{padding: 7px 0px;} .onoffswitch { position: relative; width: 69px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height:22px; padding: 0; line-height: 23px; font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #4093e8; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 9px;height:9px; margin:7px 8px; background: #ccc; position: absolute; top: 0; bottom: 0; right: 45px;border-radius:50%; transition: all 0.3s ease-in 0s; } .onoffswitch-inner:before .onoffswitch-switch{background: #FFFFFF;} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .padd-tolstatus{padding-top:4%;} /* --------------------------------------------------- Slick slider css ----------------------------------------------------- */ .dd-maxheight{ max-height: 570px; height: auto; overflow-y: auto; } /* --------------------------------------------------- Tool master schedule ----------------------------------------------------- */ .cal-right{float: right;} .icon-addon {position: relative;color: #555;display: block;} .icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa {position: absolute;z-index: 2;left: 10px;font-size: 14px;width: 20px;margin-left: -2.5px;text-align: center;padding: 10px 0;top: 1px} .icon-addon.addon-md .form-control,.icon-addon .form-control {padding-left: 30px;float: left;font-weight: normal;} .action-box{margin-bottom:15px;padding:15px;} .action-box .actionbox-head{margin-bottom:15px;} .action-box .actionbox-head h4{font-size: 20px !important;} .action-box .actionbox-head h4 span{font-size:15px !important;color: #afafaf;} .min-1{min-height: 135px;} .min-2{min-height:420px;} .min-3{min-height:335px;} .min-4{min-height:370px;} /* --------------------------------------------------- MEDIAQUERIES ----------------------------------------------------- */ .mt-com{margin-top:15px;} /* TIMELINE BAR */ div.eventsWrapper {min-height: 250px;margin-left: 5px;position: relative;float: left;width: 100%;overflow-x: auto;padding-left: 5px;padding-top: 30px;} .toolWrapper{padding-top:5px;padding-left: 5px;} .eventsConnector {background: #85D839 none repeat scroll 50% 50%;height: 4px;left: 0;top: 6px;position: relative;transition: transform 0.4s ease 0s;width: 100px;z-index: 0;margin-top: 90px;margin-bottom: 20px;} .events ul li:nth-last-child(2) .eventsConnector {width: 0;} .events {z-index: 2;padding-bottom:0px !important;text-align:center;} .toolWrapper .scrollbarbar{max-height:215px !important;} .clearfix:before,.clearfix:after {content: "."; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* IE < 8 */ .events ul {list-style-type: none;padding: 0px;margin:0px auto;} .events .event-ul{/*display: flex;*/} .events li {display: inline-block; margin-left: -5px;padding-bottom: 10px;} .events ul li:first-child {margin-left: 0;} .events a {display: block;width: 8px;height: 8px;border-radius: 50%;border: 4px #85D839 solid;padding: 3px;background: #fff;margin-bottom: 10px;position: absolute;left: 0px;top: 90px;} .events a:hover, .events a:focus{background: #000;} .tool_dropdown ul.tool_dropdown-menu:before {content: "";border-bottom: 10px solid #85D839;border-right: 10px solid transparent;border-left: 10px solid transparent;position: absolute;top: -10px;left: 0;z-index: 10;} /* .top-vr-text {position: absolute;top: 37px;left: -5px;display: block;transform: translateX(-5px) rotateZ(-45deg);width: 110px;text-align: start;padding-left: 10px;} */ .top-vr-text { position: absolute; top: 18px; left: 0px; display: block; transform: translateX(-5px) rotateZ(-42deg); width: 122px; text-align: start; /* padding-left: 10px; */ } .dropdown-menu{left: -4px;} .evdate-com{position: relative;width:80px;margin:150px 12px 0px;} .start-date{float: left;} .end-date{float: right;left: 26px;} .evdate-com span{} .detl-box{ padding:12px !important; background-color: #85D839; color: #000; } .detl-box strong{ font-weight: bold; } .detl-name{ text-decoration: underline; margin-bottom: 6px; } .events > .scroll-element.scroll-x .scroll-bar{display:block;} .events > .scroll-element.scroll-y .scroll-bar{display:none;} .signle-div{} .toolsing-div{} .dignle-main{margin:0px auto;background-color:#5f5f5f;border-radius:5px;padding:10px 5px 5px;width:50px;margin-bottom:20px;} .dignle-main label{display:block;margin-bottom:5px;} .dignle-main span{width:15px;height:15px;border-radius:100%;opacity:0.2;} .dignle-main span.active{opacity:1;} .span-red{background-color:#ff0000; /* background: -webkit-linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000);background: -o-linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000);background: -moz-linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000);background: linear-gradient(to bottom, #ff6c6c,#ff6c6c, #ff0000); */ } .span-yellow{background-color:yellow; /* background: -webkit-linear-gradient(to bottom, #d4d402,#d4d402, #ffff00);background: -o-linear-gradient(to bottom, #d4d402,#d4d402, #ffff00);background: -moz-linear-gradient(to bottom, #d4d402,#d4d402, #ffff00);background: linear-gradient(to bottom, #d4d402,#d4d402, #ffff00); */ } .span-green{background-color:#2ece2e; /* background: -webkit-linear-gradient(to bottom, #76da76,#76da76, #0c820c);background: -o-linear-gradient(to bottom, #76da76,#76da76, #0c820c);background: -moz-linear-gradient(to bottom, #76da76,#76da76, #0c820c);background: linear-gradient(to bottom, #76da76,#76da76, #0c820c); */ } .signle-div h4{text-transform:uppercase;color:#fff;padding:7px 10px;background-color:#ff0000;display:inline-block;} .speedometer {overflow: hidden;position: relative;margin: 20px auto;} /* .speedometerhgt {min-height: 60px;} */ .speedometer::after { background-color: #fff; height: 10px; width: 130px; margin: 0 auto; left: 0; bottom: 0; content: ''; position: absolute; border-radius: 1px; z-index: 40; right: 0; } .speedometer .dial { padding-top: 20px; overflow: hidden; } .speedometer .needle { position: absolute; left: 0; right: 0; top: 2px; width: 12px; margin: 0 auto; z-index: 50; } .speedometer .needle .inner { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTEzcHgiIHZpZXdCb3g9IjAgMCAxMiAxMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2NzY3NjciIGQ9Ik0wLjA2NywxMDYuMzQ0Yy0wLjAxNiwwLjEzNS0wLjAyNCwwLjU0My0wLjAzMiwwLjY4MWwtMC4wMTIsMC40MTFoMC4wMDVjLTAuMDAxLDAtMC4wMTEtMC4xNDYtMC4wMTEtMC4wODFjMC4wMDYsMy4xOSwyLjY4OSw1LjYzNSw1Ljk5NSw1LjYyOWMzLjMwNC0wLjAwNyw1Ljk3OC0yLjY2Niw1Ljk3MS01Ljg1NmMtMC4wMDEtMC40MTUtMC4wNS0wLjg1My0wLjEzNi0xLjI0Mkw2LjAxMiwwLjEyNEwwLjA2NywxMDYuMzQ0eiIvPjwvc3ZnPg==); background-size: 100%; height: 112px; width: 12px; position: relative; -webkit-transform: rotate(92deg); transform: rotate(92deg); -webkit-transform-origin: bottom center; transform-origin: bottom center; } .speedometer .needle .top, .speedometer .needle .bottom { display: none; position: absolute; } .speedometer .needle .top { border-color: transparent; } .speedometer .needle .bottom { background-color: transparent; } .speedometer .bar { position: relative; overflow: hidden; height: 95px; } .speedometer .half-circle {height: 95px;width: 190px;border-radius: 190px 190px 0 0;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;-webkit-transform-origin: bottom center;transform-origin: bottom center;} .speedometer .half-circle-bg {background-color: #e0f3fc;z-index: 10;} .speedometer .half-circle-speed {/*background-color: #0590dd;*/} .speedometer .half-com{z-index: 20;} .speedometer .half-circle-cover {background-color: #fff;height: 65px;width: 130px;border-radius: 190px 190px 0 0;background: #fff;margin: 0 auto;top: auto;bottom: 0;z-index: 30;} .speedometer .animated {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transform-origin: bottom center;transform-origin: bottom center;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} [class*='sm'] .speedometer { position: relative; margin:5px auto; } [class*='sm'] .speedometer::after { height: 6.2px; width: 80.6px; } [class*='sm'] .speedometer .dial { padding-top: 12.4px; } [class*='sm'] .speedometer .bar { position: relative; overflow: hidden; height: 58.9px; } [class*='sm'] .speedometer .half-circle { height: 58.9px; width: 117.8px; border-radius: 117.8px 117.8px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } [class*='sm'] .speedometer .half-circle-cover { height: 49.3px; width: 92.6px; border-radius: 117.8px 117.8px 0 0; } [class*='sm'] .speedometer .needle { width: 7.44px; } [class*='sm'] .speedometer .needle .inner { height: 65.44px; width: 7.44px; } .scaled-90 .speedometer { width: 189px; height: 108px; position: relative; margin: 20px auto; } .scaled-90 .speedometer::after { height: 9px; width: 117px; } .scaled-90 .speedometer .dial { padding-top: 18px; } .scaled-90 .speedometer .bar { position: relative; overflow: hidden; height: 85.5px; } .scaled-90 .speedometer .half-circle { height: 85.5px; width: 171px; border-radius: 171px 171px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .scaled-90 .speedometer .half-circle-cover { height: 58.5px; width: 117px; border-radius: 171px 171px 0 0; } .scaled-90 .speedometer .needle { width: 10.8px; } .scaled-90 .speedometer .needle .inner { height: 100.8px; width: 10.8px; } .scaled-80 .speedometer { width: 168px; height: 96px; position: relative; margin: 20px auto; } .scaled-80 .speedometer::after { height: 8px; width: 104px; } .scaled-80 .speedometer .dial { padding-top: 16px; } .scaled-80 .speedometer .bar { position: relative; overflow: hidden; height: 76px; } .scaled-80 .speedometer .half-circle { height: 76px; width: 152px; border-radius: 152px 152px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .scaled-80 .speedometer .half-circle-cover { height: 52px; width: 104px; border-radius: 152px 152px 0 0; } .scaled-80 .speedometer .needle { width: 9.6px; } .scaled-80 .speedometer .needle .inner { height: 89.6px; width: 9.6px; } .scaled-70 .speedometer { width: 147px; height: 84px; position: relative; margin: 20px auto; } .scaled-70 .speedometer::after { height: 7px; width: 91px; } .scaled-70 .speedometer .dial { padding-top: 14px; } .scaled-70 .speedometer .bar { position: relative; overflow: hidden; height: 66.5px; } .scaled-70 .speedometer .half-circle { height: 66.5px; width: 133px; border-radius: 133px 133px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .scaled-70 .speedometer .half-circle-cover { height: 45.5px; width: 91px; border-radius: 133px 133px 0 0; } .scaled-70 .speedometer .needle { width: 8.4px; } .scaled-70 .speedometer .needle .inner { height: 78.4px; width: 8.4px; } .scaled-60 .speedometer { width: 126px; height: 72px; position: relative; margin: 20px auto; } .scaled-60 .speedometer::after { height: 6px; width: 78px; } .scaled-60 .speedometer .dial { padding-top: 12px; } .scaled-60 .speedometer .bar { position: relative; overflow: hidden; height: 57px; } .scaled-60 .speedometer .half-circle { height: 57px; width: 114px; border-radius: 114px 114px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .scaled-60 .speedometer .half-circle-cover { height: 39px; width: 78px; border-radius: 114px 114px 0 0; } .scaled-60 .speedometer .needle { width: 7.2px; } .scaled-60 .speedometer .needle .inner { height: 67.2px; width: 7.2px; } .scaled-50 .speedometer { width: 105px; height: 60px; position: relative; margin: 20px auto; } .scaled-50 .speedometer::after { height: 5px; width: 65px; } .scaled-50 .speedometer .dial { padding-top: 10px; } .scaled-50 .speedometer .bar { position: relative; overflow: hidden; height: 47.5px; } .scaled-50 .speedometer .half-circle { height: 47.5px; width: 95px; border-radius: 95px 95px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .scaled-50 .speedometer .half-circle-cover { height: 32.5px; width: 65px; border-radius: 95px 95px 0 0; } .scaled-50 .speedometer .needle { width: 6px; } .scaled-50 .speedometer .needle .inner { height: 56px; width: 6px; } .percent-100 .speedometer.play .animated, .percent-100-sm .speedometer.play .animated { -webkit-animation-name: to-100; animation-name: to-100; } .percent-100-static .animated, .percent-100-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .percent-66 .speedometer.play .animated, .percent-66-sm .speedometer.play .animated { -webkit-animation-name: to-66; animation-name: to-66; } .percent-66-static .animated, .percent-66-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(-60.12deg); transform: rotate(-60.12deg); } .percent-60 .speedometer.play .animated, .percent-60-sm .speedometer.play .animated { -webkit-animation-name: to-60; animation-name: to-60; } .percent-60-static .animated, .percent-60-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(-72deg); transform: rotate(-72deg); } .percent-40 .speedometer.play .animated, .percent-40-sm .speedometer.play .animated { -webkit-animation-name: to-40; animation-name: to-40; } .percent-40-static .animated, .percent-40-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(-108deg); transform: rotate(-108deg); } .percent-33 .speedometer.play .animated, .percent-33-sm .speedometer.play .animated { -webkit-animation-name: to-33; animation-name: to-33; } .percent-33-static .animated, .percent-33-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(-120.06deg); transform: rotate(-120.06deg); } .percent-30 .speedometer.play .animated, .percent-30-sm .speedometer.play .animated { -webkit-animation-name: to-30; animation-name: to-30; } .percent-30-static .animated, .percent-30-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(-126deg); transform: rotate(-126deg); } .percent-16 .speedometer.play .animated, .percent-16-sm .speedometer.play .animated { -webkit-animation-name: to-16; animation-name: to-16; } .percent-16-static .animated, .percent-16-static-sm .animated { -webkit-animation: none; animation: none; -webkit-transform: rotate(-150.12deg); transform: rotate(-150.12deg); } @-webkit-keyframes to-100 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes to-100 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes to-66 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-100.12deg); transform: rotate(-100.12deg); } } @keyframes to-66 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-100.12deg); transform: rotate(-100.12deg); } } @-webkit-keyframes to-60 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-72deg); transform: rotate(-72deg); } } @keyframes to-60 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-72deg); transform: rotate(-72deg); } } @-webkit-keyframes to-40 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-108deg); transform: rotate(-108deg); } } @keyframes to-40 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-108deg); transform: rotate(-108deg); } } @-webkit-keyframes to-33 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-120.06deg); transform: rotate(-120.06deg); } } @keyframes to-33 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-120.06deg); transform: rotate(-120.06deg); } } @-webkit-keyframes to-30 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-126deg); transform: rotate(-126deg); } } @keyframes to-30 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-126deg); transform: rotate(-126deg); } } @-webkit-keyframes to-16 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-150.12deg); transform: rotate(-150.12deg); } } @keyframes to-16 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-150.12deg); transform: rotate(-150.12deg); } } /* Tool overview table search and pagination display non */ .srchpagi-non .dataTables_length, .srchpagi-non .dataTables_filter, .srchpagi-non .dataTables_info, .srchpagi-non .dataTables_paginate, .srchpagi-non .buttons-excel span{ display: none !important; } @media (max-width: 71.875em) { .speedometer { width: 189px; height: 108px; position: relative; margin: 20px auto; } .speedometer::after { height: 9px; width: 117px; } .speedometer .dial { padding-top: 18px; } .speedometer .bar { position: relative; overflow: hidden; height: 85.5px; } .speedometer .half-circle { height: 85.5px; width: 171px; border-radius: 171px 171px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .speedometer .half-circle-cover { height: 58.5px; width: 117px; border-radius: 171px 171px 0 0; } .speedometer .needle { width: 10.8px; } .speedometer .needle .inner { height: 100.8px; width: 10.8px; } } @media (max-width: 64.0625em) { .speedometer { width: 168px; height: 96px; position: relative; margin: 20px auto; } .speedometer::after { height: 8px; width: 104px; } .speedometer .dial { padding-top: 16px; } .speedometer .bar { position: relative; overflow: hidden; height: 76px; } .speedometer .half-circle { height: 76px; width: 152px; border-radius: 152px 152px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .speedometer .half-circle-cover { height: 52px; width: 104px; border-radius: 152px 152px 0 0; } .speedometer .needle { width: 9.6px; } .speedometer .needle .inner { height: 89.6px; width: 9.6px; } } @media (max-width: 56.25em) { .speedometer { width: 147px; height: 84px; position: relative; margin: 20px auto; } .speedometer::after { height: 7px; width: 91px; } .speedometer .dial { padding-top: 14px; } .speedometer .bar { position: relative; overflow: hidden; height: 66.5px; } .speedometer .half-circle { height: 66.5px; width: 133px; border-radius: 133px 133px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .speedometer .half-circle-cover { height: 45.5px; width: 91px; border-radius: 133px 133px 0 0; } .speedometer .needle { width: 8.4px; } .speedometer .needle .inner { height: 78.4px; width: 8.4px; } } @media (max-width: 51.5625em) { .speedometer { width: 126px; height: 72px; position: relative; margin: 20px auto; } .speedometer::after { height: 6px; width: 78px; } .speedometer .dial { padding-top: 12px; } .speedometer .bar { position: relative; overflow: hidden; height: 57px; } .speedometer .half-circle { height: 57px; width: 114px; border-radius: 114px 114px 0 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .speedometer .half-circle-cover { height: 39px; width: 78px; border-radius: 114px 114px 0 0; } .speedometer .needle { width: 7.2px; } .speedometer .needle .inner { height: 67.2px; width: 7.2px; } } /*unread notification*/ .unread_notification a{ background-color: #eeeeee; } /*.notification_ul{ min-width: 300px; padding: 0; }*/ .notification_ul_main{ min-width: 400px; max-width: 400px; } .notification_ul li a:hover, .notification_ul li a:focus{ background-color: #00ffcc !important; } .notification_ul li a b{ line-height: 18px; } .notification_ul{ padding: 0; overflow-x: hidden; overflow-y: hidden; min-width: 428px; } .notilist{ position: relative; float: left; width: 100%; height: 500px; overflow-y: auto; } .notification_ul li a#all_read:hover, .notification_ul li a#all_read:focus { background-color: transparent !important; color: #00ffcc; } /* notification checkbox */ .notification .checkbox{ margin: 0; } .notification .checkbox label{ margin: 0; position: relative; float: left; width: 100%; padding-left: 45px; } .notification .checkbox label input{ left: 20px; top: 21px; margin: 3px 0 0; } .selectall-chk .checkbox{ margin: 0; display: inline-flex; } .cap-secrel .item img{ margin: 0 auto; } .cap-secrel .carousel-caption{ position: relative; left: unset; right: unset; bottom: unset; text-align: center; } .cap-secrel .carousel-caption h3{ color: #111111; font-size: 28px; } .cap-secrel .carousel-caption p{ color: #111111; margin-bottom: 10px; } .cap-secrel .carousel-caption .dasgbtn-div a{padding: 3px 5px;font-size: 12px;} .cap-secrel .carousel-indicators{bottom: 10px;} .cap-secrel .carousel-indicators li{border-color: #00ffcc !important;} .cap-secrel .carousel-indicators li.active{background-color: #00ffcc !important;} .cap-secrel .carousel-control{color: #333;} .cap-secrel .carousel-control.right, .cap-secrel .carousel-control.left{background-image: unset;} .cap-secrel>.item>img, .cap-secrel>.item>a>img{max-height: 380px;min-height: 380px;} .fxheight-head{ min-height: 18px; } .imguplod-file{ margin-left: 168px; margin-top: -43px; position: absolute; width: 48%; height: 43px !important; border-radius: 0; } .curvchrt{ overflow-y:hidden !important;overflow-x:scroll !important } /* .curvchrt-inn{ height:275px;width:100%;margin-left:-50px;margin-right: 10px; } */ .curvchrt-inn { height: 275px; width: 100%; margin-left: 40px; margin-right: 0; } .leftlbl{ -ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;top:46%;left:0%; } .leftbtmm{ position:absolute;bottom: 10%;right: 0%;left: 0%;text-align: center; } .dropdown-menu { left: 0; } /* loader */ .preloader { position: fixed; top: 0; left: 0; z-index: 9999999; background-color: rgba(255,255,255,0.9); height: 100%; width: 100%; } .preloader .preloader-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .preloader .preloader-area img{ width: 400px; } /* PRINT */ .printpdf_div{ background-color: #ffffff !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; } .printpdf_div .ctrl-blog { margin: 0 !important; box-shadow: unset !important; } .printpdf_div .graphtool{margin-bottom: 0 !important;} .printpdf_div .indicstatus.padd-indi{position: absolute !important;bottom: 20px !important;} /* @media (min-width: 768px) and (max-width: 991px){ .printpdf_div #download_content{ background-color: #ffffff !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; } } */ /*@media (max-width: 768px) { #sidebar {min-width: 80px;max-width: 80px;text-align: center;margin-left: -80px !important ;} a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {top: auto;bottom: 5px;right: 50%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);} #sidebar.active {margin-left: 0 !important;} #sidebar .sidebar-header h3, #sidebar .CTAs {display: none;} #sidebar .sidebar-header strong {display: block;} #sidebar ul li a {padding: 20px 10px;} #sidebar ul li a span {font-size: 0.85em;} #sidebar ul li a i {margin-right: 0;display: block;} #sidebar ul ul a {padding: 10px !important;} #sidebar ul li a i {font-size: 1.3em;} #sidebar {margin-left: 0;} #sidebarCollapse span {display: none;} }*/ .printviewplan-img{} .printviewplan-img a{display:block;text-align:center;} .printviewplan-img a img{max-width:100%;width: 100%; object-fit:cover;margin:0px auto;} @media (min-width:320px) and (max-width: 575px) { header .navbar{padding:3px 0px;} header .navbar .navbar-header {padding: 0px 5px;} header .navbar .navbar-header{text-align:center;float: left;padding: 5px 5px;} header .navbar .navbar-brand{float:none;height:auto;} header .navbar .navbar-brand img{max-height:20px;} header .navbar .navbar-header .navbar-toggle{text-align:left;float:left;margin:0px 6px 0px 0px;padding: 7px 3px;} header .navbar-default .navbar-collapse{border-color:transparent;border:none;} #sidebarCollapse span{display:block;} .main-container{margin-top:51px;} #content,#content.active{padding-left:0px;} .breadcrumb{padding:0px;margin:15px 0px;} .breadcrumb a, .breadcrumb-item.active{font-size:12px;} .breadcrumb-item+.breadcrumb-item::before{padding-right: .2rem;padding-left: .2rem;} #sidebar {min-width:0px;max-width:0px;} #sidebar.active {margin-left: 0 !important;min-width:180px;max-width:180px;} #sidebar .sidebar-header h3, #sidebar .CTAs {display: none;} #sidebar .sidebar-header strong {display: block;} #sidebar ul li a {padding:7px;} #sidebar ul li a .svg-icon{width:25px;height:25px;} #sidebar.active ul li a{padding:7px;font-size:14px;} #sidebar ul li a span {font-size: 0.85em;} #sidebar ul li a i {margin-right: 0;display: block;} #sidebar ul ul a {padding: 10px !important;} #sidebar ul li a i {font-size: 1.3em;} #sidebar {margin-left: 0;} #sidebarCollapse span {} .navbar-right li a{padding: 7px 10px;} .navbar-right li{position:static;} .navbar-right li a.dropdown-toggle {padding: 13px 15px;} .navbar-right li a span{top:4%;} .dropdown-menu{left:0%;overflow: hidden;} .navbar-right li .dropdown-menu li{position:relative;display:block;width: 100%;float: left;} .navbar-right li .dropdown-menu li a{text-decoration:none;} .navbar-right li .dropdown-menu li a div{} .btn-ctrl a span{width:30px;height:30px;font-size: 14px;line-height: 29px;} .crit-cart{padding:0px 15px;} .table-responsive{ /* overflow: hidden; */ padding-top: 15px;} .table-div {margin-top: 10px;} .table-responsive .row{width: 100%;float: left;position: relative;} .table-responsive .row:nth-child(1){} .table-responsive .row:nth-child(1) .col-sm-6{width: 100%;float: left;position: relative;} div.dataTables_wrapper div.dataTables_length{text-align:left;padding:0px 15px;} div.dataTables_wrapper div.dataTables_filter{width:87%;float:none;} .table-responsive .row:nth-child(2){overflow-y: hidden;overflow-x: auto;} .table-div table tr td .div-btn a{margin-left:6px;line-height: 20px;} .fa-action i{font-size:12px;} .table-responsive .row:nth-child(3){} .table-responsive .row:nth-child(3) .col-sm-5{} .table-responsive .row:nth-child(3) .col-sm-7{} .vertical-alignment-helper{display:block;} .vertical-alignment-helper .modal-dialog{width:100%;margin:0px;display: inline-block;padding: 10px;} .modal.in .modal-dialog{-webkit-transform: translate(0,25%);-ms-transform: translate(0,25%);-o-transform: translate(0,25%);transform: translate(0,25%);} .ctrl-tableview {overflow-x: auto;} .ctrl-tableview table.table-viewcom tr th{width:auto;} .ctrl-tableview table.table-viewcom tr td{width:auto;} .nav-tabs > li{margin-right:2px;} .nav-tabs > li > a{padding: 6px 12px;font-size:12px;} .btn-group{} .btn-group a{padding: 4px 9px;} .form-group{margin-bottom:10px;} .form-btn a,.form-btn button{margin: 0px 10px 10px;padding: 7px 10px;} .form-group h5{margin-bottom:5px;line-height:20px;} .form-group .form-control{height:35px;} .fileuplod-div{text-align:center;} .upl-label{padding: 7px 15px;font-size: 14px;} .content-main h1{font-size:18px;} .panel-h4{font-size:18px !important;} .showcomp-btn a{font-size:12px;padding:5px;} .events ul{} .padd-tolstatus{padding-top:0px;} .preloader .preloader-area img {width: 210px;} } @media (max-width: 767px){ .mobnon{display: none;} .mobpb0 {padding-bottom: 0;} .mobpt0 {padding-top: 0;} .mobmt0 a{margin-top: 0;} .mobmt0 {margin-top: 0;} .pdf-disblock .pdf-disblock-inn span.pdf-bg-strong {width: 38%;} .pdf-disblock .pdf-disblock-inn input, .pdf-disblock .pdf-disblock-inn .form-control {width: 62%;} .mob-bordnon{border: none;} .pdf-disblock .pdf-disblock-inn span strong {font-size: 13px;} .mobmp{margin-bottom: 15px;padding: 15px;} .evdate-com { position: relative; width: 48px; margin: 84px 2px 8px; } .evdate-com span { font-size: 8px; } .eventsConnector { background: #85D839 none repeat scroll 50% 50%; height: 2px; left: 0; top: 6px; position: relative; transition: transform 0.4s ease 0s; width: 20px; z-index: 0; margin-top: 90px; margin-bottom: 20px; } .top-vr-text { position: absolute; top: 35px; left: 0px; display: block; transform: translateX(-5px) rotateZ(-42deg); width: 122px; text-align: start; /* padding-left: 10px; */ font-size: 10px; } .events a { display: block; width: 4px; height: 4px; border-radius: 50%; border: 2px #85D839 solid; padding: 3px; background: #fff; margin-bottom: 10px; position: absolute; left: 0px; top: 92px; } .events ul li:first-child { margin-left: -30px; } .events .detl-box li:first-child {margin-left: 0px;} .detl-box li{margin-left: 0px;} .mobpt2{padding-top: 10px !important;} .dataTables_filter {margin-left: 15px;} div.dataTables_wrapper div.dataTables_length {width: 100%;} .notification_ul {min-width: 305px;} .dd-maxheight {max-height: 440px;} .imguplod-file { margin-left: 0; margin-top: 2px; /* width: 43%; */ height: auto !important; } .mobmb2{margin-bottom: 15px;} .res_navstack.nav-stacked>li {float: left;} .res_navstack.nav-stacked>li+li {margin-top: 0px;} .res-mt-0{margin-top: 0;} } @media (min-width: 576px) and (max-width: 767px) { header .navbar{padding:3px 0px;} header .navbar .navbar-header {padding: 0px 5px;} header .navbar .navbar-header{text-align:center;float: left;padding: 5px 5px;} header .navbar .navbar-brand{float:none;height:auto;} header .navbar .navbar-brand img{max-height:20px;} header .navbar .navbar-header .navbar-toggle{text-align:left;float:left;margin:0px 6px 0px 0px;padding: 7px 3px;} header .navbar-default .navbar-collapse{border-color:transparent;border:none;} #sidebarCollapse span{display:block;} .main-container{margin-top:51px;} #content,#content.active{padding-left:0px;} .breadcrumb{padding:0px;margin:15px 0px;} .breadcrumb a, .breadcrumb-item.active{font-size:12px;} .breadcrumb-item+.breadcrumb-item::before{padding-right: .2rem;padding-left: .2rem;} #sidebar {min-width:0px;max-width:0px;} #sidebar.active {margin-left: 0 !important;min-width:180px;max-width:180px;} #sidebar .sidebar-header h3, #sidebar .CTAs {display: none;} #sidebar .sidebar-header strong {display: block;} #sidebar ul li a {padding:7px;} #sidebar ul li a .svg-icon{width:25px;height:25px;} #sidebar.active ul li a{padding:7px;font-size:14px;} #sidebar ul li a span {font-size: 0.85em;} #sidebar ul li a i {margin-right: 0;display: block;} #sidebar ul ul a {padding: 10px !important;} #sidebar ul li a i {font-size: 1.3em;} #sidebar {margin-left: 0;} #sidebarCollapse span {} .navbar-right li a{padding: 7px 10px;} .navbar-right li{position:static;} .navbar-right li a.dropdown-toggle {padding: 13px 15px;} .navbar-right li a span{top:4%;} .dropdown-menu{left:2%;right:2%;overflow: hidden;} .navbar-right li .dropdown-menu li{position:relative;display:block;width: 100%;float: left;} .navbar-right li .dropdown-menu li a{text-decoration:none;} .navbar-right li .dropdown-menu li a div{} .btn-ctrl a span{width:30px;height:30px;font-size: 14px;line-height: 29px;} .crit-cart{padding:0px 15px;} .table-responsive{ /* overflow: hidden; */ padding-top: 15px;} .table-div {margin-top: 10px;} .table-responsive .row{width: 100%;float: left;position: relative;} .table-responsive .row:nth-child(1){} .table-responsive .row:nth-child(1) .col-sm-6{width: 100%;float: left;position: relative;} div.dataTables_wrapper div.dataTables_length{text-align:left;padding:0px 15px;} div.dataTables_wrapper div.dataTables_filter{width:87%;float:none;} .table-responsive .row:nth-child(2){overflow-y: hidden;overflow-x: auto;} .table-div table tr td .div-btn a{margin-left:6px;line-height: 20px;} .fa-action i{font-size:12px;} .table-responsive .row:nth-child(3){} .table-responsive .row:nth-child(3) .col-sm-5{} .table-responsive .row:nth-child(3) .col-sm-7{} .vertical-alignment-helper{display:block;} .vertical-alignment-helper .modal-dialog{width:100%;margin:0px;display: inline-block;padding: 10px;} .modal.in .modal-dialog{-webkit-transform: translate(0,25%);-ms-transform: translate(0,25%);-o-transform: translate(0,25%);transform: translate(0,25%);} .ctrl-tableview {overflow-x: auto;} .ctrl-tableview table.table-viewcom tr th{width:auto;} .ctrl-tableview table.table-viewcom tr td{width:auto;} .nav-tabs > li{margin-right:2px;} .nav-tabs > li > a{padding: 6px 12px;font-size:12px;} .btn-group{} .btn-group a{padding: 4px 9px;} .form-group{margin-bottom:10px;} .form-btn a,.form-btn button{margin: 0px 10px 10px;padding: 7px 10px;} .form-group h5{margin-bottom:5px;line-height:20px;} .form-group .form-control{height:35px;} .fileuplod-div{text-align:center;} .upl-label{padding: 7px 15px;font-size: 14px;} .content-main h1{font-size:18px;} .panel-h4{font-size:18px !important;} .showcomp-btn a{font-size:12px;padding:5px;} .events ul{} .padd-tolstatus{padding-top:0px;} .logo-pdf img{width: 100%;} .preloader .preloader-area img {width: 210px;} } @media (min-width: 768px) and (max-width: 991px) { header .navbar{padding:3px 0px;} header .navbar .navbar-header {padding: 0px 5px;} header .navbar .navbar-header{text-align:center;} header .navbar .navbar-brand{height:auto;} header .navbar .navbar-brand img{max-height:40px;} header .navbar .navbar-header .navbar-toggle{text-align:left;float:left;} #sidebar.active{min-width: 210px;max-width: 210px;margin-left:0px !important;} #sidebar.active ul li a{padding:7px;font-size:14px;} #sidebar ul li a .svg-icon{width:25px;height:25px;} #sidebarCollapse span{display:block;} .main-container{margin-top:57px;} #content,#content.active{padding-left:0px;} #sidebar {min-width: 80px;max-width: 80px;text-align: center;margin-left: -80px !important ;} a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {top: auto;bottom: 5px;right: 50%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);} .part-tese .gallery_container .gallery_wrap{min-height: 400px;} .threeD_gallery_wrap{-webkit-perspective:396px;-moz-perspective: 396px;-ms-perspective:396px;perspective: 396px;} .part-tese .gallery_left_middle {-webkit-transform: translate3d(-305px, 0px, -499px) rotateX(0deg) rotateY(32deg);transform: translate3d(-305px, 0px, -499px) rotateX(0deg) rotateY(32deg);} .part-tese .gallery_right_middle {-webkit-transform: translate3d(305px, 0px, -499px) rotateX(0deg) rotateY(-32deg);transform: translate3d(305px, 0px, -499px) rotateX(0deg) rotateY(-32deg);} .breadcrumb{padding:0px;margin:15px 0px 10px;} .breadcrumb a, .breadcrumb-item.active{font-size:12px;} .breadcrumb-item+.breadcrumb-item::before{padding-right: .2rem;padding-left: .2rem;} .btn-ctrl a span{width:30px;height:30px;font-size: 14px;line-height: 29px;} .dash-box-pad{margin-top:15px;} .crit-cart{padding:0px 5px;} .table-responsive{ /* overflow: hidden; */ padding-top: 15px;} .table-responsive .row{width: 100%;float: left;position: relative;} .table-responsive .row:nth-child(2){overflow-y: hidden;overflow-x: auto;} .indicstatus h2{font-size:13px;} div.dataTables_wrapper div.dataTables_filter {text-align: right;width: 96%;float:none;} .table-div table tr td .div-btn a {margin-left: 5px;line-height: 25px;} .fa-action i {font-size: 13px;padding-left: 2px;} .legend{padding: 7px 0px 10px;} .com-pd{min-height: 200px;} .padd-indi {padding: 10px 0px;} .same-height .indicstatus{padding:10px;} .toolgraph-com{min-height:340px;} .openissues{overflow-x: scroll;} .toolmap-div{height: 243px;} .ctrl-tableview table tr td .toolimg{max-height:168px;} .events ul{} /* .respb3{padding-bottom: 15px;} */ .crit-cart {padding: 10px 5px;} .imguplod-file {width: 40%;} .fileuplod-div {padding: 12px 5px;} .pdf-disblock .pdf-disblock-inn span.pdf-bg-strong {width: 45%;} .pdf-disblock .pdf-disblock-inn input, .pdf-disblock .pdf-disblock-inn .form-control {width: 55%;} .pdf-disblock .pdf-disblock-inn span strong {font-size: 12px;padding-left: 2px;padding-right: 2px;} .logo-pdf img{width: 100%;} .curvchrt{overflow-y:hidden !important;overflow-x:scroll !important} .curvchrt-inn{margin-left: 0;margin-right: 0;padding-left: 28px;} .leftlbl{left: -10%;} .crit-cart {margin-bottom: 15px;} .eventsConnector {width: 80px;} /* .events {overflow: hidden;} .events ul {overflow-x: auto;} */ .bar-tafic {min-height: 234px;} .pdf-disblock-svg2 {padding: 10px 6px 10px;min-height: 99px;} .res_navstack.nav-stacked>li {float: left;} .res_navstack.nav-stacked>li+li {margin-top: 0px;} .res-mt-0{margin-top: 0;} .ctrl-blog {min-height: 300px !important;} .min-auto{min-height:161px;} .phyimg-div{min-height:143px;} .printviewplan-img a img{width:70%;} } @media (min-width: 992px) and (max-width: 1199px) { .part-tese .gallery_container .gallery_wrap{min-height: 400px;} .threeD_gallery_wrap{-webkit-perspective:396px;-moz-perspective: 396px;-ms-perspective:396px;perspective: 396px;} .part-tese .gallery_left_middle {-webkit-transform: translate3d(-305px, 0px, -499px) rotateX(0deg) rotateY(32deg);transform: translate3d(-305px, 0px, -499px) rotateX(0deg) rotateY(32deg);} .part-tese .gallery_right_middle {-webkit-transform: translate3d(305px, 0px, -499px) rotateX(0deg) rotateY(-32deg);transform: translate3d(305px, 0px, -499px) rotateX(0deg) rotateY(-32deg);} .dash-box-pad{margin-top:15px;} .crit-cart{padding:10px;} .table-responsive{ /* overflow: hidden; */ padding-top: 15px;} .table-responsive .row{width: 100%;float: left;position: relative;} .table-responsive .row:nth-child(2){overflow-y: hidden;overflow-x: auto;} .indicstatus h2{font-size:13px;} div.dataTables_wrapper div.dataTables_filter {text-align: right;width: 96%;float:none;} .table-div table tr td .div-btn a {margin-left: 5px;line-height: 25px;} .fa-action i {font-size: 13px;padding-left: 2px;} .padd-indi {padding: 10px 0px;} .same-height .indicstatus{padding:10px;} .table-div table tr td .div-btn a{line-height:20px;} .fa-action i {font-size: 13px;padding-left: 3px;} .pdf-disblock .pdf-disblock-inn span strong{font-size: 14px;padding: 0;} .pdf-disblock .pdf-disblock-inn span.pdf-bg-strong {padding: 5px 2px;width: 38%;} .pdf-disblock .pdf-disblock-inn input, .pdf-disblock .pdf-disblock-inn .form-control {width: 62%;} .logo-pdf {padding: 18px 10px;} .logo-pdf img{width: 100%;} .imguplod-file{width: 52%;} .ctrl-tableview table tr td img {max-height: 170px;} .toolmap-div {height: 312px;} .curvchrt{overflow-y:hidden !important;overflow-x:scroll !important} .curvchrt-inn{margin-left: 0;margin-right: 0;padding-left: 28px;} .leftlbl{left:-13% !important;} #sidebar.active {min-width: 210px;max-width: 210px;margin-left: 0px !important;} #content, #content.active {padding-left: 80px;} .same-height {min-height: 214px;} .legend {padding: 10px 0px 8px;} .mb-2{margin-bottom: 0 !important;} .bar-tafic{min-height: 238px;} .panel-h4{font-size: 16px !important;} .showcomp-btn a{margin-top:0px;} .phyimg-div{} } @media (min-width: 1200px) { .col-half-offset{width:19.99%} .padd-indi {padding: 19px 0px 14px;} .legend{font-size:0px;} .legend li{padding-left: 3px;border-left: 5px solid black;font-size: 9px;} .part-tese .gallery_container .gallery_wrap{min-height:530px;} .threeD_gallery_wrap{-webkit-perspective:396px;-moz-perspective: 396px;-ms-perspective:396px;perspective: 396px;} .part-tese .gallery_left_middle {-webkit-transform: translate3d(-250px, 0px, -550px) rotateX(0deg) rotateY(32deg);transform: translate3d(-250px, 0px, -550px) rotateX(0deg) rotateY(32deg);} .part-tese .gallery_right_middle {-webkit-transform: translate3d(250px, 0px, -550px) rotateX(0deg) rotateY(-32deg);transform: translate3d(250px, 0px, -550px) rotateX(0deg) rotateY(-32deg);} .printviewplan-img a img{width:78%;} } @media (max-width: 1400px) { .boxh32{min-height: 121px;} .leftlbl{left:-8%;} .ctrl-blog {min-height: 412px;} } @media (min-width: 1440px) { .part-tese .gallery_container .gallery_wrap{min-height:530px;} } @media (min-width:1600px) { .padd-indi {padding: 19px 0px;} .legend{font-size:0px;} .legend li{padding-left:5px;border-left:10px solid black;font-size:12px;} .part-tese .gallery_container .gallery_wrap{min-height:700px;} .threeD_gallery_wrap{-webkit-perspective:396px;-moz-perspective: 396px;-ms-perspective:396px;perspective: 396px;} .part-tese .gallery_left_middle {-webkit-transform: translate3d(-385px, 0px, -699px) rotateX(0deg) rotateY(42deg);transform: translate3d(-385px, 0px, -699px) rotateX(0deg) rotateY(42deg);} .part-tese .gallery_right_middle {-webkit-transform: translate3d(385px, 0px, -699px) rotateX(0deg) rotateY(-42deg);transform: translate3d(385px, 0px, -699px) rotateX(0deg) rotateY(-42deg);} .printviewplan-img a img{width:56%;} }