*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:none !important;
}

/* ---------------- MAIN -------------- */

html, body{
    background: #ECEFF0;
    height: 100%;
}
.workSpace{
    width: 100%;
    bottom: 0px;
    border: solid 0px #555;
    padding: 20px;
    position: absolute;
    left: 0px;
    top: 55px;
    display: block;
    background: #ECEFF0;
}

.workSpace .with-tab-control {
    top: 25px;
}

::selection {
    background-color: #089BFB;
    color: #fff;
}
/* --------------- LOGIN --------------  */

#login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#login-form {
    width: 600px;
    min-height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 100px rgba(15, 17, 19, 0.1);
    border-radius: 42px;
    border: none !important;
    padding: 40px;
}

.login-form-body{
    margin-bottom: 30px;
}

.login-form-header-title {
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: 600;
    font-size: 46px !important;
    line-height: 110%;
    text-align: center;
    color: #23212E;
    height: 70px;
    text-align: left;
}
.login-form-row{
    margin-top: 10px;
}

.login-form-label{
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #23212E;
    margin: 9px 0px;
}

#login-form input[type=password],#login-form input[type=text] {
    background: #EAEDF0;
    border-radius: 9px;
    border: none !important;
    font-family: PF DinDisplay Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    width: 520px !important;
    letter-spacing: 1px;

    color: #23212E;
    padding: 12px 16px;
}
#login-form input[type=password] {
    letter-spacing: 3px;
    font-weight: bold;
}
#tte {
    margin: 0px !important;
}


/* ---------- SCROLLBAR IN TABLE ---------- */

.fdg-body, #oc_files, textarea {
    scrollbar-width: auto;
    scrollbar-color: #8B9094 #ECEFF0;
}
.fdg-body::-webkit-scrollbar, #oc_files::-webkit-scrollbar , textarea::-webkit-scrollbar {
    width: 17px;
}
.fdg-body::-webkit-scrollbar-track, #oc_files::-webkit-scrollbar-track , textarea::-webkit-scrollbar-track{
    background: #ECEFF0;
}  
.fdg-body::-webkit-scrollbar-thumb, #oc_files::-webkit-scrollbar-thumb , textarea::-webkit-scrollbar-thumb{
    background-color: #8B9094;
    border-radius: 8px;
    cursor: pointer;
    border: 5px solid #ECEFF0;
}

/* ---------------- HEADER -------------- */

header {
    display: grid;
    grid-template-columns: 220px minmax(600px, 3fr) auto;
    width: 100%;
    background-color: #ECEFF0;
    align-items: center;
    z-index: 1;
    padding: 8px 0px 0px 18px;
    grid-auto-rows: 50px;
}

header .logo{
    height: 34px;
}

.header-center{
    top: 0px;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(5, auto);
}

.header-right {
    z-index: 1;
    align-items: center;
    right: 18px;
    top: 0px;
    display: flex;
}

.user-menu{
    width: 42px;
    height: 42px;
    overflow: hidden;
    position: absolute;
    display: flex;
    right: 18px;
    top: 22px;
    background: #FFFFFF;

    border-radius: 24px;
    padding: 8px;
    z-index: 0;
}
.top{
    right: 10px;
    top: 14px;
    box-shadow: 0px 0px 6px rgba(0, 38, 60, 0.4);
}
#wr_login{
    padding: 10px 16px;
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #23212E;
}
.userpic{
    width: 42px;
    height: 42px;
    cursor: pointer;
}

/* ----------- HEADER BUTTONS ----------  */

.btn-menu {
    padding: 12px 20px !important;
    font-family: PT Root UI Web;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em; 
    color: #8C8D94;
    cursor: pointer;
}
.btn-menu:hover {
    color: #0091EB;
}
.active{
    color: #23212E;
    text-decoration: underline;
    cursor: default;
}
.active:hover {
    color: #23212E;
}

/* ------------- BUTTONS ------------  */

.btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 22px;
    border-radius: 20px;
    font-family: PT Root UI Web;
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    margin: 16px;
    letter-spacing: 0.02em;
    cursor: pointer;
}


.btn-green {
    background: #0dac22;
    color: #FFFFFF;
}
.btn-success {
    background: #089BFB;
    color: #FFFFFF;
}
.btn-caution{
    background: #F66;
    color: #FFF;
}
.btn-draft{
    background: #8B9094;
    color: #FFFFFF;
}
.btn:hover{
    background-color: #12A5FF;
}
.btn:active{
    background-color: #0091F1;
}
.btn-neworder{
    z-index: 0;
    position: absolute;
    right: 42px;
    bottom: 140px;
}
.btn-exit{
    background: #8B9094;
    color: #FFFFFF;
    margin: 8px 0px 0px 0px;
    padding: 8px 16px 9px 19px;
    border-radius: 12px;
    font-size: 18px;

}
.btn-exit:hover {
    background: #373542;
    color: #FFFFFF; 
}
.btn-delete {
    display:inline-block;
    padding:3px 6px;
    margin-bottom:0;
    font-size:10px;
    font-weight:400;
    line-height:1.0;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    background: red;
}


/* -------------- CONTAINERS BASIC ------------ */

.fdg-wrapper {
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
}

.flexContainer:after {
    display: inline-block;
    height: 100%;

    vertical-align: middle;
    content: "";
}

.flexRight {
    flex: 1;
    vertical-align: middle;
    display: inline-block;
}

.flex200 {
    width: 200px;
    vertical-align: middle;
    display: inline-block;
}

.flex500 {
    width: 500px;
    vertical-align: middle;
    display: inline-block;
}


.plate-caption{
    /*font-size: 12px;*/
    font-weight: 400;
    text-align: left;
    background: #ffe575;
    border: solid 1px hsl(200,80%,50%);
    border-radius: 5px 0 0 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding: 3px;
}

.button-del-container {
    border: solid 1px #ccc;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    color:#ddd;
    background-color:#f03199;
    border: solid 1px hsl(200,80%,50%);
    padding-top: 2px;
    padding-left: 6px;
    width: 25px;
    cursor: pointer;
    display: inline-block;
}
.button-add-container {
    border: solid 1px #ccc;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    color:yellow;
    background-color:green;
    border: solid 1px hsl(200,80%,50%);
    padding-top: 6px;
    padding-left: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: large;
}
.sel-plus-container {
    font-family: 'Roboto';
    align-items: left;
    justify-content: left;
    font-stretch: expanded;
    display: grid;
    grid-template-columns: 729px 32px;
    grid-gap: 9px;
}
.spc-select-container{
    display: grid;
}
.spc-pb-container{
    display: grid;
}
.plate-container {
    font-family: 'Roboto';
    align-items: left;
    justify-content: left;
    font-stretch: expanded;
    display: grid;
    grid-template-columns: 350px 20px;
}
.plates-container{
    display: grid;
    padding-top: 5px;
}
.three-in-row {
    grid-template-columns: repeat(3, 180px);
}
.two-in-row{
    grid-template-columns: repeat(2, 380px);
    column-gap: 16px;
}


/* ---------------- MESSAGE -------------- */

.messageBox{
    display: none;
    position: absolute;
    left: 20px;
    top: 148px;
    font-weight: bold;
    width: 95%;
    height: 35px;
    border-radius: 12px;
    padding: 7px;
    padding-left: 12px;
}


/* --------------- TABLE --------------  */

/* BODY */

.fdg-body {
    background-color: #fff;
    margin-left: 16px;
    /*margin-right: 17px;FF Only*/
    height: 50px;
    border-right: 1px solid #ECEFF0 !important;
    border-left: 1px solid #E5E9EA !important;
}

/*--- HEADER ---*/

