@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', sans-serif;
    background: #f5f4f2;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.6em;
    font-weight: 300;
    line-height: 1em;
    color: #999;
    margin-bottom: 5px;
}

.col {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 200;
    line-height: 18px;
    
    
}


.klikitav:hover {
    background-color: #f4c99f;
  }

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 0px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    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;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: rgb(189, 189, 189);
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: rgb(189, 189, 189);
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

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: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 250px);
    padding: 40px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

#content.active {
    width: 100%;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 250px);
    }
    #sidebarCollapse span {
        display: none;
    }
}

td:focus
{
background-color:yellow;
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 10px 0 0 0;
	
}

#editor, #editor1, #editor2, #editor3 {background:white; max-width:1600px;}


.fl {float:left; width:140px; text-align:center; margin:10px;}
input, textarea{margin-right:0px; width:100%}
    .col, .row{padding:0px;  margin:0;}
    .s8{top:0px;  background-color: rgb(248, 248, 248);}
    .s9{top:50px;  background-color: rgb(243, 242, 242);}
    .s10{top:100px;  background-color: rgb(248, 248, 248);}
    .s11{top:150px;  background-color: rgb(243, 242, 242);}
    .s12{top:200px;  background-color: rgb(248, 248, 248); border-top:1px solid coral;}
    .s13{top:250px;  background-color: rgb(243, 242, 242);}
    .s14{top:300px;  background-color: rgb(248, 248, 248);}
    .s15{top:350px;  background-color: rgb(243, 242, 242); border-top:1px solid rgb(80, 255, 147);}
    .s16{top:400px;  background-color: rgb(248, 248, 248);}
    .s17{top:450px;  background-color: rgb(243, 242, 242);}
    .st{font-size: 12px; padding:4px;
        background-color: rgba(121, 243, 117, 0.6); position:absolute; overflow: hidden;line-height: 1.25em; border-bottom: 1px solid rgb(44, 197, 44);}
    .c{height: 50px; color:rgba(0, 0, 0, 0.35); font-size: 10px; 
        padding-top: 3px; padding-left: 5px; border-right: 1px solid rgb(114, 212, 105);}
		    .cpais{height: 20px; color:rgba(0, 0, 0, 0.35); font-size: 12px; 
        padding-top: 3px; padding-left: 5px; border-right: 1px solid rgb(114, 212, 105); font-weight:bold; background-color:lightgray;}
    .leftborder{ border-left: 1px solid gray;}
    .choose {background-color: coral; cursor: move;}
    .kellaaeg{font-size:10px; font-weight: 700; color:rgb(4, 99, 4);  padding:2px; margin: -4px; margin-bottom:1px;}


    .klient{color:rgb(88, 121, 38)}
    .bgSoiduk {background-color: rgb(243, 238, 235);}
    .bg-warning{background-color:orange!important;}
    .goose {background-color: rgb(194, 95, 186); cursor: move; transition: 0.5s; }
    .test{z-index: 9000; height:38px; margin-top:25px;}
    .ui-droppable-hover{background-color:rgb(117, 58, 114);}
    .ui-state-hover{background-color:rgb(189, 55, 55);}
    .size-4{font-size: 12px;}
    .b-r{border-right: thin solid rgb(209, 209, 209); cursor:pointer;}
    .b{font-weight: bolder;}
    #list .col{padding-right: 10px; margin-left: 4px;}
    .btn-small{height: 30px; padding:3px 5px;}
    .btn-gray{background-color: rgb(255, 215, 154);}
    .btn-danger{background-color: #f15922;}
    .itsme {background-color: rgb(251, 213, 42)!important; border:1px solid #ff0101; z-index: 9999; opacity: 0.85;}
    .done {background-color: rgb(219, 219, 219); }
    #status {width: 20px; height:20px; }

.small{font-size: smaller; border: none;}

    #time-range p {
        font-family:"Arial", sans-serif;
        font-size:14px;
        color:#333;
    }
    .ui-slider-horizontal {
        height: 8px;
        background: #D7D7D7;
        border: 1px solid #BABABA;
        box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
        clear: both;
        margin: 8px 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }
    .ui-slider {
        position: relative;
        text-align: left;
    }
    .ui-slider-horizontal .ui-slider-range {
        top: -1px;
        height: 100%;
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        height: 8px;
        font-size: .7em;
        display: block;
        border: 1px solid #5BA8E1;
        box-shadow: 0 1px 0 #AAD6F6 inset;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        background: #81B8F3;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
        background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
        background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
        background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
        background-image: linear-gradient(top, #A0D4F5, #81B8F3);
    }
    .ui-slider .ui-slider-handle {
        border-radius: 50%;
        background: #F9FBFA;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
        background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
        background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
        background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
        background-image: linear-gradient(top, #C7CED6, #F9FBFA);
        width: 22px;
        height: 22px;
        -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
        -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
        box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
        -webkit-transition: box-shadow .3s;
        -moz-transition: box-shadow .3s;
        -o-transition: box-shadow .3s;
        transition: box-shadow .3s;
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 22px;
        height: 22px;
        cursor: default;
        border: none;
        cursor: pointer;
    }
    .ui-slider .ui-slider-handle:after {
        content:"";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -4px;
        background: #30A2D2;
        -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
        -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
        box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -.5em;
        margin-left: -.6em;
    }
    .ui-slider a:focus {
        outline:none;
    }
    
    #slider-range {
      width: 90%;
      margin: 0 auto;
    }
    #time-range {
      width: 400px;
    }

    .btn-info{background-color: #0088e0!important;}
    .regnr{width: 100px;}
    .navbar-light {
        background-color: #e6eaee!important;
    }
    .kessaoled{bottom:0px; position:fixed; right:0; z-index: 9999; width:100%; background-color: rgb(180, 180, 180); text-align: right; font-size: small;}
    .pekkis{height: 38px; padding:0;}