body,html{color:#5E5E5E}div.flash{color:black;background:#FFF9D7;border:1px solid #E2C822;padding:1em;margin:1em 0;text-align:center;border-radius:4px}#wrapper{width:100%}#page-wrapper{margin-top:120px;padding:0 15px;min-height:568px;background-color:white}.page-header{padding-top:10px;padding-bottom:10px;text-transform:uppercase;font-weight:700}.head-section{background:#5E5E5E;color:#fff}.navigate-me a{display:inline-block;margin:5px}h2.title-part{color:#5E5E5E;border-bottom:dashed 1px #5E5E5E;padding:15px}.no-search{margin-top:50px!important}#bloodhound{position:fixed;top:51px;right:0;left:0;padding:5px 0;z-index:1;margin:0 auto;background:#F5F5F5;box-shadow:0 2px 4px rgba(0,0,0,.4)}.navbar-header,.navbar-static-top,.navbar-fixed-top{background:#5e5e5e;color:#fff}.navbar-top-links i{color:#fff}.navbar-top-links li.dropdown,.navbar-top-links li.dropdown:visited{background:#5e5e5e}.navbar-top-links li a.dropdown-toggle:hover,.navbar-top-links li.dropdown:hover,.navbar-top-links li.dropdown.open{background:#CF5199;color:#fff}.navbar-top-links li a.dropdown-toggle:hover>i{color:#fff}.nav>li>a:focus,.nav>li>a:hover{background-color:#5e5e5e}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background:#CF5199!important}.nav .open>a>i,.nav .open>a{color:#fff}#ex2{vertical-align:top!important}.modal{padding:20px;opacity:1;}.navbar-top-links{margin-right:0}.navbar-top-links li{display:inline-block}.navbar-top-links li:last-child{margin-right:15px}.navbar-top-links li a{padding:15px;min-height:50px}.navbar-top-links .dropdown-menu li{display:block}.navbar-top-links .dropdown-menu li:last-child{margin-right:0}.navbar-top-links .dropdown-menu li a{padding:8px 20px;min-height:0}.navbar-top-links .dropdown-menu li a i{color:#CF5199}.navbar-top-links .dropdown-menu li a div{white-space:normal}.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts{width:310px;min-width:0}.navbar-top-links .dropdown-messages{margin-left:5px}.navbar-top-links .dropdown-tasks{margin-left:-59px}.navbar-top-links .dropdown-alerts{margin-left:-123px}.navbar-top-links .dropdown-user{right:0;left:auto;overflow-y:auto;max-height:calc(100vh - 100px)}.sidebar .sidebar-nav.navbar-collapse{padding-left:0;padding-right:0}.sidebar .sidebar-search{padding:15px}.sidebar ul li{border-bottom:1px solid #e7e7e7}.sidebar ul li a.active{background-color:#eee}.sidebar .arrow{float:right}.sidebar .fa.arrow:before{content:"\f104"}.sidebar .active>a>.fa.arrow:before{content:"\f107"}.sidebar .nav-second-level li,.sidebar .nav-third-level li{border-bottom:none!important}.sidebar .nav-second-level li a{padding-left:37px}.sidebar .nav-third-level li a{padding-left:52px}.btn-outline{color:inherit;background-color:transparent;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-location{font-size:300%;background:transparent;border:0 none;cursor:unset}.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-info.btn-outline:hover,.btn-warning.btn-outline:hover,.btn-danger.btn-outline:hover{color:white}.chat{margin:0;padding:0;list-style:none}.chat li{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #999}.chat li.left .chat-body{margin-left:60px}.chat li.right .chat-body{margin-right:60px}.chat li .chat-body p{margin:0}.panel .slidedown .glyphicon,.chat .glyphicon{margin-right:5px}.chat-panel .panel-body{height:350px;overflow-y:scroll}.login-panel{margin-top:50%}.header-logo{margin-top:1%;margin-bottom:6%}.flot-chart{display:block;height:400px}.flot-chart-content{width:100%;height:100%}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background:transparent}table.dataTable thead .sorting_asc:after{content:"\f0de";float:right;font-family:"Font Awesome 5 Free"}table.dataTable thead .sorting_desc:after{content:"\f0dd";float:right;font-family:"Font Awesome 5 Free"}table.dataTable thead .sorting:after{content:"\f0dc";float:right;font-family:"Font Awesome 5 Free";color:rgba(50,50,50,.5)}.btn-circle{width:30px;height:30px;padding:6px 0;border-radius:15px;text-align:center;font-size:12px;line-height:1.428571429}.btn-circle.btn-lg{width:50px;height:50px;padding:10px 16px;border-radius:25px;font-size:18px;line-height:1.33}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;border-radius:35px;font-size:24px;line-height:1.33}.show-grid [class^="col-"]{padding-top:10px;padding-bottom:10px;border:1px solid #ddd;background-color:#eee!important}.show-grid{margin:15px 0}.huge{font-size:40px}.panel-green{border-color:#5cb85c}.panel-body{padding:0 15px 15px 15px}.panel-default{border:solid 1px #5E5E5E}.box-sector>.panel{box-shadow:0 2px 4px rgba(0,0,0,.4)}.box-sector>.panel-default{border:solid 1px #d6e9c6}.panel-default>.panel-heading{color:#ffff;background:#5E5E5E}.panel-default>.panel-heading i{color:#fff}.panel-green .panel-heading{border-color:#5cb85c;color:white;background-color:#5cb85c}.panel-green a{color:#5cb85c}.panel-green a:hover{color:#3d8b3d}.panel-red{border-color:#d9534f}.panel-red .panel-heading{border-color:#d9534f;color:white;background-color:#d9534f}.panel-red a{color:#d9534f}.panel-red a:hover{color:#CF5199}.panel-violet{border-color:#e0d3ea;color:#7846a0}.panel-orange{border-color:#d8b86c;color:#9b5f31}.panel-pink{border-color:#f7a8cf;color:#b53d79}.panel-violet .panel-heading{border-color:#e0d3ea;background-color:#e0d3ea}.panel-violet a{color:#000}.panel-footer{min-height:90px}.f-12{font-size:12px}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-22{font-size:22px}.cl-red{color:red!important}.cl-gray{color:gray!important}.cl-white{color:#fff!important}.cl-green{color:#bdc138}.cl-green-2{color:forestgreen}.cl-pink{color:#CF5199}.cl-bg-gray{background:#c9c7c7!important}a{color:#000}a:hover{color:#CF5199}a.red-link{color:#CF5199;text-decoration:none}a.red-link:hover{color:#CF5199;text-decoration:underline}.flash.success{background:#E1F9D6;border:0 none;font-weight:700}.flash.alert{background:#E05350;color:#fff;border:0 none;font-weight:700}.flash.error{background:#F9D6D9;border:0 none;font-weight:700}.va-m td,.va-m{vertical-align:middle!important}.mrg-l-20{margin-right:20px}.mrg-l-25{margin-right:25px}.borderless td,.borderless th{border:none!important}.release-orange,.done-green,.action-red{display:inline-block;width:100%;margin:5px 0;padding:25px;color:#fff;font-weight:600;font-size:170%;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.4)}.release-orange{background:#F18818}.done-green{background:#58aa3d}.action-red{background:#a83c3c}.release-orange:hover,.done-green:hover,.action-red:hover{color:#ffffff!important}.shipping,.picking,.remake,.more{position:absolute;font-weight:700;color:#C95EA0}.shipping{right:5px;top:3px}.picking{left:5px;top:3px}.remake{right:5px;bottom:0;font-weight:400}.more{top:7px;right:7px}.more i{color:red}.box-count{font-size:500%}p.shipping,p.picking{position:relative;top:5px}.order-content-box{margin:10px 10px 0 10px;border-radius:8px;box-shadow:0 2px 3px rgba(0,0,0,.4)}.order-box{margin:5px;font-weight:600;font-size:18px}.order-box.true,.order-box.false,.order-box.warn{color:#fff;text-transform:uppercase;padding:20px;font-weight:600;font-size:170%;box-shadow:0 2px 4px rgba(0,0,0,.4)}.order-box.true{background:#58AA3D}.order-box.false{background:#A83C3C}.order-box.warn{color:#000;background:#da7908}.btn-box{width:49%;display:inline-block}.btn-box-f{width:100%;display:inline-block}.other-order-part{padding:5px 10px;margin:0 10px 10px 10px;min-height:55px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sector-letter{padding:20px 30px;width:100px;font-size:2em;margin:0 5px;display:inline-block;margin-bottom:7px}.sector-letter:hover{color:#000}.print-label{color:black;background:transparent;border:0 none;padding:10px 5px 5px 5px}.radius-btm-none{border-bottom-right-radius:unset;border-bottom-left-radius:unset}.sector-letter-generate{background:#e0e0e0;color:#000;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4);margin-bottom:7px}.sector-letter-generate.active,.sector-letter-generate:hover{background:#cf5199;color:#fff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4)}.detail-inner{background:#F5F5F5;padding:25px;margin-bottom:12px}.detail-box-left{background:#fff;padding:25px}.detail-box-right{padding:0 25px}.btn-green,.btn-violet,.btn-orange,.btn-gray,.btn-orange-2{line-height:250%;padding:11px 25px;color:#ffffff!important;font-weight:600;font-size:110%}.btn-green{background:#58AA3D}.btn-violet{background:#CF5199}.btn-orange{background:#EC971F;box-shadow:0 2px 2px rgba(0,0,0,.4)}.btn-orange-2{background:#E9571A;box-shadow:0 2px 2px rgba(0,0,0,.4)}.btn-gray{background:gray;box-shadow:0 2px 2px rgba(0,0,0,.4)}.btn-done{line-height:450%;padding:0 15px}.btn-green-2{border:0 none;background:#58AA3D;padding:8px 25px;color:#fff;font-weight:600;font-size:110%;box-shadow:0 2px 4px rgba(0,0,0,.4)}.select-200{width:200px;margin:0 auto;font-weight:700;display:inline;text-align:right}#item-image{margin:0 auto}#time{text-align:center;font-weight:700;background:#e0e0e0;opacity:.5;color:#000;margin:0;padding:3px 0}.typeahead,.tt-query,.tt-hint{width:396px;height:30px;padding:22px 12px;line-height:30px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;outline:none;text-align:center}.typeahead{background-color:#fff;width:460px;margin:0 auto}.typeahead::placeholder{color:#5E5E5E}.typeahead:focus{border:1px solid #CF5199}.tt-query{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.tt-hint{color:#999}.tt-menu{width:452px;margin:5px 0;padding:5px 0;background-color:#f3f3f3;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);overflow-y:auto;max-height:calc(100vh - 100px)}.tt-suggestion{padding:3px 20px;font-size:18px;line-height:24px;text-align:left}.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#CF5199}.tt-suggestion.tt-cursor{color:#fff;background-color:#CF5199}.tt-suggestion p{margin:0}.gist{font-size:14px}.my-wrapper{position:absolute;bottom:0;left:0;height:100%;width:100%;z-index:100;text-align:center;white-space:nowrap;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s;background:transparent}.my-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.my-wrapper .centered{display:inline-block;white-space:normal;vertical-align:middle;position:relative}#bottom-expand{width:auto;position:fixed;bottom:20px;margin:0 auto;z-index:1000;left:50%;transform:translate(-50%,0)}#bottom-action{width:auto;position:fixed;bottom:20px;margin:0 auto;z-index:1000;left:50%;transform:translate(-50%,0)}.box-order,.box-pickinglist{margin:5px 0}.box-order div.sector-name,.box-pickinglist div.sector-name{font-size:300%}.product-row-header{border-bottom:solid 1px #E5E5E5;padding-bottom:10px}.product-row-pl-header{padding:10px 0;background:khaki;margin-left:0;margin-right:0}.product-row,.product-row-pl,.product-row-pl-order{margin-left:0;margin-right:0;padding:5px 0;border-bottom:solid 1px #F5F5F5}.product-row img,.product-row-pl img{cursor:pointer}.product-row-pl-order div:nth-child(1) a{color:#E9571A}.product-row div:nth-child(n+2),.product-row-pl div:nth-child(n+2),.product-row-pl-order div:nth-child(n+1),.product-row-pl-order div div:nth-last-child(1){min-height:110px;position:relative;display:flex;flex-direction:column;justify-content:center}.product-row div:nth-last-child(1),.product-row-pl div:nth-last-child(1),.product-row-pl-order div:nth-last-child(1){flex-direction:unset}.product-row div:nth-last-child(1) .btn-success,.product-row div:nth-last-child(1) .btn-warning,.product-row div:nth-last-child(1) .btn-danger,.product-row div:nth-last-child(1) .btn-location,.product-row-pl div:nth-last-child(1) .btn-success,.product-row-pl div:nth-last-child(1) .btn-warning,.product-row-pl div:nth-last-child(1) .btn-danger,.product-row-pl div:nth-last-child(1) .btn-location,.product-row-pl-order div:nth-last-child(1) .btn-success,.product-row-pl-order div:nth-last-child(1) .btn-warning,.product-row-pl-order div:nth-last-child(1) .btn-danger,.product-row-pl-order div:nth-last-child(1) .btn-location{width:35%;position:relative;margin:15px;padding:0}.product-row div:nth-last-child(1) .btn-location,.product-row-pl div:nth-last-child(1) .btn-location,.product-row-pl-order div:nth-last-child(1) .btn-location{width:auto}.trace-link{position:relative;text-decoration:none;background:#CF5199;color:#000}.trace-link:hover{color:#000;text-decoration:none}.trace-link p{font-weight:600;font-size:170%;padding:25px 20px}.trace-link p span:nth-child(1){font-size:180%}.trace-link p span:nth-child(2){font-size:80%}.move-to-sector{font-weight:600;font-size:300%;padding:25px 20px}.modal-head-title{background:#e0e0e0;padding:15px}.end-item-error{text-decoration:none!important;width:49.5%;position:relative;color:#fff;float:left}input#sendLessPiecesValue,input#sendMorePartsValue,input#sendOtherErrorValue{width:100%;border:solid 2px #CF5199;outline:none;font-size:170%}input#sendLessPieces,input#sendMoreParts,input#sendOtherError{width:100%;margin:15px 0;padding:20px 0;font-size:170%}#toTop,#home,#refresh,#picking,#end,#expand,.action-box{cursor:pointer;float:left;border:0 none;font-size:150%;padding:20px 30px;width:100px;margin:0 auto}#toTop{display:none;background:#CF5199}#home{background:#399dbf}#refresh{background:#BDC138}#picking{background:#ec971f}#end{background:#c15b63}#expand{background:#E9571A;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.4)}#expand:hover{color:#fff;text-decoration:none}#expand span{font-size:180%!important}#toTop .fa,#home .fa,#refresh .fa,#picking .fa,#end .fa,#expand .fa{color:#fff}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#fff;fill:none;animation:stroke 0.2s cubic-bezier(.65,0,.45,1) forwards}.checkmark{background:#7ac142;width:156px;height:156px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 0 #00A0CB;animation:fill .3s ease-in-out .3s forwards,scale .2s ease-in-out .2s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke 0.2s cubic-bezier(.65,0,.45,1) 0.2s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{100%{box-shadow:inset 0 0 0 30px #7ac142}}@media only screen and (max-width:1680px){.product-row div:nth-child(1) img,.product-row-pl div:nth-child(1) img{min-width:110px}.product-row div:nth-last-child(1) .btn-success,.product-row div:nth-last-child(1) .btn-warning,.product-row div:nth-last-child(1) .btn-danger,.product-row-pl div:nth-last-child(1) .btn-success,.product-row-pl div:nth-last-child(1) .btn-warning,.product-row-pl div:nth-last-child(1) .btn-danger,.product-row-pl-order div:nth-last-child(1) .btn-success,.product-row-pl-order div:nth-last-child(1) .btn-warning,.product-row-pl-order div:nth-last-child(1) .btn-danger{width:50%;margin:15px 0}}@media only screen and (max-width:1440px){.box-sector{width:33.33333333%}.box-order{width:33.33333333%}.box-pickinglist{width:50%;min-height:190px}.action-box{width:75px!important;padding:10px 18px!important}.detail-box-right{padding:25px}.detail-inner{padding-bottom:0}.product-row div:nth-child(1),.product-row-pl div:nth-child(1){padding-left:0}.product-row div:nth-child(1) img,.product-row-pl div:nth-child(1) img{min-width:100px}.product-row div:nth-child(n+2),.product-row-pl div:nth-child(n+2){min-height:120px}.product-row div:nth-last-child(1) .btn-success,.product-row div:nth-last-child(1) .btn-warning,.product-row div:nth-last-child(1) .btn-danger,.product-row-pl div:nth-last-child(1) .btn-success,.product-row-pl div:nth-last-child(1) .btn-warning,.product-row-pl div:nth-last-child(1) .btn-danger,.product-row-pl-order div:nth-last-child(1) .btn-success,.product-row-pl-order div:nth-last-child(1) .btn-warning,.product-row-pl-order div:nth-last-child(1) .btn-danger{width:50%;margin:15px 0}}@media only screen and (max-width:1024px){.box-sector{width:50%}.box-order{width:50%}.box-pickinglist{width:100%;min-height:auto}#ex1 h2,#ex2 h1,#ex2 h2,#ex2 h3,#show-full-image h3,.move-to-sector{font-size:22px}.trace-link p{font-size:20px}.release-orange,.action-red,.done-green,.order-box.warn,.order-box.false,.order-box.true,input#sendLessPiecesValue,input#sendMorePartsValue,input#sendOtherErrorValue,input#sendLessPieces,input#sendMoreParts,input#sendOtherError,input#sendLessPiecesValue{font-size:18px}.product-row-header,.product-row-pl-header{display:none}.product-row,.product-row-pl{padding-top:15px;padding-bottom:0;margin-bottom:10px;border-top:dashed 1px #5E5E5E}.product-row-pl{padding-bottom:15px}.product-row div:nth-child(1),.product-row-pl div:nth-child(1){width:20%;padding-left:15px}.product-row div:nth-child(1) img,.product-row-pl div:nth-child(1) img{min-width:auto}.product-row div:nth-child(n+2),.product-row-pl div:nth-child(n+2){width:80%;min-height:auto}.product-row div:nth-last-child(1){width:100%;background:#5E5E5E;color:#fff;margin-top:15px}.product-row-pl div:nth-last-child(1){font-size:150%;text-align:left;justify-content:unset}.product-row-pl div:nth-last-child(1) .btn-location{margin:0}.product-row-pl-order div:nth-child(n+1),.product-row-pl-order div div:nth-last-child(1){min-height:auto}.product-row-pl-order div:nth-last-child(1){width:100%;background:#5E5E5E;color:#fff;margin-top:15px}.product-row-pl-order div div:nth-last-child(1){text-align:center}.product-row-pl-order div:nth-last-child(1){width:100%;margin-top:0}.product-row-pl-order div:nth-last-child(1) .user-done-pl{width:auto}.product-row div:nth-last-child(1) .btn-success,.product-row div:nth-last-child(1) .btn-warning,.product-row div:nth-last-child(1) .btn-danger,.product-row-pl div:nth-last-child(1) .btn-success,.product-row-pl div:nth-last-child(1) .btn-warning,.product-row-pl div:nth-last-child(1) .btn-danger,.product-row-pl-order div:nth-last-child(1) .btn-success,.product-row-pl-order div:nth-last-child(1) .btn-warning,.product-row-pl-order div:nth-last-child(1) .btn-danger{width:15%}.product-row div:nth-last-child(1) .btn-location,.product-row-pl div:nth-last-child(1) .btn-location{font-size:150%}.product-row div:nth-last-child(1) .btn-done,.product-row-pl div:nth-last-child(1) .btn-done,.product-row-pl-order div:nth-last-child(1) .btn-done{line-height:250%}}@media only screen and (max-width:768px){.page-header{text-align:center;font-weight:700;font-size:250%}.box-sector{width:50%}.navbar-header{float:left}.navbar-top-links{float:right}#bottom-expand{left:8%}#bottom-action{left:5%;transform:translate(-5%,0)}#expand{width:auto;padding:10px 20px;font-size:100%}#time{display:none}.product-row div:nth-child(1) img,.product-row-pl div:nth-child(1) img{min-width:110px}.product-row-pl-order div:nth-child(n+1){width:100%}.product-row-pl-order div:nth-child(1),.product-row-pl-order div:nth-child(2){text-align:center}}@media only screen and (max-width:667px){.box-sector{width:100%}.box-order{width:100%}#bottom-expand{left:50%}}@media only screen and (max-width:640px){.product-row-pl div:nth-child(1){padding-left:0}}@media only screen and (max-width:568px){#search-inner{width:100%!important}.twitter-typeahead{width:100%!important}.typeahead{width:100%;font-size:130%}.tt-menu{width:99%;font-size:130%}.tt-suggestion{font-size:18px}.product-row div:nth-child(1),.product-row-pl div:nth-child(1){width:25%}.product-row div:nth-child(n+2),.product-row-pl div:nth-child(n+2){width:75%}.product-row div:nth-last-child(1){width:100%}.product-row-pl div:nth-last-child(1){font-size:120%;font-weight:700}.product-row div:nth-last-child(1) .btn-success,.product-row div:nth-last-child(1) .btn-warning,.product-row div:nth-last-child(1) .btn-danger,.product-row-pl div:nth-last-child(1) .btn-success,.product-row-pl div:nth-last-child(1) .btn-warning,.product-row-pl div:nth-last-child(1) .btn-danger,.product-row-pl-order div:nth-last-child(1) .btn-success,.product-row-pl-order div:nth-last-child(1) .btn-warning,.product-row-pl-order div:nth-last-child(1) .btn-danger{width:22%}}@media only screen and (max-width:414px){#bottom-action{right:97%;transform:translate(0,0)}#ex1 h2,#ex2 h1,#ex2 h2,#ex2 h3,#show-full-image h3{font-size:18px}.product-row div:nth-child(1),.product-row-pl div:nth-child(1){width:100%;text-align:center!important}.product-row div:nth-child(1) img,.product-row-pl div:nth-child(1) img{min-width:auto;display:inline-block;margin-bottom:10px}.product-row div:nth-child(n+2),.product-row-pl div:nth-child(n+2){width:100%}.product-row div:nth-last-child(1){width:100%}.product-row div:nth-last-child(1) .btn-success,.product-row div:nth-last-child(1) .btn-warning,.product-row div:nth-last-child(1) .btn-danger,.product-row-pl div:nth-last-child(1) .btn-success,.product-row-pl div:nth-last-child(1) .btn-warning,.product-row-pl div:nth-last-child(1) .btn-danger,.product-row-pl-order div:nth-last-child(1) .btn-success,.product-row-pl-order div:nth-last-child(1) .btn-warning,.product-row-pl-order div:nth-last-child(1) .btn-danger{width:27%}}@media only screen and (max-width:375px){.typeahead{width:300px;font-size:120%}.tt-menu{width:292px;font-size:120%}.tt-suggestion{font-size:18px}}

.f-18 {font-size: 18px}
.f-20 {font-size: 20px}
.f-22 {font-size: 22px}
.f-24 {font-size: 24px}

.panel-default> .note-toolbar.panel-heading {background: #f5f5f5}
.panel-default> .note-toolbar.panel-heading i{color:#cf5199}
/* to top function - arrow*/
#c-back { position: fixed; display: none; align-items: center; bottom: 60px; right: 20px; width: 40px; height: 40px; cursor: pointer; z-index: 50000000 !important; opacity: 0.85; background-color: rgba(207,81,153,.85); border-radius: 50%; }
#c-back.visible { display: flex; }
#c-back:hover { background-color: rgba(207,81,153,.95); }
#c-back svg { transform: rotate(-180deg); margin: auto; width: 16px; height: 12px; }

#my-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 1100; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    text-align: center;

}

.my-loader {
    display: inline-block;
    border-top: 16px solid #F18818;
    border-right: 16px solid #E4348A;
    border-bottom: 16px solid #C95E9F;
    border-left: 16px solid #E9571A;
    border-radius: 16%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    position: absolute;
    box-shadow: 1px 1px #e0e0e0;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*DATATABLES DEFINITION SCHEMA*/

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #ddd;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
    margin-bottom:10px
}

.dataTables_length select,  .dataTables_wrapper .dataTables_filter input  {
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 1.5;
    border: solid 1px #ccc;
    color: #555;
}

.dataTables_length select:focus,
.dataTables_wrapper .dataTables_filter input:focus,
.form-control:focus {
    border-color: #CF5199;
    outline:0;
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(207,81,153,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(207,81,153,.6);

}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #fff;
    color:#cf5199 !important;
    border-color: #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #ddd;
    border-color: #ddd;
    color:#cf5199 !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    background: #cf5199;
    color:#fff !important;
    border-color: #cf5199;
}

table.dataTable tbody th.focus, table.dataTable tbody td.focus {
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(207,81,153,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(207,81,153,.6);
}

table.dataTable td.focus {
    outline: 1px solid #cf5199;
    /*outline-offset: -3px;*/
    background-color: transparent !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #e5e5e5; !important
}


div.dt-buttons {
    margin: 0 15px
}

a.button-link {
    background:#CF5199;
    color:#fff;
    padding:10px 15px;
    border-radius: 5px
}

h4.gray {background:#5E5E5E; color: #ffffff; padding:8px 0}
h4.pink {background:#CF5199 /*#3f5586*/; color: #ffffff; padding:8px 0; margin-bottom: 0}

.data-row-content {border: 1px solid rgba(207, 81, 153, 0.20);}
.data-row-content .data-row {width:100%; padding: 7px 5px 7px 0;}
.data-row-content .data-row:nth-child(odd) { background-color: rgba(207, 81, 153, 0.10);}
.data-row-content .data-row:nth-child(even) { background-color: rgba(255, 255, 255, 1);}

#lesson-content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

#lesson-content li img {
    display: inline-block;
}

#lesson-content a, .note-editable a {
    color: #0000EE;
}
#lesson-content a:visited, .note-editable a:visited {
    color: #551A8B;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin-bottom: 0;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ea4d64;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    /*height: 16px;*/
    /*width: 26px;*/
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #57ea4d;
}

input:focus + .slider {
    box-shadow: 0 0 1px #57ea4d;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.test-question p {display: inline-block}

#theme-test-table td
{padding: 5px 10px !important;}

#theme-test-table td p
{margin: 0 0 0 !important}

#test-result .my_text p {margin: 0 !important}

#theme-content a:link {color: #0066CC;}
#theme-content a:hover {color: #0066CC; text-decoration: underline }
#theme-content a:visited {color: #CC33CC; text-decoration: underline }
#theme-content a:active {color: #336666; text-decoration: underline }

#theme-content a.btn {color: #ffffff !important; text-decoration: none}

.box-bottom {padding:7px 0; border-top:dashed 1px #5E5E5E}
.box-image {margin-top:20px; max-width:90px}
.box-progress {padding: 7px 0 5px 0}
.box-progress div {font-size: initial !important}


@media only screen and (min-width: 1900px) {

}


@media only screen and (min-width: 1680px) {

    .box-image {max-width:90px}

}

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

/*    #page-wrapper {
        background: blue
    }*/
    .box-button {padding-bottom: inherit }
    .box-image {max-width:80px}

}

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

/*    #page-wrapper {
        background: orange
    }*/

}

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

/*    #page-wrapper {
        background: yellow
    }*/

    .box-title {font-size: 18px !important;}
    .box-button .btn {font-size: 12px !important}
    .box-progress div {font-size: 14px !important}
    .box-image {max-width:70px}


}

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

/*    #page-wrapper {
        background: gray
    }*/

    .box-progress div {font-size: initial !important;}
    .box-image {max-width:80px}

}

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

/*    #page-wrapper {
        background: deeppink
    }*/

}

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

/*    #page-wrapper {
        background: lightseagreen
    }*/

}

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

/*    #page-wrapper {
        background: darkviolet
    }*/
    .box-image {max-width:70px}

}


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

/*    #page-wrapper {
        background: black
    }*/

}

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

/*    #page-wrapper {
        background: maroon
    }*/

}