.fdg-header {
    background-color: #fff;
    margin-left: 16px;
    margin-right: 17px;
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 120%;
    letter-spacing: 0.02em;
    border-radius: 16px 16px 0px 0px;
    border: 1px solid #CED1D2 !important;
    z-index: 1;
}

.fdg-header-row{    
    border: none !important;
    border-bottom: 1px solid #666666 !important;
}

/*.fdg-header .fdg-cell{
    overflow-x: hidden;
    /*padding-top: 18px !important;
    height: 60px !important;*/
/*}*/

.fdg-sorting {
    height: 42px;
}

.fdg-header-row .fdg-cell::after{
    position: absolute;
    top: 8px;
    right: 10px;
}


/*--- ROWS ---*/

.fdg-row{
    font-family: PF DinDisplay Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 110%;
    border-bottom: 1px solid #666666; 
    color: #464646;
    /* transition: 0s; */
}
.fdg-row:hover{
    background-color: #d8e9f7 !important;
    /* color: #23212E; */
    /* transition: 0s; */
}
.fdg-selected, .fdg-selected:hover{
    background-color: #4880AF !important;
    color: #FFFFFF;
    /* border-right: 1px solid #3E76A5 !important;  */
}

/*--- CELLS ---*/

.fdg-cell span:hover{
    transition: 1s;
    /*font-size: 12px;*/
    position: relative;
    top: -25px;
}

#gridOrdersList .fdg-body .fdg-flexedCenter .fdg-cell:last-child,
#vocStates .fdg-body .fdg-flexedCenter .fdg-cell:last-child,
#vocColours .fdg-cell:nth-child(2),
#vocColours .fdg-cell:nth-child(3),
#gridViolasList .fdg-body .fdg-cell:nth-child(5) {
 padding: 6px !important;   
}



.fdg-cell div {
    height: 100%;
    border-radius: 12px;
    padding: 7px;
    padding-left: 12px;
}

.fdg-body .fdg-flexedCenter{
    border-right: 1px solid#E5E9EA !important;
}
.fdg-body .fdg-flexedCenter .fdg-cell:last-child{
    border-right: 1px solid#CED1D2 !important;
}
.fdg-body .fdg-flexedCenter .fdg-cell:first-child{
    border-left: 1px solid #CCD0D2 !important;
}

.fdg-cell {
    width: 300px;
    text-align: left !important;
    /*padding: 8px 6px 7px 12px !important;*/
    border-right: 1px solid #E4E4E4 !important;
}

.fdg-topLeft{
font-family: PF DinDisplay Pro;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 120%;
margin-left: 16px;
}

/* ---------------  SEARCH --------------  */

.fdg-footer {
    z-index: 1;
    /* background: rgba(255, 255, 255, 0); */
    /* position: relative;
    top: -58px; */
    margin-right: 18px;
    margin-left: 16px;
    background-color: #fff;
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.02em;
    border-radius: 0px 0px 16px 16px;
    border: 1px solid #CED1D2 !important;
    border-top: 1px solid #666666 !important;
    box-shadow: 0px -1px 1px rgba(0, 38, 60, 0.3);
    height: 40px;

}
.fdg-footer .fdg-cell{
    padding-bottom: 16px !important;
}

.fdg-cell select {
    margin: 0px;
    padding: 0px;
}

.fdg-footer .fdg-footer-row{
    border: none !important;
}

.fdg-footer .fdg-footer-row .fdg-cell{
    /* opacity: 0; */
    transition: 0.2s;
}

.fdg-footer .fdg-footer-row .fdg-cell:hover{
    opacity: 1;
    transition: 0.2s;
}


.fdg-footer .fdg-cell input{
    border: none;
    border-bottom: 2px solid #B8BBBD;
    color: #0091EB;
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-align: left !important;
    padding: 2px;
    transition: 0.2s;
}
.fdg-footer .fdg-cell input::placeholder{
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-align: left !important;
    color: #B8BBBD;
}
.fdg-footer .fdg-cell input:not(:placeholder-shown) {
    border-color: #0091EB;
}
.fdg-footer .fdg-cell input:hover{
    border-bottom: 2px solid #0091EB;
}
.fdg-footer .fdg-cell input:focus{
    border-bottom: 2px solid #0091EB;
}
.fdg-footer .fdg-cell input:valid{   
     /* border-bottom: 2px solid #0091EB; */
}


