:root{
    /* 3X main colors */
    --color-brand1: #003049;
    --color-brand2: #445e7e;
    --color-brand3: #EEF1F5;
    --color-bg: #fff;
    /* main hover colors */
    --color-brand1-hover: #003049;
    --color-brand2-hover: #364c67;
    --color-brand1-hover11: #445e7e11;
    --color-brand2-hover11: #ff6d3111;
    /* 3X Font colors */
    --color-font-text: #232F43;
    --color-font-label: #908e9b;
    --color-font-disabled: #e1dfe9;
    /* Border color */
    --color-border: #E5E5E5;
    /* 3X Font size */
    --font-size-big: 34px;
    --font-size-medium: 16px;
    --font-size-small: 12px;
    /* Padding */
    --header-padding: 0 100px;
    --footer-padding: 0 100px;
    --container-padding: 50px 100px;
    --div-padding: 25px;
    /* Radius size */
    --border-radius-big: 15px;
    --border-radius-sm: 7px;
    /* Transition */
    --div-transition: all .3s;
    --div-boxshadow: 0 0 25px 5px #00000011;
    --div-boxshadow-low: 0 0 15px 5px #00000008;
    /* Size */
    --header-height: 70px;
}

.hide{display: none!important;}
.pre-wrap{white-space: pre-wrap;}
.bg-brand{background-color: var(--color-brand1)!important;}
.text-brand{color: var(--color-brand1)!important;}
.shadow-brand{box-shadow: 0 4px 20px 0 var(--color-brand1), 0 7px 10px -5px var(--color-brand1) !important;}
.flex-all-center{display: flex;justify-content: center;align-content: center;}
.min-width-100{min-width: 100px;}
.max-width-100{min-width: 100px;}
.min-width-180{min-width: 180px;}
.min-width-250{min-width: 250px;}
.flex-evenly{display: flex;justify-content: space-evenly;}
.logo-icon{height: 30px;width: 30px;margin-left: 10px}
.textarea-box{height: 100%;padding: 30px 15px;resize: none;border: solid 1px #bbb!important;}
.ticket-response{border: dashed 1px #bbb;border-radius: 5px; padding: 15px 15px 5px;}
.ticket-response-text{font-size:12px!important;padding: 5px;}
.ticket-user{background-color: hsl(0, 85%, 98%);border: dashed 1px #80b639;}
.ticket-admin{background-color: hsl(220, 90%, 90%);border: dashed 1px #232F43;}

.no-decoration-anchor{text-decoration:none;color: inherit;}

.employee-rating{display: flex;justify-content:center;align-items: center;gap: 15px;font-size: 14px;font-weight: 600;color: var(--color-brand1);}
.star-rating{width: 100%;display:flex;flex-direction: row-reverse;justify-content:space-between;font-size: 20px;text-align:center;line-height: 0;}
.star-rating input{display:none !important;}
.star-rating label{color:#f90;cursor:pointer;}


.resume-img{height: 50px;width:50px;}
.laboratory-file{width: 300px;}
.laboratory-video{height: 300px;width:300px;}
.laboratory-img{height: 70px;width:70px;margin-left: 0;}


.project-description{width: 250px;height:300px;margin:10px auto;border:solid 2px #88888844;border-radius: 10px;}
.height-180{height: 180px;}


/*svg*/
.ms-properties-div{display: flex;flex-direction: column;align-items: center;justify-content: space-between;gap: 15px;}
.ms-properties-div > .top{width: 100%;display: flex;align-items: center;gap: 15px;}
.ms-properties-div > .top > svg{width: 25px;height: 25px;}
.ms-properties-div > .top > h3{font-size: 18px;color: var(--color-brand1);font-weight: 800;}
.ms-properties-div > .bot{width: 100%;font-size: 15px;font-weight: 600;color: var(--color-brand1);position: relative;display: flex;align-items: center;gap: 15px;}
.ms-properties-div > .bot::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.57 5.92969L3.5 11.9997L9.57 18.0697' stroke='%23232F43' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.4999 12H3.66992' stroke='%23232F43' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");position: absolute;left: 0;width: 15px;height: 15px;}


/*articles*/
.article{display: flex;justify-content: center;flex-wrap:wrap;}
.article-body{width: 260px;padding: 0 8px;margin: 10px;box-shadow: 0 10px 10px #445e7e22;border-radius: 10px;}
.article-body:hover{transition: 0.7s;box-shadow: 0 10px 10px #445e7e66;}
.article-img{height: 150px;width: 150px;overflow: hidden; border-radius: 10px;margin: 0 auto;}
.article-img img{height: 150px;width: 150px;border-radius: 10px;}
.article-title{height: 35px;font-size: 15px;font-weight: 500;color: var(--color-brand1);text-align: center;}
.article-category{height: 25px;font-size: 12px;color: var(--color-font-label);text-align: center;}
.article-text{height: 95px;font-size: 12px;color: #555;text-align: justify;}
.article-buttons{height: 50px;text-align: center;display:flex;justify-content: space-evenly}

/*car input box*/
.create_list{width: 100%;display: flex;flex-wrap: wrap;gap: 10px;margin-top: -15px;}
.create_list li{height: 35px;background-color: #fff;border-radius: var(--border-radius-sm);border: 1px dashed #908e9b;color: var(--color-font-text);padding: 0 10px 0 15px;display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 13px;font-weight: 600;}
.create-trash-icon{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M233.162 233.545C220.144 246.563 220.144 267.668 233.162 280.686L352.667 400.19L233.162 519.697C220.144 532.713 220.144 553.82 233.162 566.837C246.179 579.853 267.285 579.853 280.302 566.837L399.807 447.33L519.313 566.837C532.33 579.853 553.437 579.853 566.453 566.837C579.47 553.82 579.47 532.713 566.453 519.697L446.947 400.19L566.453 280.686C579.47 267.669 579.47 246.563 566.453 233.546C553.433 220.528 532.33 220.528 519.313 233.546L399.807 353.05L280.302 233.545C267.285 220.528 246.179 220.528 233.162 233.545Z' fill='%23908e9b'/%3E%3C/svg%3E%0A");position: relative;width: 20px;height: 20px;top: -1px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: var(--div-transition);border-radius: 3px;}
.create-trash-icon:hover{background-color: #ececec45;}