/* --- INPUTS BOTTOM --- */

/*.fdg-bottom {
    padding: 12px 2px 20px 2px !important;
}*/

.fdg-bottomLeft{
    font-family: PF DinDisplay Pro;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 120%;
margin-left: 16px;

}
.fdg-bottomRight{
    font-family: PF DinDisplay Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 120%;
    margin-right: 18px;
}

.btn-next, .btn-prew {
    position: relative;
    width: 26px;
    height: 26px;
    /* margin: 10px; */
    cursor: pointer;
    transition: 1.3s;
}



/* --- TABLE ADD BUTTON --- */

.fdg-top{
    height: 0px;
    margin: 0px;
    padding: 0px !important;
    margin: 0px;
}
.fdg-toolbar {
    z-index: 2;
    position: absolute;
    bottom: 18px;
    right: 30px;
}

.fdg-toolbar .btn {
    box-shadow: 0px 1px 3px rgba(0, 42, 66, 0.3), 0px 0px 20px #FFFFFF;
}


/* ---------------  FORM --------------  */

.form-overlay{
    background: rgba(12, 17, 20, 0.7) !important;
    z-index: 2;
    padding: 10px;
}

.form-wrapper {
    width: 800px !important;
    min-height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 9px rgba(15, 17, 19, 0.2);
    border-radius: 36px;
    border: none !important;
}

.form-body {
    padding: 2px 16px 16px 16px !important;
    border-top: 1px solid #EAEDF0;
    border-bottom: 1px solid #EAEDF0;
}

.form-footer {
    padding: 2px 16px 16px 16px !important;
}

.flexContainer {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
}

.flexContainer3 {
    display: flex;
    padding: 8px;
}
.flexContainer3 .btn{
    margin: 8px;
}

.form-body .flexContainer {
    margin-top: 6px;
}

.flexLeft, .flexRight{
    font-family: PT Root UI Web;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.03em;  
    color: #23212E;
    margin-top: 2px;
    margin-bottom: 1px;
    width: 768px;
}


.close_form{
    cursor: pointer;
    width: 40px;
    height: 40px;
    opacity: 0.5;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 14px;
    top: 10px;
    transition: 0.2s;
}
.close_form img {
    width: 22px;
    height: 22px;
}
.close_form:hover{
    opacity: 1;
    background: #ECEFF0;
}


.form-header-title, #writ_num_display{
    font-family: PT Root UI Web ;
    font-style: normal;
    font-weight: 300;
    font-size: 26px !important;
    line-height: 110%;
    text-align: center;
    color: #23212E;
    height: 50px;
    text-align: center;
    padding: 12px;
}

input[type=text], input[type=date], input[type=number], .form-wrapper select, textarea, .form-wrapper input {
    background: #EAEDF0;
    border-radius: 9px;
    border: none !important;
    font-family: PF DinDisplay Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    width: 768px;
    color: #23212E;
    padding: 8px 8px 3px 8px;
}
input[type=text],textarea {
    padding: 8px 8px 3px 10px;
    /*min-height: 74px !important;*/
}

input[type=checkbox] {
    height: 20px;
    width: 20px !important;
    border-radius: 8px;
}

#we_full_text {
    height: 172px !important;
}
#we_comment {
    height: 88px;
}
.form-body select{
    background: #EAEDF0;
    border-radius: 6px;
    border: none !important;
    font-family: 'PF DinDisplay Pro';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    width: 768px;
    margin: 0px;
}

::placeholder {
    font-family: 'PF DinDisplay Pro';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    color: #87888F;
  }


/* --- GALERRY --- */

.galery {
    margin-top: 12px;
}
.galery .pic{
    display: none;
}

#oc_files {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 768px;
    min-height: 0px;
    background: #EAEDF0;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
    padding: 1px 0px 6px 0px;
    overflow-y: scroll;
    margin-bottom: 12px;
    margin-top: 3px;
}

#oc_files .tile {
    display: flex;
    flex-direction: row;
    width: 368px;
    height: 38px;
    overflow: hidden;
    margin-left: 6px;
    margin-top: 6px;
    background: #FFFFFF;
    border: 0.5px solid #DAE4F3;
    box-sizing: border-box;
    border-radius: 6px;
    cursor: pointer;
}

#oc_files .tile:hover{
    background-color: #d8e9f7 !important;
    border: 0.5px solid #BDCEE8;
}

.tile .filename {
    position: relative;
    white-space: nowrap;
    top: 7px;
    left: 9px;
    height: 20px;
    font-family: 'PF DinDisplay Pro';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #464646;
}

/* --- X-FILE --- */
.tile #pic .btn{
    /* display: none; */
    height: 16px;
    width: 16px;
}

/* .tile #pic{
    height: 28px;
    width: 22px;
} */
.tile #pic .pic, .tile #pic{
    display: block !important;
    height: 28px;
    width: 22px;
    margin: 2px;
}

/* --- ADD BUTTON --- */
.galery #modl {

    align-items: center;
    padding: 12px 22px;
    background: #30b915;
    color: #FFFFFF;
    border-radius: 20px;
    font-family: PT Root UI Web;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.02em;
    cursor: pointer;
    padding: 8px 16px 9px 19px;
    border-radius: 12px;
    font-size: 18px;
    z-index: 3;
    margin-top: 9px;
}

label{
    margin-bottom: 0px;
}

/* Select */

select {
    /* color: #9a0200; */
    background-color: #FFFFFF;
    border: none;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    padding: 6px 10px;
    font-family: PF DinDisplay Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 120%;
    margin: 6px;
}
option {
    box-shadow: none;
    border-radius: none;
    box-shadow: none !important;
    border: 10px !important;
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown, .dropup {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 8%;
    left: 80%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #b5b5f5;
     cursor:  pointer;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
 {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    color: #777;
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open>.dropdown-menu {
    display: block;
}
.open>a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}


/* ----------------- СПРАВОЧНИК ------------------- */

#tab_labels {
    top: 0px;
    left: 16px;
    margin-bottom: 0px;
}

#panels {
    border: none !important;
    /* z-index: 1; */
}
.panel .fdg-header {
    border-radius: 0px 16px 0px 0px !important;
}

.tab {
    height: 46px;
    padding: 1px 16px 0px 16px !important;
    margin-right: 1px;
    background: #FFFFFF;
    border: 1px solid #CED1D2 !important;
    box-sizing: border-box;
    border-radius: 12px 12px 0px 0px;
    font-family: PT Root UI Web;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #87888F;
}
.tabs .active{
    border-bottom: 1px solid #FFFFFF !important;
    box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.9), 0px 3px 0px rgba(255, 255, 255, 0.8), 0px 4px 0px rgba(255, 255, 255, 0.7), 0px 5px 0px rgba(255, 255, 255, 0.6), 0px 6px 0px rgba(255, 255, 255, 0.5), 0px 7px 0px rgba(255, 255, 255, 0.4), 0px 8px 0px rgba(255, 255, 255, 0.3), 0px 9px 0px rgba(255, 255, 255, 0.2), 0px 10px 0px rgba(255, 255, 255, 0.1);
}

.tab:hover{
    /* color: #041cce; */
    cursor: pointer;
    position: relative;    
     /* height: 60px; */
    
    transition: 0.5s;
    /* transform: translateY(-3px); */
    /* transform: scaleY(+3px); */
}

#tab_labels .active {
    color: #23212E;
    text-decoration: none !important;
    cursor: default !important;
}
#tab_labels .active:hover {
    color: #23212E;

}